.elementor-89 .elementor-element.elementor-element-f12aa31{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-f12aa31::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .e-con-inner > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://2026.seow.com.mx/wp-content/uploads/2026/02/cel3.png");--background-overlay:'';background-position:84% 50%;background-repeat:no-repeat;background-size:22% auto;}.elementor-89 .elementor-element.elementor-element-f12aa31:hover::before, .elementor-89 .elementor-element.elementor-element-f12aa31:hover > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-f12aa31:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-background-slideshow:hover::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .e-con-inner > .elementor-background-slideshow:hover::before{background-image:url("https://2026.seow.com.mx/wp-content/uploads/2026/02/cel4.png");--background-overlay:'';}.elementor-89 .elementor-element.elementor-element-f12aa31:hover{--overlay-opacity:1;}.elementor-89 .elementor-element.elementor-element-826b7e8{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-89 .elementor-element.elementor-element-66b185e{width:var( --container-widget-width, 21% );max-width:21%;--container-widget-width:21%;--container-widget-flex-grow:0;text-align:start;}.elementor-89 .elementor-element.elementor-element-66b185e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:34px;font-weight:600;color:var( --e-global-color-2200dc2 );}.elementor-89 .elementor-element.elementor-element-fcca38d{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;}.elementor-89 .elementor-element.elementor-element-fcca38d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;text-transform:uppercase;color:#2F355C;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-89 .elementor-element.elementor-element-1b1af4e .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-weight:500;fill:#2F355C;color:#2F355C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2F355C;border-radius:3px 3px 3px 3px;padding:20px 15px 20px 15px;}.elementor-89 .elementor-element.elementor-element-1b1af4e .elementor-button:hover, .elementor-89 .elementor-element.elementor-element-1b1af4e .elementor-button:focus{background-color:var( --e-global-color-2200dc2 );color:#FFFFFF;}.elementor-89 .elementor-element.elementor-element-1b1af4e .elementor-button:hover svg, .elementor-89 .elementor-element.elementor-element-1b1af4e .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1366px){.elementor-89 .elementor-element.elementor-element-66b185e{--container-widget-width:24%;--container-widget-flex-grow:0;width:var( --container-widget-width, 24% );max-width:24%;}}@media(max-width:1024px){.elementor-89 .elementor-element.elementor-element-f12aa31::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .e-con-inner > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0% 0%;}.elementor-89 .elementor-element.elementor-element-fcca38d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-89 .elementor-element.elementor-element-f12aa31{--content-width:95%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-f12aa31::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .e-con-inner > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-f12aa31 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:58% 82%;background-size:61% auto;}.elementor-89 .elementor-element.elementor-element-826b7e8{--margin-top:-65%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-66b185e{--container-widget-width:31%;--container-widget-flex-grow:0;width:var( --container-widget-width, 31% );max-width:31%;}.elementor-89 .elementor-element.elementor-element-66b185e .elementor-heading-title{font-size:22px;}.elementor-89 .elementor-element.elementor-element-fcca38d .elementor-heading-title{font-size:30px;}.elementor-89 .elementor-element.elementor-element-1b1af4e .elementor-button{font-size:13px;padding:10px 5px 10px 5px;}}@media(min-width:768px){.elementor-89 .elementor-element.elementor-element-826b7e8{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-89 .elementor-element.elementor-element-f12aa31{--content-width:77%;}}/* Start custom CSS for heading, class: .elementor-element-66b185e */.anim-reveal{
  position: relative;
  display: inline-block;
  opacity: 0;
  animation: revealFade .1s linear forwards;
  animation-delay: .05s;
}

.anim-reveal::after{
  content:"";
  position:absolute;
  inset:0;
  background: #ef4a6b;
  transform: scaleX(0);
  transform-origin: left;
  animation: revealMask .8s cubic-bezier(.2,.8,.2,1) forwards;
}

@keyframes revealMask{
  0%{ transform: scaleX(0); transform-origin:left; }
  50%{ transform: scaleX(1); transform-origin:left; }
  51%{ transform-origin:right; }
  100%{ transform: scaleX(0); transform-origin:right; }
}

@keyframes revealFade{
  to{ opacity: 1; }
}
/* Asegura que el texto tenga caja (para que la barra lo cubra completo) */
.anim-reveal{
  position: relative;
  display: inline-block;
  line-height: 1.05;         /* ajusta si tu H1 es muy alto */
  padding: .08em .02em;      /* un poquito de aire vertical */
}

