.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Raleway", Sans-serif;}.elementor-kit-6 h2{font-family:"Raleway", Sans-serif;}.elementor-kit-6 h3{font-family:"Raleway", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1201px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Utilidad base: úsalo como si fuera <i class="ms">home</i> */
.ms,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-size: 1em;             /* hereda tamaño del texto */
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

/* Tres estilos disponibles (elige uno por icono) */
.material-symbols-outlined { font-family: 'Material Symbols Outlined'; }
.material-symbols-rounded  { font-family: 'Material Symbols Rounded'; }
.material-symbols-sharp    { font-family: 'Material Symbols Sharp'; }

/* Ayuda para poner icono a la izquierda vía atributo */
.ms-left::before {
  font-family: 'Material Symbols Outlined';
  content: attr(data-ic);     /* ej: data-ic="login" */
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
  margin-right: .5em;
}

/* Variantes rápidas (opcional) */
.ms--fill   { font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.ms--w400   { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.ms--w600   { font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24; }



/* Caso 1: Elementor aplica la animación específica de salida */
.e-off-canvas.elementor-animation-slideOutRight,
.e-off-canvas .elementor-animation-slideOutRight {
  animation-duration: .5s !important;
}

/* Caso 2: Elementor cierra revirtiendo la animación de entrada (reverse wrapper) */
.e-off-canvas.animated-reverse-wrapper.elementor-animation-slideInRight,
.e-off-canvas .animated-reverse-wrapper.elementor-animation-slideInRight {
  animation-duration: .5s !important;
}

/* Caso 3: Si tu off-canvas cierra con transition (no con keyframes),
   Elementor pone aria-hidden="true" durante el cierre. Ajustamos SOLO la duración. */
.e-off-canvas[aria-hidden="true"] {
  transition-duration: .5s !important;
}


/* 1) Para secciones que tienen ID (anclas tipo #seccion) */
.elementor-section[id]::before {
  content: "";
  display: block;
  height: 40px;        /* ← alto de tu header sticky */
  margin-top: -40px;   /* ← mismo valor en negativo */
  visibility: hidden;
}

/* 2) Para el widget de ancla de Elementor (elementor-menu-anchor) */
.elementor-widget-menu-anchor {
  position: relative;
}
.elementor-widget-menu-anchor::before {
  content: "";
  display: block;
  height: 40px;        /* ← alto de tu header */
  margin-top: -40px;   /* ← mismo valor en negativo */
  visibility: hidden;
}


@media (min-width:1025px){
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu a.elementor-item.is-active{
    font-weight:700 !important;
    text-decoration:underline !important;
    text-underline-offset:6px;
    text-decoration-thickness:2px;
  }
}

@media (min-width:1025px){
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu a.elementor-item{
    position: relative;
    padding-bottom: 3px;
  }
  /* Subrayado animado SOLO en hover cuando NO está activo */
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu a.elementor-item:not(.is-active)::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:-4px;
    height:1px;
    background:#4B5563;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .22s ease;
  }
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu a.elementor-item:hover:not(.is-active)::after{
    transform:scaleX(1);
  }
}


/*CSS BACKGROUND */

/* ====== Tamaño del lienzo del fondo (ajusta a gusto) ====== */
:root{
  --bg-w: 1400px;
  --bg-h: 1000px;
}

/* ====== Registros @property para interpolación suave ====== */
/* Por cada índice 0–9 registramos x, y, s-start, s-end y color */
@property --x-0 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-0 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-0 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-0 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-0 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

@property --x-1 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-1 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-1 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-1 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-1 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

@property --x-2 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-2 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-2 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-2 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-2 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

@property --x-3 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-3 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-3 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-3 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-3 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

@property --x-4 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-4 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-4 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-4 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-4 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

@property --x-5 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-5 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-5 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-5 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-5 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

@property --x-6 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-6 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-6 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-6 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-6 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

@property --x-7 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-7 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-7 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-7 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-7 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

@property --x-8 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-8 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-8 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-8 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-8 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

@property --x-9 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --y-9 { syntax:'<percentage>'; inherits:false; initial-value:50% }
@property --s-start-9 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --s-end-9 { syntax:'<percentage>'; inherits:false; initial-value:0% }
@property --c-9 { syntax:'<color>'; inherits:false; initial-value:hsla(0,0%,0%,0) }

/* ====== Keyframes MSHR (con % faltantes corregidos para animar bien) ====== */
@keyframes hero-gradient-animation {
  0% {
    --y-0: 63%; --x-0: 93%; --c-0: hsla(217.59493670886084, 72%, 77%, 1);
    --s-start-0: 8.392121895570533%; --s-end-0: 38.584065253664996%;

    --s-start-1: 8.392121895570533%; --s-end-1: 22.10878124098502%;
    --x-1: 33%; --y-1: -7%; --c-1: hsla(222.00000000000006, 100%, 98%, 1);

    --x-2: 84%; --c-2: hsla(222.00000000000006, 100%, 98%, 1);
    --y-2: 7%; --s-start-2: 8.392121895570533%; --s-end-2: 22.558651527792346%;

    --x-3: 14%; --c-3: hsla(222.00000000000006, 100%, 98%, 1);
    --s-start-3: 8.392121895570533%; --s-end-3: 22.558651527792346%; --y-3: 5%;

    --c-4: hsla(222.00000000000006, 100%, 98%, 1); --x-4: 7%; --y-4: 96%;
    --s-start-4: 8.392121895570533%; --s-end-4: 22.558651527792346%;

    --y-5: 90%; --c-5: hsla(222.00000000000006, 100%, 98%, 1); --x-5: 93%;
    --s-start-5: 8.392121895570533%; --s-end-5: 22.558651527792346%;

    --s-start-6: 8.392121895570533%; --s-end-6: 39.67138181429644%;
    --x-6: 3%; --c-6: hsla(279.78947368421046, 74%, 80%, 1); --y-6: 61%;

    --y-7: 59%; --x-7: 94%; --s-start-7: 8.392121895570533%; --s-end-7: 49.58090142552271%;
    --c-7: hsla(279.4736842105263, 74%, 80%, 1);

    --y-8: 63%; --s-start-8: 8.392121895570533%; --s-end-8: 34.815367581495366%;
    --c-8: hsla(217.68844221105536, 46%, 63%, 1); --x-8: 48%;

    --y-9: 78%; --s-start-9: 8.392121895570533%; --s-end-9: 31.77166380372925%;
    --x-9: 96%; --c-9: hsla(217.41176470588235, 72%, 77%, 1);
  }

  50% {
    --y-0: 59%; --x-0: 2%; --c-0: hsla(217.41176470588235, 72%, 77%, 1);
    --s-start-0: 12.892043731642234%; --s-end-0: 42.94837818044209%;

    --s-start-1: 8.392121895570533%; --s-end-1: 41.69445156991687%;
    --x-1: 42%; --y-1: 10%; --c-1: hsla(222.00000000000006, 100%, 98%, 1);

    --x-2: 75%; --c-2: hsla(222.00000000000006, 100%, 98%, 1);
    --y-2: 29%; --s-start-2: 8.392121895570533%; --s-end-2: 20.488815899465003%;

    --x-3: 5%; --c-3: hsla(222.00000000000006, 100%, 98%, 1);
    --s-start-3: 8.392121895570533%; --s-end-3: 30.099844327777923%; --y-3: 16%;

    --c-4: hsla(222.00000000000006, 100%, 98%, 1);
    --x-4: 36%; --y-4: 91%; --s-start-4: 8.392121895570533%; --s-end-4: 24.59566937006635%;

    --y-5: 91%; --c-5: hsla(222.00000000000006, 100%, 98%, 1);
    --x-5: 70%; --s-start-5: 8.392121895570533%; --s-end-5: 24.59566937006635%;

    --s-start-6: 9%; --s-end-6: 26.825849058644888%;
    --x-6: 54%; --c-6: hsla(279.4736842105263, 74%, 80%, 1); --y-6: 73%;

    --y-7: 76%; --x-7: 57%; --s-start-7: 9%; --s-end-7: 49.05074977970796%;
    --c-7: hsla(279.4736842105263, 74%, 80%, 1);

    --y-8: 53%; --s-start-8: 9%; --s-end-8: 26.166345747226664%;
    --c-8: hsla(279.4736842105263, 74%, 80%, 1); --x-8: 11%;

    --y-9: 70%; --s-start-9: 9%; --s-end-9: 22.152460022684956%;
    --x-9: 70%; --c-9: hsla(217.41176470588235, 72%, 77%, 1);
  }

  100% {
    --s-start-1: 8.392121895570533%; --s-end-1: 59.32232816638693%;
    --x-1: 76%; --y-1: -3%; --c-1: hsla(222.00000000000006, 100%, 98%, 1);

    --x-2: 97%; --c-2: hsla(222.00000000000006, 100%, 98%, 1);
    --y-2: 18%; --s-start-2: 8.392121895570533%; --s-end-2: 28.52989037790774%;

    --x-3: 42%; --c-3: hsla(222.00000000000006, 100%, 98%, 1);
    --s-start-3: 8.392121895570533%; --s-end-3: 28.52989037790774%; --y-3: 18%;

    --c-4: hsla(222.00000000000006, 100%, 98%, 1);
    --x-4: 66%; --y-4: 95%; --s-start-4: 8.392121895570533%; --s-end-4: 28.52989037790774%;

    --y-5: 92%; --c-5: hsla(222.00000000000006, 100%, 98%, 1);
    --x-5: 46%; --s-start-5: 8.392121895570533%; --s-end-5: 28.52989037790774%;

    --s-start-6: 24.72064437400016%; --s-end-6: 47.490620328604024%;
    --x-6: 102%; --c-6: hsla(279.4736842105263, 74%, 80%, 1); --y-6: 16%;

    --y-7: 52%; --x-7: 22%; --s-start-7: 10.200720718860145%; --s-end-7: 50.46456494288142%;
    --c-7: hsla(279.4736842105263, 74%, 80%, 1);

    --y-9: 51%; --s-start-9: 6.294132688184733%; --s-end-9: 20.79106730744014%;
    --x-9: 97%; --c-9: hsla(217.41176470588235, 72%, 77%, 1);
  }
}

/* ====== Capa de fondo fija detrás de todo ====== */
html, body { background: transparent; min-height: 100%; }

body::before{
  content:"";
  position:fixed; inset:0;
  z-index:-1;               /* detrás de todo */
  pointer-events:none;

  /* Estado inicial (coincide con 0%) */
  --y-0: 63%; --x-0: 93%; --c-0: hsla(217.59493670886084,72%,77%,1);
  --s-start-0: 8.392121895570533%; --s-end-0: 38.584065253664996%;

  --s-start-1: 8.392121895570533%; --s-end-1: 22.10878124098502%;
  --x-1: 33%; --y-1: -7%; --c-1: hsla(222.00000000000006,100%,98%,1);

  --x-2: 84%; --c-2: hsla(222.00000000000006,100%,98%,1);
  --y-2: 7%; --s-start-2: 8.392121895570533%; --s-end-2: 22.558651527792346%;

  --x-3: 14%; --c-3: hsla(222.00000000000006,100%,98%,1);
  --s-start-3: 8.392121895570533%; --s-end-3: 22.558651527792346%; --y-3: 5%;

  --c-4: hsla(222.00000000000006,100%,98%,1); --x-4: 7%; --y-4: 96%;
  --s-start-4: 8.392121895570533%; --s-end-4: 22.558651527792346%;

  --y-5: 90%; --c-5: hsla(222.00000000000006,100%,98%,1); --x-5: 93%;
  --s-start-5: 8.392121895570533%; --s-end-5: 22.558651527792346%;

  --s-start-6: 8.392121895570533%; --s-end-6: 39.67138181429644%;
  --x-6: 3%; --c-6: hsla(279.78947368421046,74%,80%,1); --y-6: 61%;

  --y-7: 59%; --x-7: 94%; --s-start-7: 8.392121895570533%; --s-end-7: 49.58090142552271%;
  --c-7: hsla(279.4736842105263,74%,80%,1);

  --y-8: 63%; --s-start-8: 8.392121895570533%; --s-end-8: 34.815367581495366%;
  --c-8: hsla(217.68844221105536,46%,63%,1); --x-8: 48%;

  --y-9: 78%; --s-start-9: 8.392121895570533%; --s-end-9: 31.77166380372925%;
  --x-9: 96%; --c-9: hsla(217.41176470588235,72%,77%,1);

  background-color: hsla(222.00000000000006, 100%, 98%, 1);
  background-image:
    radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)),
    radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)),
    radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)),
    radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)),
    radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)),
    radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5)),
    radial-gradient(circle at var(--x-6) var(--y-6), var(--c-6) var(--s-start-6), transparent var(--s-end-6)),
    radial-gradient(circle at var(--x-7) var(--y-7), var(--c-7) var(--s-start-7), transparent var(--s-end-7)),
    radial-gradient(circle at var(--x-8) var(--y-8), var(--c-8) var(--s-start-8), transparent var(--s-end-8)),
    radial-gradient(circle at var(--x-9) var(--y-9), var(--c-9) var(--s-start-9), transparent var(--s-end-9));
  background-repeat: no-repeat;

  /* Encadre fijo (ajústalo a gusto) */
  background-size: var(--bg-w) var(--bg-h);
  background-position: 50% 0%;

  /* Animación */
  animation: hero-gradient-animation 10s linear infinite alternate;
  background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal, normal, normal;

  /* Performance */
  will-change: background-image, background-size, background-position;
  transform: translateZ(0);
}

/* ====== Breakpoints para escalar el lienzo ====== */
@media (min-width:1600px){ :root{ --bg-w:1800px; --bg-h:1200px; } }
@media (max-width:1024px){ :root{ --bg-w:1200px; --bg-h:900px; } }
@media (max-width:768px){  :root{ --bg-w:1000px; --bg-h:1100px; } }

/* ====== Accesibilidad ====== */
@media (prefers-reduced-motion: reduce){
  body::before{ animation: none; }
}


h1.entry-title {
    margin-top: 80px;
}

@media (max-width: 575px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        padding-inline-end: 22px;
        padding-inline-start: 22px;
    }
}/* End custom CSS */