/* =========================================================================
   THEME OVERRIDE: PALETA OFICIAL TRIARIS.LOCAL (SAASLAUNCHER)
   Sobrescribe y enriquece la capa base con los colores, gradientes, bordes
   luminosos y micro-interacciones extraídos de https://triaris.local/
   ========================================================================= */

/* Fuentes Locales / Marca (Servidas desde theme/fonts/) */
@font-face {
  font-family: 'Russo One';
  src: local('Russo One'), local('RussoOne-Regular'), url('fonts/RussoOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Norms Light';
  src: local('TT Norms Light'), local('TTNorms-Light'), url('fonts/TTNorms-Light.otf') format('opentype');
  font-weight: 100 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Norms Medium';
  src: local('TT Norms Medium'), local('TTNorms-Medium'), url('fonts/TTNorms-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Efectos de Iluminación Ambiental (Paleta Oficial 00-MARCA.md: #310561, #3B2488, #E52826, #131839) */
body::before {
  content: "";
  position: fixed;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  height: 600px;
  background: radial-gradient(circle, rgba(229, 40, 38, 0.25) 0%, rgba(59, 36, 136, 0.35) 45%, transparent 70%);
  filter: blur(95px);
  z-index: -1;
  pointer-events: none;
  animation: glow-float 10s ease-in-out infinite alternate;
}

body::after {
  content: "";
  position: fixed;
  bottom: -150px;
  right: -100px;
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, rgba(229, 40, 38, 0.16) 0%, rgba(49, 5, 97, 0.35) 50%, transparent 70%);
  filter: blur(100px);
  z-index: -1;
  pointer-events: none;
}

@keyframes glow-float {
  0% { transform: translateX(-50%) translateY(0) scale(1); }
  100% { transform: translateX(-48%) translateY(40px) scale(1.1); }
}

/* Canvas de Fondo de Partículas Dinámicas */
#theme-particle-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  opacity: 0.55;
}

/* Navbar con el fondo #310561 (--wp--preset--color--background) de triaris.local */
.navbar {
  background: rgba(49, 5, 97, 0.92) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;
}

/* Titular del Hero con acento #E52826 */
.hero-title {
  color: var(--wp--preset--color--heading-color);
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.65);
}

.hero-title span {
  color: var(--wp--preset--color--primary);
}

/* Efecto de Relieve 3D en la Card 9:16 del Hero */
.visual-card {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: var(--wp--preset--color--background-alt) !important;
  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.75), 0 0 45px rgba(59, 36, 136, 0.35) !important;
  transform-style: preserve-3d;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

.visual-card:hover {
  transform: translateY(-6px) scale(1.015);
  box-shadow: 0 45px 110px rgba(0, 0, 0, 0.85), 0 0 65px rgba(229, 40, 38, 0.35) !important;
}

/* Tabla de detalles con estilo is-style-saaslauncher-gradient-border + #131839 */
.mentoria-details-box {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--wp--preset--color--background-alt), var(--wp--preset--color--background-alt)) padding-box,
    linear-gradient(145deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--background-alt) 100%) border-box !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

/* Tarjetas de Sesiones (is-style-saaslauncher-gradient-border has-background-alt-background-color) */
.session-card.saas-session-card {
  position: relative;
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--wp--preset--color--background-alt), var(--wp--preset--color--background-alt)) padding-box,
    linear-gradient(145deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--background-alt) 100%) border-box !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
  transition: all 0.25s ease;
}

.session-card.saas-session-card:hover {
  transform: translateY(-5px);
  background:
    linear-gradient(var(--wp--preset--color--primary-shade-2), var(--wp--preset--color--primary-shade-2)) padding-box,
    linear-gradient(145deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary-shade-one) 100%) border-box !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.55), 0 0 30px rgba(229, 40, 38, 0.2);
}

/* Sección del Tutor en negro puro #000000 para fundirse con la foto sin recuadro */
.mentor-section {
  background-color: #000000 !important;
}

/* Tarjeta de Precio / Formulario con colores oficiales (#150E3A + #E52826) */
.pricing-card {
  border: 2px solid transparent !important;
  background:
    linear-gradient(var(--wp--preset--color--primary-shade-2), var(--wp--preset--color--primary-shade-2)) padding-box,
    linear-gradient(145deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary-shade-one) 55%, var(--wp--preset--color--dark-shade) 100%) border-box !important;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.75), 0 0 50px rgba(59, 36, 136, 0.35) !important;
}

/* Animaciones de Entrada (Scroll Reveal) */
.theme-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.theme-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}