/* Barra/máscara más grande (cubre todo el texto) */
.anim-reveal::after{
  content:"";
  position:absolute;
  top: -0.18em;              /* ↑ más alto */
  bottom: -0.18em;           /* ↓ más bajo */
  left: -0.06em;             /* un poco más ancho */
  right: -0.06em;
  border-radius: .12em;      /* opcional, se ve más pro */
  background: #ef4a6b;  /* o tu color fijo si quieres */
  transform: scaleX(0);
  transform-origin: left;
  animation: revealMask .8s cubic-bezier(.2,.8,.2,1) forwards;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fcca38d *//* ====== SEOW Cinematic Title In ====== */
.seow-hero-title{
  --navy: #1b2240;   /* ajusta a tu navy */
  --coral:#f04b63;   /* ajusta a tu coral */
  --ink:  var(--navy);

  position: relative;
  display: inline-block;
  color: var(--ink);
  line-height: .92;
  letter-spacing: .02em;
  transform-style: preserve-3d;
  perspective: 900px;

  /* Estado inicial */
  opacity: 0;
  filter: blur(18px) saturate(1.05);
  transform: translateY(26px) rotateX(18deg) scale(.98);

  /* Timeline principal */
  animation: seowTitleIn 1100ms cubic-bezier(.16,.9,.18,1) forwards;
  will-change: transform, filter, opacity;
}

/* Sweep highlight (brillo que cruza el título) */
.seow-hero-title::before{
  content:"";
  position:absolute;
  inset:-.25em -1.2em;
  background: linear-gradient(110deg,
    transparent 0%,
    rgba(240,75,99,.0) 34%,
    rgba(240,75,99,.22) 48%,
    rgba(240,75,99,.0) 62%,
    transparent 100%
  );
  transform: translateX(-70%) skewX(-18deg);
  opacity: 0;
  mix-blend-mode: multiply;
  animation: seowSweep 1200ms cubic-bezier(.2,.85,.15,1) forwards;
  animation-delay: 140ms;
  pointer-events:none;
}

/* Underline “dibujado” */
.seow-hero-title::after{
  content:"";
  position:absolute;
  left: 0;
  bottom: -0.18em;
  height: 3px;
  width: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--coral), rgba(240,75,99,.15));
  transform: scaleX(0);
  transform-origin: left;
  opacity: .0;
  animation: seowUnderline 900ms cubic-bezier(.18,.9,.2,1) forwards;
  animation-delay: 520ms;
  pointer-events:none;
}

/* Palabras en stagger */
.seow-hero-title .word{
  display:inline-block;
  position:relative;

  /* estado inicial por palabra */
  opacity: 0;
  transform: translateY(14px) rotateX(28deg) scale(.98);
  filter: blur(10px);
  clip-path: polygon(0 110%, 100% 110%, 100% 110%, 0 110%); /* oculto abajo */

  animation: seowWordIn 900ms cubic-bezier(.16,.9,.18,1) forwards;
  will-change: transform, filter, opacity, clip-path;
}

/* Delays por palabra */
.seow-hero-title .w1{ animation-delay: 180ms; }
.seow-hero-title .w2{ animation-delay: 290ms; }
.seow-hero-title .w3{ animation-delay: 420ms; }
.seow-hero-title .w4{ animation-delay: 540ms; }

/* Acento coral “vivo” solo en las palabras que quieras */
.seow-hero-title .w1,
.seow-hero-title .w4{
  color: var(--coral);
}

/* Micro-glitch sutil (solo al inicio) */
.seow-hero-title .word::after{
  content: attr(data-glitch);
  position:absolute;
  inset:0;
  opacity: 0;
  transform: translateZ(0);
  mix-blend-mode: screen;
  pointer-events:none;
}
.seow-hero-title .word{
  text-shadow: 0 0 0 rgba(0,0,0,0);
  animation-name: seowWordIn, seowGlitch;
  animation-duration: 900ms, 650ms;
  animation-timing-function: cubic-bezier(.16,.9,.18,1), steps(2,end);
  animation-fill-mode: forwards, both;
}

/* ====== KEYFRAMES ====== */
@keyframes seowTitleIn{
  0%   {opacity:0; filter: blur(18px); transform: translateY(26px) rotateX(18deg) scale(.98);}
  55%  {opacity:1; filter: blur(4px);  transform: translateY(0)   rotateX(0)     scale(1.01);}
  100% {opacity:1; filter: blur(0);    transform: translateY(0)   rotateX(0)     scale(1);}
}

@keyframes seowWordIn{
  0%{
    opacity:0;
    transform: translateY(14px) rotateX(28deg) scale(.98);
    filter: blur(10px);
    clip-path: polygon(0 110%,100% 110%,100% 110%,0 110%);
  }
  45%{
    opacity:1;
    clip-path: polygon(0 110%,100% 110%,100% 0%,0% 0%);
  }
  100%{
    opacity:1;
    transform: translateY(0) rotateX(0) scale(1);
    filter: blur(0);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
  }
}

@keyframes seowSweep{
  0%   {opacity:0; transform: translateX(-70%) skewX(-18deg);}
  20%  {opacity:1;}
  100% {opacity:0; transform: translateX(70%)  skewX(-18deg);}
}

@keyframes seowUnderline{
  0%   {opacity:0; transform: scaleX(0);}
  35%  {opacity:1; transform: scaleX(1);}
  100% {opacity:1; transform: scaleX(1);}
}

@keyframes seowGlitch{
  0%{ text-shadow: 0 0 0 rgba(0,0,0,0); }
  18%{ text-shadow: -2px 0 rgba(240,75,99,.35), 2px 0 rgba(27,34,64,.25); }
  22%{ text-shadow: 2px 0 rgba(240,75,99,.30), -2px 0 rgba(27,34,64,.20); }
  28%{ text-shadow: -1px 0 rgba(240,75,99,.25), 1px 0 rgba(27,34,64,.18); }
  100%{ text-shadow: 0 0 0 rgba(0,0,0,0); }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  .seow-hero-title,
  .seow-hero-title::before,
  .seow-hero-title::after,
  .seow-hero-title .word{
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
  }
}/* End custom CSS */