@import url("/nueva/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css");
/* =========================================================
   SERVIMÁTICOS — sistema visual y de movimiento
   Clases propias con prefijo svm-  (se asignan en Elementor:
   Avanzado → Clases CSS). Todo lo que no sea layout esencial
   queda sin !important para que el editor siga mandando.
   ========================================================= */
:root{
  --svm-ink:#0B1F3A; --svm-ink-2:#12294B; --svm-magenta:#B0089E; --svm-cyan:#3FA7C1;
  --svm-yellow:#F8D858; --svm-paper:#FAFAF8; --svm-line:#E7E5E0;
  --svm-ease:cubic-bezier(.22,1,.36,1);
}
body{background:var(--svm-paper)}
::selection{background:var(--svm-magenta);color:#fff}

/* ---------- Cabecera: cristal + sombra al hacer scroll ---------- */
.elementor-location-header{position:sticky;top:0;z-index:999}
.admin-bar .elementor-location-header{top:32px}
@media (max-width:782px){.admin-bar .elementor-location-header{top:0}}
.svm-header{transition:background-color .4s var(--svm-ease),box-shadow .4s var(--svm-ease),padding .4s var(--svm-ease)}
.svm-scrolled .svm-header{background-color:rgba(255,255,255,.78)!important;backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 10px 30px -18px rgba(11,31,58,.35)}

/* ---------- Kicker (etiqueta con punto vivo) ---------- */
.svm-kicker .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:13px!important}
.svm-kicker .elementor-heading-title::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--svm-yellow);
  box-shadow:0 0 0 0 rgba(248,216,88,.7);animation:svm-ping 2.2s infinite}
.svm-kicker--light .elementor-heading-title{background:#fff;border-color:var(--svm-line)}
.svm-kicker--light .elementor-heading-title::before{background:var(--svm-magenta);box-shadow:0 0 0 0 rgba(176,8,158,.5)}
@keyframes svm-ping{0%{box-shadow:0 0 0 0 rgba(248,216,88,.6)}70%{box-shadow:0 0 0 10px rgba(248,216,88,0)}100%{box-shadow:0 0 0 0 rgba(248,216,88,0)}}

/* ---------- HERO ---------- */
.svm-hero{position:relative;overflow:hidden;isolation:isolate}
.svm-hero::after{ /* rejilla fina */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%)}
.elementor-widget-html:has(.svm-orbs){position:static!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
.e-con-inner:has(>.elementor-widget-html .svm-orbs),.e-con:has(>.elementor-widget-html .svm-orbs){position:relative}
.svm-orbs{position:absolute;inset:0;z-index:-2;pointer-events:none;filter:blur(70px) saturate(1.2)}
.svm-orbs span{position:absolute;border-radius:50%;opacity:.55;will-change:transform}
.svm-orbs span:nth-child(1){width:46vw;height:46vw;max-width:680px;max-height:680px;left:-10%;top:-20%;background:var(--svm-magenta);animation:svm-float1 18s var(--svm-ease) infinite alternate}
.svm-orbs span:nth-child(2){width:38vw;height:38vw;max-width:560px;max-height:560px;right:-8%;top:10%;background:var(--svm-cyan);animation:svm-float2 22s var(--svm-ease) infinite alternate}
.svm-orbs span:nth-child(3){width:26vw;height:26vw;max-width:400px;max-height:400px;left:35%;bottom:-25%;background:var(--svm-yellow);opacity:.35;animation:svm-float3 20s var(--svm-ease) infinite alternate}
@keyframes svm-float1{to{transform:translate3d(12vw,10vh,0) scale(1.15)}}
@keyframes svm-float2{to{transform:translate3d(-10vw,14vh,0) scale(.9)}}
@keyframes svm-float3{to{transform:translate3d(-8vw,-12vh,0) scale(1.2)}}
.svm-orbs{transform:translate3d(var(--svm-px,0),var(--svm-py,0),0);transition:transform 1.2s var(--svm-ease)}

/* titular animado: palabra rotativa con degradado de marca */
.svm-headline .elementor-headline{line-height:1.02;letter-spacing:-.025em}
.svm-headline .elementor-headline-dynamic-wrapper{padding-bottom:.08em}
.svm-headline .elementor-headline-dynamic-text{
  background:linear-gradient(100deg,var(--svm-yellow) 0%,#ff7ad9 35%,var(--svm-cyan) 70%,var(--svm-yellow) 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:svm-shine 6s linear infinite}
@keyframes svm-shine{to{background-position:-220% 0}}
.svm-headline .elementor-headline--style-rotate .elementor-headline-dynamic-wrapper{text-align:left}

/* mockup flotante del hero */
.svm-stack{position:relative;height:460px;perspective:1200px}
.svm-stack .svm-screen{position:absolute;inset:30px 0 40px 40px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);
  transform:rotateY(-12deg) rotateX(6deg);transform-origin:center;overflow:hidden;animation:svm-bob 7s ease-in-out infinite}
.svm-screen__bar{display:flex;gap:6px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.svm-screen__bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}
.svm-screen__bar i:nth-child(1){background:#ff6b8b}.svm-screen__bar i:nth-child(2){background:var(--svm-yellow)}.svm-screen__bar i:nth-child(3){background:#48d59a}
.svm-screen__body{padding:22px;display:grid;gap:14px}
.svm-skel{height:12px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.26),rgba(255,255,255,.12));background-size:200% 100%;animation:svm-skel 2.4s linear infinite}
.svm-skel--h{height:26px;width:70%}.svm-skel--s{width:45%}.svm-skel--m{width:85%}
.svm-skel-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.svm-skel-box{height:110px;border-radius:14px;background:linear-gradient(135deg,rgba(176,8,158,.55),rgba(63,167,193,.45))}
.svm-skel-box+.svm-skel-box{background:linear-gradient(135deg,rgba(248,216,88,.5),rgba(63,167,193,.25))}
@keyframes svm-skel{to{background-position:-200% 0}}
@keyframes svm-bob{0%,100%{transform:rotateY(-12deg) rotateX(6deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(4deg) translateY(-10px)}}
.svm-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#fff;color:var(--svm-ink);
  font:600 14px/1.2 Inter,system-ui,sans-serif;box-shadow:0 18px 40px -16px rgba(0,0,0,.45);white-space:nowrap}
.svm-chip b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;font-size:15px}
.svm-chip small{display:block;font-weight:500;color:#6B7280;font-size:12px;margin-top:2px}
.svm-chip--a{left:0;top:6px;animation:svm-chip 6s ease-in-out infinite}
.svm-chip--a b{background:var(--svm-magenta)}
.svm-chip--b{right:-6px;top:44%;animation:svm-chip 7s ease-in-out -2s infinite}
.svm-chip--b b{background:var(--svm-cyan)}
.svm-chip--c{left:12%;bottom:0;animation:svm-chip 8s ease-in-out -4s infinite}
.svm-chip--c b{background:#E0B400}
@keyframes svm-chip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* datos del hero */
.svm-facts{border-top:1px solid rgba(255,255,255,.14)}
.svm-fact .elementor-heading-title{font-variant-numeric:tabular-nums}

/* indicador de scroll */
.svm-scrollcue{display:inline-flex;align-items:center;gap:12px;color:rgba(255,255,255,.6);font:500 13px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.svm-scrollcue i{position:relative;width:22px;height:36px;border:2px solid rgba(255,255,255,.35);border-radius:12px}
.svm-scrollcue i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--svm-yellow);animation:svm-wheel 1.8s var(--svm-ease) infinite}
@keyframes svm-wheel{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}

/* ---------- Cinta de servicios en movimiento ---------- */
.svm-marquee{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.svm-marquee__track{display:inline-flex;gap:48px;padding-right:48px;animation:svm-marquee 38s linear infinite}
.svm-marquee:hover .svm-marquee__track{animation-play-state:paused}
.svm-marquee__track span{display:inline-flex;align-items:center;gap:48px;font:700 clamp(22px,3vw,40px)/1 "Bricolage Grotesque",sans-serif;color:var(--svm-ink);letter-spacing:-.02em}
.svm-marquee__track span::after{content:"";width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--svm-magenta)}
.svm-marquee__track span:nth-child(3n+2)::after{background:var(--svm-cyan)}
.svm-marquee__track span:nth-child(3n)::after{background:var(--svm-yellow)}
.svm-marquee__track span.is-outline{color:transparent;-webkit-text-stroke:1.5px var(--svm-ink)}
@keyframes svm-marquee{to{transform:translateX(-50%)}}

/* ---------- Tarjetas bento con foco que sigue al ratón ---------- */
.svm-card{position:relative;overflow:hidden;isolation:isolate;transition:transform .5s var(--svm-ease),box-shadow .5s var(--svm-ease),border-color .5s var(--svm-ease)}
.svm-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(176,8,158,.12),transparent 60%)}
.svm-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(11,31,58,.35);border-color:rgba(176,8,158,.35)!important}
.svm-card:hover::before{opacity:1}
.svm-card--dark::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(248,216,88,.16),transparent 60%)}
.svm-card .svm-arrow .elementor-heading-title{display:inline-flex;align-items:center;gap:8px;transition:gap .4s var(--svm-ease)}
.svm-card .svm-arrow .elementor-heading-title::after{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.8em;transition:transform .4s var(--svm-ease)}
.svm-card:hover .svm-arrow .elementor-heading-title{gap:14px}
.svm-card .elementor-icon{transition:transform .6s var(--svm-ease)}
.svm-card:hover .elementor-icon{transform:rotate(-8deg) scale(1.08)}
.svm-card a.svm-cover{position:absolute;inset:0;z-index:2}
.svm-big-num .elementor-heading-title{background:linear-gradient(120deg,var(--svm-magenta),var(--svm-cyan));-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* ---------- Proceso con línea que se rellena ---------- */
.svm-steps{position:relative}
.svm-steps::before,.svm-steps::after{content:"";position:absolute;left:0;right:0;top:34px;height:2px;background:rgba(255,255,255,.12)}
.svm-steps::after{background:linear-gradient(90deg,var(--svm-magenta),var(--svm-cyan),var(--svm-yellow));transform-origin:left;transform:scaleX(var(--svm-progress,0));transition:transform .2s linear}
.svm-step .svm-step-n .elementor-heading-title{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--svm-ink);border:2px solid rgba(255,255,255,.18);
  transition:background .5s var(--svm-ease),border-color .5s var(--svm-ease),transform .5s var(--svm-ease)}
.svm-step.is-lit .svm-step-n .elementor-heading-title{background:var(--svm-magenta);border-color:var(--svm-magenta);transform:scale(1.06)}
@media (max-width:767px){.svm-steps::before,.svm-steps::after{display:none}}

/* ---------- Fechas de formación ---------- */
.svm-date{transition:transform .4s var(--svm-ease),background-color .4s var(--svm-ease)}
.svm-date:hover{transform:translateX(6px);background-color:#fff!important}
.svm-date .svm-day .elementor-heading-title{font-variant-numeric:tabular-nums}

/* ---------- Banda CTA ---------- */
.svm-cta{position:relative;overflow:hidden;isolation:isolate}
.svm-cta .svm-orbs{filter:blur(60px)}
.svm-cta .svm-orbs span{opacity:.5}

/* ---------- Botones: brillo + imán ---------- */
.elementor-button{position:relative;overflow:hidden;transition:transform .35s var(--svm-ease),background-color .3s,color .3s,box-shadow .35s var(--svm-ease)}
.elementor-button::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .7s var(--svm-ease)}
.elementor-button:hover::after{left:140%}
.elementor-button:hover{box-shadow:0 14px 30px -12px rgba(176,8,158,.55)}
.svm-magnetic{display:inline-block}

/* ---------- Aparición al hacer scroll (solo con JS y fuera del editor) ---------- */
.svm-js .svm-reveal{opacity:0;transform:translate3d(0,34px,0);transition:opacity 1s var(--svm-ease),transform 1s var(--svm-ease);transition-delay:var(--svm-d,0s)}
.svm-js .svm-reveal.is-in{opacity:1;transform:none}
.svm-js .svm-reveal--left{transform:translate3d(-40px,0,0)}
.svm-js .svm-reveal--scale{transform:scale(.94)}
/* titular por palabras */
.svm-js .svm-split .svm-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.svm-js .svm-split .svm-w>span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--svm-ease);transition-delay:calc(var(--i,0) * 70ms)}
.svm-js .svm-split.is-in .svm-w>span{transform:none}

/* ---------- Accesibilidad ---------- */
:focus-visible{outline:3px solid var(--svm-yellow);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .svm-js .svm-reveal,.svm-js .svm-split .svm-w>span{opacity:1!important;transform:none!important}
}

/* enlace que cubre toda la tarjeta */
.svm-card>.elementor-widget-html:has(.svm-cover),.svm-card>.e-con-inner>.elementor-widget-html:has(.svm-cover){position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;z-index:2}
.svm-card .svm-cover{display:block;width:100%;height:100%}
.svm-orbs--card{filter:blur(50px)}
.svm-orbs--card span{opacity:.45}
.svm-orbs--card span:nth-child(1){width:340px;height:340px;left:auto;right:-80px;top:-120px}
.svm-orbs--card span:nth-child(2){width:260px;height:260px;right:auto;left:-60px;top:40px}
.svm-orbs--card span:nth-child(3){width:200px;height:200px;left:45%;bottom:auto;top:120px}

/* =========================================================
   v2 — CABECERA + HERO sobrios
   ========================================================= */
/* la barra superior se va con el scroll; la principal se queda */
.elementor-location-header{top:-38px}
.admin-bar .elementor-location-header{top:-6px}
@media (max-width:1024px){.elementor-location-header,.admin-bar .elementor-location-header{top:0}}
@media (max-width:782px){.admin-bar .elementor-location-header{top:0}}
.svm-header{transition:background-color .35s var(--svm-ease),box-shadow .35s var(--svm-ease)}
.svm-scrolled .svm-header{background-color:rgba(255,255,255,.86)!important;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 1px 0 rgba(11,31,58,.06),0 12px 32px -20px rgba(11,31,58,.28)}
.svm-header .elementor-widget-image img{display:block}
/* menú: subrayado fino que crece desde el centro */
.svm-nav .elementor-nav-menu--main .elementor-item{position:relative}
.svm-nav .elementor-nav-menu--main .elementor-item::after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:2px;background:var(--svm-magenta);transform:scaleX(0);transition:transform .35s var(--svm-ease)}
.svm-nav .elementor-nav-menu--main .elementor-item:hover::after,.svm-nav .elementor-nav-menu--main .elementor-item.elementor-item-active::after{transform:scaleX(1)}

/* hero claro */
.svm-hero2{position:relative;overflow:hidden;isolation:isolate;background:
  radial-gradient(900px 520px at 88% 30%,rgba(63,167,193,.10),transparent 60%),
  radial-gradient(700px 480px at 70% 85%,rgba(176,8,158,.07),transparent 60%),#FAFAF8}
.svm-hero2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(11,31,58,.10) 1px,transparent 1px);background-size:22px 22px;
  mask-image:linear-gradient(90deg,transparent 35%,#000 75%);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 75%)}
.svm-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;background:#fff;border:1px solid #E7E5E0;box-shadow:0 1px 2px rgba(11,31,58,.04)}
.svm-eyebrow .elementor-heading-title::before{content:"";width:8px;height:8px;border-radius:50%;background:#1FB57A;box-shadow:0 0 0 4px rgba(31,181,122,.15)}
.svm-textlink .elementor-heading-title a{display:inline-flex;align-items:center;gap:8px;border-bottom:1.5px solid rgba(11,31,58,.25);padding-bottom:2px;transition:border-color .3s,gap .3s var(--svm-ease)}
.svm-textlink .elementor-heading-title a::after{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.8em}
.svm-textlink .elementor-heading-title a:hover{border-color:var(--svm-magenta);gap:12px}
.svm-proof{padding-top:8px}
.svm-proof .elementor-icon-list-icon i{font-size:11px!important}

/* maqueta de web */
.svm-mock{position:relative;padding:28px 10px 44px 30px;perspective:1400px}
.svm-mock__win{position:relative;background:#fff;border-radius:16px;border:1px solid #E6E4DF;overflow:hidden;
  box-shadow:0 1px 2px rgba(11,31,58,.05),0 30px 60px -24px rgba(11,31,58,.28),0 60px 120px -60px rgba(11,31,58,.25);
  transform:rotateY(var(--ry,-6deg)) rotateX(var(--rx,3deg));transition:transform .8s var(--svm-ease);transform-style:preserve-3d}
.svm-mock__bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#F6F5F2;border-bottom:1px solid #ECEAE4}
.svm-mock__bar>span{width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.svm-mock__url{margin-left:14px;flex:1;max-width:220px;padding:4px 10px;border-radius:6px;background:#fff;border:1px solid #ECEAE4;font:500 11px Inter,sans-serif;color:#6B7280}
.svm-mock__nav{display:flex;align-items:center;gap:16px;padding:14px 20px;font:500 11px Inter,sans-serif;color:#6B7280}
.svm-mock__nav b{margin-right:auto;font:700 13px "Bricolage Grotesque",sans-serif;color:var(--svm-ink)}
.svm-mock__nav i{font-style:normal}
.svm-mock__hero{margin:0 14px;height:210px;border-radius:12px;position:relative;overflow:hidden;
  background:linear-gradient(115deg,rgba(11,31,58,.85),rgba(11,31,58,.35) 60%,rgba(11,31,58,0)),
  linear-gradient(160deg,#F2C7A5 0%,#E59C7A 30%,#7C8FB8 65%,#2C3F68 100%)}
.svm-mock__hero::after{content:"";position:absolute;right:-30px;bottom:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,200,.9),rgba(255,236,200,0) 70%)}
.svm-mock__copy{position:absolute;left:22px;top:50%;transform:translateY(-50%);max-width:62%;z-index:1;display:grid;gap:8px}
.svm-mock__copy small{font:600 9px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.svm-mock__copy strong{font:700 21px/1.1 "Bricolage Grotesque",sans-serif;color:#fff;letter-spacing:-.02em}
.svm-mock__copy em{justify-self:start;margin-top:4px;padding:7px 12px;border-radius:999px;background:#fff;color:var(--svm-ink);font:600 10px Inter,sans-serif;font-style:normal}
.svm-mock__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}
.svm-mock__cards div{height:62px;border-radius:10px;background:#F6F5F2;border:1px solid #EFEDE8}
.svm-mock__cards div:first-child{background:linear-gradient(135deg,#FBEAF7,#F6F5F2)}
.svm-mock__tag{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;background:#fff;border-radius:14px;border:1px solid #ECEAE4;
  box-shadow:0 20px 40px -18px rgba(11,31,58,.30);font-family:Inter,sans-serif}
.svm-mock__tag b{display:block;font-size:13px;color:var(--svm-ink);font-weight:600}
.svm-mock__tag small{display:block;font-size:11.5px;color:#6B7280;margin-top:2px}
.svm-mock__ico{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#E8F7F0;color:#15935F;font-weight:700;font-size:14px}
.svm-mock__ico--c{background:#E9F5F9;color:#2A8BA5}
.svm-mock__tag--a{left:-6px;bottom:6px;animation:svm-drift 7s ease-in-out infinite}
.svm-mock__tag--b{right:-14px;top:0;animation:svm-drift 8s ease-in-out -3s infinite}
@keyframes svm-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* entrada al cargar */
.svm-js .svm-in{opacity:0;transform:translate3d(0,18px,0);transition:opacity .9s var(--svm-ease),transform .9s var(--svm-ease);transition-delay:var(--svm-d,0s)}
.svm-js .svm-loaded .svm-in,.svm-loaded .svm-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.svm-js .svm-in{opacity:1!important;transform:none!important}}
.svm-header-wrap p{margin:0}
.svm-header-wrap .elementor-icon-list-items{align-items:center}
.svm-logo{display:block;line-height:0}
.svm-logo img{width:214px;height:auto;display:block}
@media (max-width:767px){.svm-logo img{width:150px}}
.svm-hero2 h1.elementor-heading-title{text-wrap:balance}

/* =========================================================
   v3 — estilo Framer: píldora flotante + hero centrado
   ========================================================= */
:root{--svm-cream:#F4F3EF;--svm-black:#111111}
body{background:var(--svm-cream)}
.elementor-location-header{top:0!important}
.admin-bar .elementor-location-header{top:32px!important}
@media (max-width:782px){.admin-bar .elementor-location-header{top:0!important}}
.elementor-location-header{margin-bottom:-78px;pointer-events:none}
.svm-header-float{background:transparent!important;pointer-events:none}
.svm-pillnav{pointer-events:auto;transition:box-shadow .4s var(--svm-ease),background-color .4s var(--svm-ease),transform .4s var(--svm-ease)}
.svm-pillnav{box-shadow:0 1px 2px rgba(17,17,17,.04)}
.svm-scrolled .svm-pillnav{background-color:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);box-shadow:0 12px 40px -18px rgba(17,17,17,.28)}
.svm-logo img{width:176px!important}
@media (max-width:767px){.svm-logo img{width:140px!important}}
.svm-nav .elementor-nav-menu--main .elementor-item{border-radius:999px;transition:background-color .3s,color .3s}
.svm-nav .elementor-nav-menu--main .elementor-item:hover,.svm-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{background:#F2F1EC}
.svm-nav .elementor-nav-menu--main .elementor-item::after{display:none}
.svm-nav .elementor-nav-menu--dropdown{border-radius:22px;overflow:hidden;box-shadow:0 24px 50px -20px rgba(17,17,17,.3)}

/* botones píldora con flecha en círculo */
.svm-pill .elementor-button{box-shadow:none}
.svm-pill .elementor-button-content-wrapper{align-items:center;gap:12px}
.svm-pill .elementor-button-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);transition:transform .45s var(--svm-ease),background-color .3s}
.svm-pill:not(.svm-pill--dark) .elementor-button-icon{background:#111;color:#fff}
.svm-pill:not(.svm-pill--dark) .elementor-button:hover .elementor-button-icon{background:#fff;color:#111}
.svm-pill .elementor-button-icon svg,.svm-pill .elementor-button-icon i{width:12px;font-size:12px;transform:rotate(-45deg);transition:transform .45s var(--svm-ease)}
.svm-pill .elementor-button:hover .elementor-button-icon svg,.svm-pill .elementor-button:hover .elementor-button-icon i{transform:rotate(0)}
.svm-pill .elementor-button:hover{box-shadow:0 14px 30px -14px rgba(17,17,17,.45)}
.svm-pill .elementor-button::after{display:none}

/* hero */
.svm-hero3{position:relative;overflow:hidden;isolation:isolate;background:
  radial-gradient(600px 300px at 50% 0%,rgba(255,255,255,.9),transparent 70%),var(--svm-cream)}
.svm-hero3::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(17,17,17,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.045) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,#000 20%,transparent 75%)}
.svm-badge .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border-radius:999px;background:#fff;border:1px solid #E9E7E1;box-shadow:0 1px 2px rgba(17,17,17,.04)}
.svm-badge .elementor-heading-title::before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--svm-magenta);color:#fff;font-size:11px;font-weight:700}
.svm-hero3 h1.elementor-heading-title{text-wrap:balance}
.svm-accent-line .elementor-heading-title{display:flex;align-items:center;justify-content:center;gap:.18em;flex-wrap:wrap}
.svm-accent-line .elementor-heading-title::before{content:"";display:inline-block;width:1.05em;height:1.05em;border-radius:.26em;flex:none;
  background:#fff url(/nueva/wp-content/uploads/2026/09/isotipo-servimaticos.svg) center/72% no-repeat;border:1px solid #E9E7E1;
  box-shadow:0 12px 26px -12px rgba(17,17,17,.35);transform:rotate(-8deg);animation:svm-wiggle 6s ease-in-out infinite}
@keyframes svm-wiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(4deg) translateY(-4px)}}
.svm-accent-line em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;color:#6B6B6B}

/* abanico de tarjetas */
.svm-fan-wrap{width:100%}
.svm-fan{position:relative;height:380px;max-width:1180px;margin:0 auto}
.svm-fc{position:absolute;top:40px;width:230px;min-height:250px;padding:18px;border-radius:22px;background:#fff;border:1px solid #ECEAE4;
  box-shadow:0 30px 60px -30px rgba(17,17,17,.35);font-family:Poppins,sans-serif;display:flex;flex-direction:column;gap:10px;
  transform:translateY(var(--y,0)) rotate(var(--r,0));transition:transform .8s var(--svm-ease)}
.svm-fc small{font-size:12px;color:#7A7A7A;line-height:1.4}
.svm-fc__k{align-self:flex-start;font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;background:#F4F3EF;color:#3C3C3C}
.svm-fc--1{left:2%;--r:-10deg;--y:48px}
.svm-fc--2{left:21%;--r:-5deg;--y:12px}
.svm-fc--3{left:50%;margin-left:-150px;width:300px;--r:0deg;--y:0px;z-index:2;padding:0;overflow:hidden}
.svm-fc--4{right:21%;--r:5deg;--y:12px}
.svm-fc--5{right:2%;--r:10deg;--y:48px}
.svm-fan:hover .svm-fc--1{--y:36px}.svm-fan:hover .svm-fc--5{--y:36px}
.svm-fc:hover{transform:translateY(calc(var(--y,0px) - 10px)) rotate(var(--r,0))}
.svm-fc--dark{background:#111;border-color:#111;color:#fff}
.svm-fc--dark .svm-fc__k{background:rgba(255,255,255,.1);color:#fff}
.svm-fc--dark small{color:#A8A8A8}
.svm-fc__big{font:600 44px/1 "Inter Tight",sans-serif;letter-spacing:-.04em;margin-top:auto}
.svm-fc--accent{background:var(--svm-magenta);border-color:var(--svm-magenta);color:#fff}
.svm-fc--accent .svm-fc__k{background:rgba(255,255,255,.18);color:#fff}
.svm-fc--accent b{font:600 30px/1.05 "Inter Tight",sans-serif;letter-spacing:-.03em;margin-top:auto}
.svm-fc--accent small{color:rgba(255,255,255,.8)}
.svm-fc__post{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#F7F6F2}
.svm-fc__post i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#F2C7A5,#B0089E);flex:none}
.svm-fc__post b{display:block;font-size:12px;font-weight:600;color:#111}
.svm-fc__bars{display:flex;align-items:flex-end;gap:8px;height:90px;margin-top:auto}
.svm-fc__bars span{flex:1;height:var(--h);border-radius:6px;background:#E9E7E1}
.svm-fc__bars span:nth-child(4){background:var(--svm-cyan)}
.svm-fc__bar{display:flex;align-items:center;gap:5px;padding:10px 12px;background:#F6F5F2;border-bottom:1px solid #ECEAE4}
.svm-fc__bar span{width:8px;height:8px;border-radius:50%;background:#D9D6CF}
.svm-fc__bar em{margin-left:8px;font-style:normal;font-size:10px;color:#8A8A8A;background:#fff;border:1px solid #ECEAE4;border-radius:6px;padding:2px 8px}
.svm-fc__hero{position:relative;margin:10px;height:250px;border-radius:14px;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;
  background:linear-gradient(0deg,rgba(17,17,17,.75),rgba(17,17,17,0) 65%),linear-gradient(160deg,#F2C7A5 0%,#E59C7A 30%,#7C8FB8 65%,#2C3F68 100%)}
.svm-fc__hero small{color:rgba(255,255,255,.75);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.svm-fc__hero b{color:#fff;font:600 22px/1.1 "Inter Tight",sans-serif;letter-spacing:-.03em}
.svm-fc__hero em{align-self:flex-start;font-style:normal;font-size:11px;font-weight:500;background:#fff;color:#111;border-radius:999px;padding:6px 12px}
.svm-fc__order{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#111}
.svm-fc__order span{font-size:11px;color:#8A8A8A}
.svm-fc__price{font:600 44px/1 "Inter Tight",sans-serif;letter-spacing:-.04em;color:#111;margin-top:auto}
@media (max-width:1024px){.svm-fc--1,.svm-fc--5{display:none}.svm-fc--2{left:4%}.svm-fc--4{right:4%}}
@media (max-width:767px){
  .svm-fan{height:auto;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 30px;-webkit-overflow-scrolling:touch}
  .svm-fc{position:relative;top:auto;left:auto!important;right:auto!important;margin:0!important;flex:0 0 230px;transform:none!important;scroll-snap-align:center;display:flex!important}
  .svm-fc--3{flex-basis:280px}
}

/* entrada: desenfoque + subida */
.svm-js .svm-blur,.svm-js .svm-words .svm-wd{opacity:0;filter:blur(10px);transform:translateY(14px);transition:opacity .9s var(--svm-ease),filter .9s var(--svm-ease),transform .9s var(--svm-ease);transition-delay:var(--svm-d,0s)}
.svm-js .svm-words .svm-wd{display:inline-block}
.svm-loaded .svm-blur,.svm-loaded .svm-words .svm-wd{opacity:1;filter:none;transform:none}
.svm-js .svm-fc{opacity:0}
.svm-loaded .svm-fc{opacity:1;transition:opacity .9s var(--svm-ease) var(--svm-d,0s),transform .9s var(--svm-ease)}
.svm-loaded .svm-fan .svm-fc{animation:svm-rise 1.1s var(--svm-ease) both;animation-delay:var(--svm-d,0s)}
@keyframes svm-rise{from{opacity:0;transform:translateY(120px) rotate(0)}to{opacity:1;transform:translateY(var(--y,0)) rotate(var(--r,0))}}
@media (max-width:767px){@keyframes svm-rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}}
@media (prefers-reduced-motion:reduce){.svm-js .svm-blur,.svm-js .svm-words .svm-wd,.svm-js .svm-fc{opacity:1!important;filter:none!important;transform:none!important;animation:none!important}}

.svm-pillnav{max-width:1120px;margin-left:auto!important;margin-right:auto!important;width:100%}
.svm-pill:not(.svm-pill--dark) .elementor-button-icon svg{fill:#fff}
.svm-pill:not(.svm-pill--dark) .elementor-button:hover .elementor-button-icon svg{fill:#111}
.svm-pill--dark .elementor-button-icon svg{fill:#fff}
.svm-fc em{font-family:Poppins,sans-serif}

/* =========================================================
   v4 — componentes de toda la web
   ========================================================= */
.svm-title .elementor-heading-title{text-wrap:balance}
.svm-accent2 .elementor-heading-title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;color:#6B6B6B}
.svm-sec--dark .svm-accent2 em{color:#BDBAB2}
.svm-pagehero{position:relative;overflow:hidden;isolation:isolate}
.svm-pagehero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(17,17,17,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.045) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(ellipse 60% 70% at 50% 20%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 20%,#000 20%,transparent 75%)}
/* etiqueta */
.svm-chip-k .elementor-heading-title{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid #E9E7E1}
.svm-chip-k .elementor-heading-title::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--svm-magenta)}
.svm-chip-k--dark .elementor-heading-title,.svm-sec--dark .svm-chip-k .elementor-heading-title{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#EDEBE5}
/* tarjetas */
.svm-card2{position:relative;transition:transform .5s var(--svm-ease),box-shadow .5s var(--svm-ease),border-color .4s}
.svm-hov:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(17,17,17,.35)}
.svm-card2--dark:hover{box-shadow:0 30px 60px -30px rgba(17,17,17,.6)}
.svm-card2--tint{background:#FBF9F4!important}
.svm-card2>.elementor-widget-html:has(.svm-cover),.svm-card2>.e-con-inner>.elementor-widget-html:has(.svm-cover){position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;z-index:3}
.svm-cover{display:block;width:100%;height:100%;border-radius:inherit}
.svm-card2{overflow:hidden;isolation:isolate}
.svm-card2>.elementor-widget-html:has(.svm-cardglow){position:absolute!important;inset:0!important;width:auto!important;margin:0!important;z-index:-1}
.svm-cardglow{position:absolute;inset:0;background:radial-gradient(420px 260px at 85% 0%,rgba(176,8,158,.55),transparent 65%),radial-gradient(360px 240px at 0% 30%,rgba(63,167,193,.35),transparent 65%)}
.svm-ico .elementor-icon{transition:transform .5s var(--svm-ease)}
.svm-hov:hover .svm-ico .elementor-icon{transform:rotate(-10deg) scale(1.06)}
.svm-arrowlink .elementor-heading-title a,.svm-arrowlink .elementor-heading-title{display:inline-flex;align-items:center;gap:8px;transition:gap .35s var(--svm-ease)}
.svm-arrowlink .elementor-heading-title a::after{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;rotate:-45deg;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#111;color:#fff;font-size:12px;transition:transform .4s var(--svm-ease)}
.svm-card2--dark .svm-arrowlink .elementor-heading-title a::after{background:#fff;color:#111}
.svm-hov:hover .svm-arrowlink .elementor-heading-title a::after{transform:rotate(45deg)}
.svm-num{font:500 13px/1 Poppins,sans-serif;color:#9C9A94;letter-spacing:.06em}
.svm-num--light{color:#8C8A84}
.svm-stat .elementor-heading-title{font-variant-numeric:tabular-nums;letter-spacing:-.05em!important}
/* cinta */
.svm-marquee2{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.svm-marquee2__t{display:inline-flex;gap:12px;padding:6px 0;animation:svm-marquee 45s linear infinite;white-space:nowrap}
.svm-marquee2:hover .svm-marquee2__t{animation-play-state:paused}
.svm-marquee2__t span{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;background:#fff;border:1px solid #E9E7E1;font:500 15px Poppins,sans-serif;color:#3C3C3C}
.svm-marquee2__t span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--svm-magenta)}
.svm-marquee2__t span:nth-child(3n+2)::before{background:var(--svm-cyan)}
.svm-marquee2__t span:nth-child(3n)::before{background:#E0B400}
/* frase que se rellena con el scroll */
.svm-fill .elementor-heading-title .svm-fw{color:#C9C6BE;transition:color .3s}
.svm-fill .elementor-heading-title .svm-fw.on{color:#111}
/* fechas */
.svm-date2{display:flex;align-items:center;gap:18px}
.svm-date2__d{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:16px;background:#F4F3EF}
.svm-date2__d b{font:600 26px/1 "Inter Tight",sans-serif;color:#111;letter-spacing:-.04em}
.svm-date2__d span{font:500 11px/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--svm-magenta);margin-top:-8px}
.svm-date2__t b{display:block;font:600 16px/1.3 Poppins,sans-serif;color:#111}
.svm-date2__t small{display:block;font:400 13px/1.5 Poppins,sans-serif;color:#7A7A7A;margin-top:2px}
/* recursos */
.svm-links{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.svm-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#F7F6F2;color:#111;font:500 14px/1.3 Poppins,sans-serif;text-decoration:none;transition:background-color .3s,transform .3s var(--svm-ease)}
.svm-links a::after{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;rotate:-45deg;font-size:.8em;flex:none;color:var(--svm-magenta)}
.svm-links a:hover{background:#EFEDE7;transform:translateX(3px)}
.svm-card2--darkres .svm-title .elementor-heading-title{color:#fff!important}
.svm-card2--darkres .elementor-widget-text-editor{color:#BDBAB2!important}
.svm-card2--darkres .svm-links a{background:rgba(255,255,255,.06);color:#fff}
.svm-card2--darkres .svm-links a:hover{background:rgba(255,255,255,.12)}
.svm-card2--darkres .svm-ico .elementor-icon{background:rgba(255,255,255,.1)!important;color:#fff!important;fill:#fff!important}
/* pastillas de navegación */
.svm-pillrow{display:flex;flex-wrap:wrap;gap:10px}
.svm-pillrow a,.svm-pillrow span{padding:10px 18px;border-radius:999px;background:#fff;border:1px solid #E9E7E1;font:500 14px Poppins,sans-serif;color:#111;text-decoration:none;transition:background-color .3s,color .3s}
.svm-pillrow a:hover{background:#111;color:#fff}
/* financiación */
.svm-funding{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px;border-radius:24px;background:#fff;border:1px solid #E9E7E1;text-align:center}
.svm-funding span{font:400 13px/1.6 Poppins,sans-serif;color:#7A7A7A;max-width:720px}
.svm-funding__logos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.svm-funding__logos b{padding:8px 14px;border-radius:10px;background:#F4F3EF;font:600 12px Poppins,sans-serif;color:#1B2B5A}
/* CTA */
.svm-cta2{position:relative;overflow:hidden;isolation:isolate}
.svm-cta2>.elementor-widget-html:has(.svm-cta2__glow){position:absolute!important;inset:0!important;width:auto!important;margin:0!important;z-index:-1}
.svm-cta2__glow{position:absolute;inset:0;background:radial-gradient(500px 300px at 50% 120%,rgba(176,8,158,.55),transparent 70%),radial-gradient(400px 260px at 10% -10%,rgba(63,167,193,.25),transparent 70%)}
/* formularios */
.svm-formcard{box-shadow:0 40px 80px -50px rgba(17,17,17,.35)}
.svm-form .elementor-field-group .elementor-field{min-height:48px;padding:12px 16px!important;transition:border-color .3s,box-shadow .3s}
.svm-form .elementor-field-group .elementor-field:focus{border-color:#111!important;box-shadow:0 0 0 4px rgba(17,17,17,.06)}
.svm-form .elementor-field-type-select select{padding-right:36px!important}
.svm-form .elementor-button{min-height:52px}
.svm-form .elementor-field-type-acceptance label{font:400 13px/1.5 Poppins,sans-serif;color:#5B5B5B}
/* pie */
.svm-footer2{position:relative;overflow:hidden}
.svm-flogo{width:190px;height:auto}
.svm-flinks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.svm-flinks a{font:400 15px/1.4 Poppins,sans-serif;color:#D8D6CF;text-decoration:none;transition:color .3s}
.svm-flinks a:hover{color:#fff}
.svm-fbottom .svm-flinks{display:flex;gap:20px}
.svm-fbottom .svm-flinks a{font-size:13px;color:#8C8A84}
.svm-fhr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:0;width:100%}
.svm-footer2 .elementor-widget-html:has(.svm-fhr){width:100%}
/* legales */
.svm-legal h2{font:600 24px/1.2 "Inter Tight",sans-serif;letter-spacing:-.03em;color:#111;margin:36px 0 10px}
/* aparición */
.svm-js .svm-rv{opacity:0;transform:translate3d(0,24px,0);filter:blur(6px);transition:opacity .9s var(--svm-ease),transform .9s var(--svm-ease),filter .9s var(--svm-ease);transition-delay:var(--svm-d,0s)}
.svm-js .svm-rv.is-in{opacity:1;transform:none;filter:none}
.svm-js .svm-rv.svm-hov.is-in:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){.svm-js .svm-rv{opacity:1!important;transform:none!important;filter:none!important}}
/* menú compacto en una línea */
.svm-nav .elementor-nav-menu--main>.elementor-nav-menu{flex-wrap:nowrap}
.svm-nav .elementor-nav-menu--main .elementor-item{white-space:nowrap;padding-left:12px!important;padding-right:12px!important}
.svm-pill .elementor-button-text{white-space:nowrap}
.svm-logo img{width:150px!important}
@media (max-width:1180px){.svm-nav .elementor-nav-menu--main .elementor-item{padding-left:9px!important;padding-right:9px!important;font-size:13.5px!important}}
.svm-nav .elementor-nav-menu--main .sub-menu{border-radius:18px;padding:8px;border:1px solid #E9E7E1;box-shadow:0 24px 50px -24px rgba(17,17,17,.3);background:#fff;min-width:230px!important}
.svm-nav .elementor-nav-menu--main .sub-menu a{border-radius:12px;font-size:14px!important}
.svm-nav .elementor-nav-menu--main .sub-menu a:hover{background:#F4F3EF}
.svm-form .elementor-select-wrapper{width:100%;margin:0!important}.svm-form .elementor-select-wrapper select{width:100%;margin:0!important;padding-left:16px!important}

/* =========================================================
   v5 — más visual: órbita, dispositivos, gráficos, contadores
   ========================================================= */
/* cinta doble */
.svm-marquee2--rev{margin-top:10px}
.svm-marquee2--rev .svm-marquee2__t{animation-direction:reverse;animation-duration:55s}
.svm-marquee2__t span.is-ghost{background:transparent;border-style:dashed;color:#8C8A84}
.svm-marquee2__t span.is-ghost::before{display:none}

/* órbita */
.svm-orbit{position:relative;width:min(520px,100%);aspect-ratio:1;margin:0 auto}
.svm-orbit__glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(176,8,158,.18),rgba(63,167,193,.12) 45%,transparent 70%);filter:blur(10px);animation:svm-breath 6s ease-in-out infinite}
@keyframes svm-breath{50%{transform:scale(1.08);opacity:.8}}
.svm-orbit__ring{position:absolute;border-radius:50%;border:1px dashed rgba(17,17,17,.14);animation:svm-spin 40s linear infinite}
.svm-orbit__ring--1{inset:22%}
.svm-orbit__ring--2{inset:2%;animation-duration:60s;animation-direction:reverse}
@keyframes svm-spin{to{transform:rotate(360deg)}}
.svm-orbit__ring span{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(calc(var(--i)/var(--n)*360deg)) translateY(var(--r))}
.svm-orbit__ring--1 span{--r:calc(-1 * min(146px,28vw))}
.svm-orbit__ring--2 span{--r:calc(-1 * min(250px,46vw));transform:rotate(calc(var(--i)/var(--n)*360deg + 45deg)) translateY(var(--r))}
.svm-orbit__ring span i,.svm-orbit__ring span em{position:absolute;left:0;top:0}
.svm-orbit__ring span i{display:grid;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:16px;background:#fff;border:1px solid #E9E7E1;box-shadow:0 14px 30px -14px rgba(17,17,17,.3);color:#111;font-size:18px;
  animation:svm-spin 40s linear infinite reverse}
.svm-orbit__ring--2 span i{animation-duration:60s;animation-direction:normal}
.svm-orbit__ring span em{display:none}
.svm-orbit__ring span:nth-child(2n) i{color:var(--svm-magenta)}
.svm-orbit__ring span:nth-child(3n) i{color:var(--svm-cyan)}
.svm-orbit__core{position:absolute;inset:38%;display:grid;place-items:center;border-radius:30%;background:#fff;border:1px solid #E9E7E1;box-shadow:0 30px 60px -24px rgba(17,17,17,.35);animation:svm-float 6s ease-in-out infinite}
.svm-orbit__core img{width:62%;height:auto}
@keyframes svm-float{50%{transform:translateY(-8px)}}
@media (max-width:767px){.svm-orbit__ring span i{width:42px;height:42px;margin:-21px 0 0 -21px;font-size:15px;border-radius:12px}}

/* gráfico en tarjeta */
.svm-card2>.elementor-widget-html:has(.svm-chart){margin-bottom:auto!important}
.svm-chart{width:100%;height:auto;max-height:170px;display:block}
.svm-chart__bars rect{fill:rgba(255,255,255,.08);transform-origin:bottom;transform-box:fill-box;transform:scaleY(0);transition:transform 1s var(--svm-ease);transition-delay:calc(var(--i)*70ms)}
.svm-chart__line{stroke-dasharray:520;stroke-dashoffset:520;transition:stroke-dashoffset 1.8s var(--svm-ease) .5s}
.svm-chart__area{opacity:0;transition:opacity 1.2s ease 1.2s}
.svm-chart__dot{opacity:0;transition:opacity .4s ease 2.1s}
.is-drawn .svm-chart__bars rect{transform:scaleY(1)}
.is-drawn .svm-chart__line{stroke-dashoffset:0}
.is-drawn .svm-chart__area,.is-drawn .svm-chart__dot{opacity:1}
.is-drawn .svm-chart__dot{animation:svm-pulse 2s ease-in-out 2.5s infinite}
@keyframes svm-pulse{50%{r:9}}

/* cifras */
.svm-spark{width:100%;height:46px;display:block}
.svm-spark path{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.6s var(--svm-ease) .2s}
.svm-spark.is-drawn path{stroke-dashoffset:0}

/* dispositivos */
.svm-devices{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:30px 0 20px;min-height:520px}
.svm-laptop{position:relative;width:min(820px,90%)}
.svm-laptop__screen{position:relative;aspect-ratio:16/10;border-radius:18px 18px 4px 4px;background:#111;padding:14px;box-shadow:0 50px 90px -40px rgba(17,17,17,.5)}
.svm-laptop__base{height:18px;margin:0 -6%;border-radius:0 0 18px 18px;background:linear-gradient(#DAD7D0,#BDB9B0);box-shadow:0 20px 30px -20px rgba(17,17,17,.5)}
.svm-laptop__screen>.svm-scrollpage,.svm-phone__screen>.svm-scrollpage{border-radius:6px}
.svm-laptop__screen{overflow:hidden}
.svm-scrollpage{position:absolute;inset:14px;overflow:hidden;background:#FBFAF7}
.svm-scrollpage>div{margin:0 0 14px}
.svm-scrollpage{--h:0}
.svm-scrollpage::after{content:"";position:absolute;inset:0;pointer-events:none}
.svm-scrollpage>*{animation:svm-pagescroll 16s cubic-bezier(.65,0,.35,1) infinite}
@keyframes svm-pagescroll{0%,12%{transform:translateY(0)}45%,58%{transform:translateY(-55%)}88%,100%{transform:translateY(0)}}
.sp-nav{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #EFEDE8}
.sp-nav b{margin-right:auto;font:700 14px "Inter Tight",sans-serif;color:#111}
.sp-nav i{width:44px;height:8px;border-radius:4px;background:#E6E3DC}
.sp-hero{margin:14px 16px!important;height:220px;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;
  background:linear-gradient(0deg,rgba(17,17,17,.7),rgba(17,17,17,0) 70%),linear-gradient(135deg,#E9B98A,#C7784F 40%,#6E4B3A 100%)}
.sp-hero--2{background:linear-gradient(0deg,rgba(17,17,17,.7),rgba(17,17,17,0) 70%),linear-gradient(135deg,#9CC7D4,#3FA7C1 45%,#1E4E66)}
.sp-hero small{font:500 9px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.sp-hero strong{font:600 24px/1.1 "Inter Tight",sans-serif;color:#fff;letter-spacing:-.03em;max-width:70%}
.sp-hero em{align-self:flex-start;font:500 11px Poppins,sans-serif;font-style:normal;background:#fff;color:#111;border-radius:999px;padding:6px 12px}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px}
.sp-grid div{height:90px;border-radius:12px;background:#EFEDE7}
.sp-grid div:nth-child(2){background:#F2DDEE}
.sp-grid--4{grid-template-columns:repeat(4,1fr)}.sp-grid--4 div{height:70px}
.sp-grid--1{grid-template-columns:1fr}.sp-grid--1 div{height:70px}
.sp-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 16px}
.sp-img{height:130px;border-radius:12px;background:linear-gradient(135deg,#F4D9B0,#D9A066)}
.sp-txt{display:grid;gap:8px;align-content:center}.sp-txt b{height:14px;width:70%;border-radius:4px;background:#D9D6CF}.sp-txt i{height:8px;border-radius:4px;background:#E6E3DC}
.sp-cta{margin:0 16px!important;padding:18px;border-radius:14px;background:#111;display:flex;justify-content:space-between;align-items:center;gap:10px}
.sp-cta strong{font:600 15px "Inter Tight",sans-serif;color:#fff}.sp-cta em{font:500 11px Poppins,sans-serif;font-style:normal;background:var(--svm-magenta);color:#fff;border-radius:999px;padding:6px 12px}
.svm-phone{position:absolute;right:max(4%,calc(50% - 470px));bottom:0;width:190px;aspect-ratio:9/19;border-radius:32px;background:#111;padding:10px;box-shadow:0 40px 70px -30px rgba(17,17,17,.6);animation:svm-float 7s ease-in-out infinite}
.svm-phone__screen{position:relative;height:100%;border-radius:24px;overflow:hidden}
.svm-scrollpage--m{inset:0;border-radius:24px}
.svm-scrollpage--m .sp-hero{height:170px;margin:10px!important;padding:14px}.svm-scrollpage--m .sp-hero strong{font-size:17px;max-width:100%}
.svm-scrollpage--m .sp-grid{padding:0 10px}.svm-scrollpage--m .sp-cta{margin:0 10px!important;padding:12px}.svm-scrollpage--m .sp-cta strong{font-size:12px}
.svm-scrollpage--m>*{animation-delay:-3s}
.svm-badge2{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:#fff;border:1px solid #E9E7E1;box-shadow:0 20px 40px -20px rgba(17,17,17,.35);font-family:Poppins,sans-serif;animation:svm-float 6s ease-in-out infinite}
.svm-badge2 b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:3px solid #1FB57A;font:600 14px "Inter Tight",sans-serif;color:#15935F}
.svm-badge2 i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#EEF3FF;color:#2D55C8}
.svm-badge2 small{font-size:13px;font-weight:500;color:#111}
.svm-badge2--a{left:max(2%,calc(50% - 500px));top:18%;animation-delay:-2s}
.svm-badge2--b{left:max(6%,calc(50% - 430px));bottom:12%;animation-delay:-4s}
@media (max-width:767px){.svm-devices{min-height:0;padding-bottom:40px}.svm-phone{width:110px;right:0;border-radius:20px;padding:6px}.svm-phone__screen,.svm-scrollpage--m{border-radius:15px}.svm-badge2{display:none}.svm-laptop{width:88%;margin-right:auto}.svm-laptop__screen{padding:8px}.svm-scrollpage{inset:8px}.sp-hero strong{font-size:16px}}

/* foco de luz que sigue al cursor en tarjetas */
.svm-card2::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s;border-radius:inherit;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(176,8,158,.09),transparent 60%)}
.svm-card2--dark::after,.svm-sec--dark .svm-card2::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(248,216,88,.12),transparent 60%)}
.svm-card2:hover::after{opacity:1}

/* abanico del hero que se abre con el scroll */
.svm-fan .svm-fc{translate:calc(var(--dx,0) * var(--spread,0)) 0}
.svm-fc--1{--dx:-60px}.svm-fc--2{--dx:-28px}.svm-fc--4{--dx:28px}.svm-fc--5{--dx:60px}
@media (prefers-reduced-motion:reduce){.svm-orbit__ring,.svm-orbit__ring span i,.svm-scrollpage>*,.svm-phone,.svm-badge2{animation:none!important}.svm-chart *,.svm-spark path{transition:none!important;stroke-dashoffset:0!important;transform:none!important;opacity:1!important}}
.svm-orbit__ring--1 span i{rotate:calc(var(--i) / var(--n) * -360deg)}
.svm-orbit__ring--2 span i{rotate:calc(var(--i) / var(--n) * -360deg - 45deg)}

/* v6 — ilustraciones animadas en tarjetas */
.svm-card2--vis{padding-right:calc(44% + 24px)!important;min-height:250px}
@media (max-width:767px){.svm-card2--vis{padding-right:20px!important;padding-bottom:230px!important}}
.svm-card2>.elementor-widget-html:has(.svm-vis),.svm-card2>.e-con-inner>.elementor-widget-html:has(.svm-vis){position:absolute!important;top:24px;right:24px;bottom:24px;width:42%!important;margin:0!important;z-index:1}
@media (max-width:767px){.svm-card2>.elementor-widget-html:has(.svm-vis){top:auto;left:20px;right:20px;height:200px;width:auto!important}}
.svm-vis{position:relative;width:100%;height:100%;border-radius:18px;background:#F4F3EF;overflow:hidden}
/* navegador */
.vw-bar{display:flex;align-items:center;gap:4px;padding:8px 10px;background:#fff;border-bottom:1px solid #ECEAE4}
.vw-bar span{width:7px;height:7px;border-radius:50%;background:#D9D6CF}
.vw-bar em{margin-left:6px;font:500 9px Poppins,sans-serif;font-style:normal;color:#8A8A8A;background:#F4F3EF;border-radius:5px;padding:2px 8px}
.vw-body{padding:10px;display:grid;gap:8px}
.vw-body>*{opacity:0;transform:translateY(10px);animation:vw-build 7s var(--svm-ease) infinite}
.vw-nav{display:flex;align-items:center;gap:6px}.vw-nav b{width:36px;height:8px;border-radius:4px;background:#111;margin-right:auto}.vw-nav i{width:18px;height:5px;border-radius:3px;background:#D9D6CF}
.vw-hero{height:74px;border-radius:10px;padding:10px;display:grid;align-content:end;gap:5px;background:linear-gradient(0deg,rgba(17,17,17,.55),rgba(17,17,17,0)),linear-gradient(135deg,#E9B98A,#B0089E);animation-delay:.5s!important}
.vw-hero b{width:70%;height:8px;border-radius:4px;background:#fff}.vw-hero i{width:45%;height:5px;border-radius:3px;background:rgba(255,255,255,.7)}.vw-hero u{width:38px;height:12px;border-radius:999px;background:#fff}
.vw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;animation-delay:1s!important}.vw-cards span{height:34px;border-radius:7px;background:#fff;border:1px solid #ECEAE4}
@keyframes vw-build{0%{opacity:0;transform:translateY(10px)}12%,82%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-6px)}}
.vw-cursor{position:absolute;width:14px;height:14px;left:20%;top:80%;background:#111;clip-path:polygon(0 0,100% 55%,55% 60%,40% 100%);animation:vw-cur 7s var(--svm-ease) infinite}
@keyframes vw-cur{0%{left:80%;top:90%}25%{left:62%;top:58%}30%{transform:scale(.8)}34%{transform:scale(1)}60%{left:30%;top:82%}100%{left:80%;top:90%}}
/* tienda */
.vs-prod{position:absolute;left:12%;top:12%;width:52%;padding:10px;border-radius:14px;background:#fff;border:1px solid #ECEAE4;display:grid;gap:4px;box-shadow:0 14px 30px -18px rgba(17,17,17,.35);animation:svm-float 5s ease-in-out infinite}
.vs-img{height:64px;border-radius:9px;background:linear-gradient(135deg,#9CC7D4,#3FA7C1 50%,#1E4E66)}
.vs-prod b{font:600 11px/1.2 Poppins,sans-serif;color:#111}.vs-prod small{font:500 10px Poppins,sans-serif;color:#7A7A7A}
.vs-prod em{justify-self:start;font:500 9px Poppins,sans-serif;font-style:normal;background:#111;color:#fff;border-radius:999px;padding:4px 10px;animation:vs-press 6s ease-in-out infinite}
@keyframes vs-press{0%,18%,24%,51%,57%,100%{transform:scale(1);background:#111}20%,53%{transform:scale(.88);background:var(--svm-magenta)}}
.vs-cart{position:absolute;right:10%;top:14%;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid #ECEAE4;color:#111;font-size:16px}
.vs-count{position:absolute;right:-7px;top:-7px;width:20px;height:20px;border-radius:50%;background:var(--svm-magenta);color:#fff;overflow:hidden;font:600 11px/20px Poppins,sans-serif;text-align:center}
.vs-count s{display:block;text-decoration:none;animation:vs-count 6s steps(1) infinite}
@keyframes vs-count{0%,20%{transform:translateY(0)}21%,53%{transform:translateY(-20px)}54%,100%{transform:translateY(-40px)}}
.vs-toast{position:absolute;left:50%;bottom:12%;translate:-50% 0;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#111;color:#fff;font:500 11px Poppins,sans-serif;animation:vs-toast 6s var(--svm-ease) infinite}
.vs-toast i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1FB57A;font-size:8px}
@keyframes vs-toast{0%,60%{opacity:0;transform:translateY(12px)}68%,92%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.svm-vis *{animation:none!important;opacity:1!important;transform:none!important}}

/* =========================================================
   v7 — ilustraciones por servicio + landings + dispositivos
   ========================================================= */
.svm-vstage{position:relative;container-type:inline-size;width:100%}
.svm-card2--vtop>.elementor-widget-html:has(.svm-vstage){margin:-6px -6px 6px!important;width:calc(100% + 12px)!important}
.svm-card2--vtop .svm-vstage{height:150px}
.svm-card2--vtop .svm-ico{display:none}
.svm-card2--vis{padding-right:calc(46% + 28px)!important;min-height:260px}
.svm-card2--vis>.elementor-widget-html:has(.svm-vstage),.svm-card2--vis>.e-con-inner>.elementor-widget-html:has(.svm-vstage){position:absolute!important;top:16px;right:16px;bottom:16px;width:46%!important;margin:0!important;z-index:1}
.svm-card2--vis .svm-vstage{height:100%}
@media (max-width:767px){.svm-card2--vis{padding-right:20px!important;padding-top:200px!important}.svm-card2--vis>.elementor-widget-html:has(.svm-vstage){top:12px;left:12px;right:12px;bottom:auto;height:180px;width:auto!important}}
/* base */
.vx{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#F7F6F2,#EFEDE7);font-family:Poppins,sans-serif;--u:1cqw}
.svm-card2--dark .vx{background:rgba(255,255,255,.05)}
.vx i.fas,.vx i.far{font-style:normal}
.vx-tag{position:absolute;display:flex;align-items:center;gap:6px;padding:.6em .9em;border-radius:999px;background:#fff;border:1px solid #ECEAE4;box-shadow:0 10px 24px -14px rgba(17,17,17,.35);font-size:clamp(9px,3.2cqw,12px);font-weight:500;color:#111;white-space:nowrap;animation:svm-float 5s ease-in-out infinite}
.vx-tag i{color:var(--svm-magenta)}.vx-tag--tr{top:8%;right:6%}.vx-tag--bl{left:6%;bottom:8%;animation-delay:-2s}.vx-tag--br{right:6%;bottom:8%;animation-delay:-3s}
.vx-tag .fa-check{color:#1FB57A}
.vx-up{color:#15935F}
/* ventana */
.vx-win{position:absolute;left:8%;right:8%;top:10%;bottom:10%;border-radius:12px;background:#fff;border:1px solid #E6E3DC;overflow:hidden;box-shadow:0 20px 40px -24px rgba(17,17,17,.35)}
.vx-bar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#F6F5F2;border-bottom:1px solid #ECEAE4}
.vx-bar>i{width:6px;height:6px;border-radius:50%;background:#D9D6CF}
.vx-bar em{margin-left:6px;font-size:clamp(7px,2.4cqw,10px);font-style:normal;color:#8A8A8A;background:#fff;border:1px solid #ECEAE4;border-radius:5px;padding:1px 7px}
.vx-page{padding:6%;display:grid;gap:6%}
.vx-page>*{animation:vw-build 7s var(--svm-ease) infinite}
.vx-nav{display:flex;align-items:center;gap:6px}.vx-nav b{font-size:clamp(8px,2.8cqw,11px);color:#111;margin-right:auto}.vx-nav s{width:12%;height:4px;border-radius:2px;background:#E1DED7}
.vx-hero{border-radius:9px;padding:7% 6%;display:grid;gap:4px;background:linear-gradient(0deg,rgba(17,17,17,.6),rgba(17,17,17,.05)),linear-gradient(135deg,#E9B98A,#B0089E);animation-delay:.4s!important}
.vx-hero small{font-size:clamp(6px,2cqw,8px);color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.12em}
.vx-hero strong{font:600 clamp(10px,4.2cqw,17px)/1.1 "Inter Tight",sans-serif;color:#fff;letter-spacing:-.02em}
.vx-hero u{justify-self:start;text-decoration:none;font-size:clamp(7px,2.2cqw,9px);background:#fff;color:#111;border-radius:999px;padding:3px 8px}
.vx-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;animation-delay:.8s!important}.vx-row span{height:clamp(14px,8cqw,34px);border-radius:6px;background:#F1EFEA}
.vx-cursor{position:absolute;width:14px;height:14px;background:#111;clip-path:polygon(0 0,100% 55%,55% 60%,40% 100%);animation:vw-cur 7s var(--svm-ease) infinite;z-index:3}
/* tienda */
.vx-prod{position:absolute;left:8%;top:12%;width:40%;padding:3%;border-radius:12px;background:#fff;border:1px solid #ECEAE4;display:grid;gap:3px;box-shadow:0 14px 30px -18px rgba(17,17,17,.35);animation:svm-float 5s ease-in-out infinite}
.vx-prod--2{left:auto;right:8%;top:30%;animation-delay:-2.5s}
.vx-img{aspect-ratio:4/3;border-radius:8px;background:linear-gradient(135deg,#9CC7D4,#3FA7C1 50%,#1E4E66)}
.vx-img--2{background:linear-gradient(135deg,#F7D8A8,#E0B400 50%,#8A6A00)}
.vx-img--3{background:linear-gradient(135deg,#DCE8B8,#8BAA3C 50%,#3F5A12)}
.vx-prod b{font-size:clamp(8px,2.6cqw,11px);color:#111;font-weight:600}.vx-prod small{font-size:clamp(7px,2.2cqw,10px);color:#7A7A7A}
.vx-prod u{justify-self:start;text-decoration:none;font-size:clamp(7px,2.2cqw,9px);background:#111;color:#fff;border-radius:999px;padding:3px 9px;animation:vs-press 6s ease-in-out infinite}
.vx-cart{position:absolute;right:8%;top:8%;display:grid;place-items:center;width:clamp(28px,11cqw,44px);aspect-ratio:1;border-radius:12px;background:#fff;border:1px solid #ECEAE4;color:#111;font-size:clamp(11px,4cqw,16px)}
.vx-count{position:absolute;right:-6px;top:-6px;width:18px;height:18px;border-radius:50%;background:var(--svm-magenta);color:#fff;overflow:hidden;font:600 10px/18px Poppins,sans-serif;text-align:center}
.vx-count s{display:block;text-decoration:none;animation:vx-count 6s steps(1) infinite}
@keyframes vx-count{0%,20%{transform:translateY(0)}21%,53%{transform:translateY(-18px)}54%,100%{transform:translateY(-36px)}}
.vx-toast{position:absolute;left:50%;bottom:8%;translate:-50% 0;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:.5em 1em;border-radius:999px;background:#111;color:#fff;font-size:clamp(8px,2.8cqw,11px);animation:vs-toast 6s var(--svm-ease) infinite}
.vx-toast i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#1FB57A;font-size:7px}
/* redes */
.vx-post{position:absolute;left:50%;top:10%;bottom:10%;translate:-50% 0;aspect-ratio:4/5;max-width:62%;border-radius:12px;background:#fff;border:1px solid #ECEAE4;box-shadow:0 20px 40px -24px rgba(17,17,17,.35);display:flex;flex-direction:column;overflow:hidden}
.vx-post__h{display:flex;align-items:center;gap:5px;padding:5%;font-size:clamp(7px,2.4cqw,10px)}.vx-post__h i{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#F8D858,#B0089E)}.vx-post__h b{color:#111}.vx-post__h s{margin-left:auto;text-decoration:none;color:#999}
.vx-post__img{flex:1;background:linear-gradient(160deg,#F2C7A5,#E59C7A 40%,#B0089E)}
.vx-post__a{display:flex;gap:8px;padding:5%;font-size:clamp(9px,3cqw,13px);color:#111}.vx-post__a .fa-heart{color:#E0245E;animation:vx-like 3s ease-in-out infinite}
@keyframes vx-like{0%,60%,100%{transform:scale(1)}70%{transform:scale(1.35)}}
.vx-hearts{position:absolute;left:58%;bottom:22%}.vx-hearts i{position:absolute;color:#E0245E;font-size:clamp(9px,3.2cqw,14px);opacity:0;animation:vx-heart 3s ease-out infinite}
.vx-hearts i:nth-child(2){animation-delay:1s;left:10px}.vx-hearts i:nth-child(3){animation-delay:2s;left:-8px}
@keyframes vx-heart{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-60px) scale(1.1)}}
/* factura */
.vx-invoice .vx-doc{left:14%;top:10%;width:52%}
.vx-doc{position:absolute;padding:5%;border-radius:10px;background:#fff;border:1px solid #ECEAE4;box-shadow:0 20px 40px -24px rgba(17,17,17,.35);display:grid;gap:8%;animation:svm-float 6s ease-in-out infinite}
.vx-doc__h b{display:block;font:600 clamp(9px,3.2cqw,13px) "Inter Tight",sans-serif;color:#111;letter-spacing:.04em}.vx-doc__h small{font-size:clamp(7px,2.2cqw,9px);color:#8A8A8A}
.vx-doc__l{display:grid;gap:5px}.vx-doc__l s{height:5px;border-radius:3px;background:#EDEBE5}.vx-doc__l s:nth-child(2){width:80%}.vx-doc__l s:nth-child(3){width:60%}
.vx-doc__t{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed #E1DED7;padding-top:6%;font-size:clamp(7px,2.2cqw,9px);color:#8A8A8A}.vx-doc__t b{font:600 clamp(9px,3.2cqw,13px) "Inter Tight",sans-serif;color:#111}
.vx-stamp{position:absolute;right:-8%;bottom:18%;padding:3px 8px;border:2px solid var(--svm-magenta);border-radius:6px;color:var(--svm-magenta);font:700 clamp(7px,2.4cqw,10px) Poppins,sans-serif;transform:rotate(-12deg) scale(0);animation:vx-stamp 5s var(--svm-ease) infinite}
.vx-stamp--ok{border-color:#1FB57A;color:#15935F}
@keyframes vx-stamp{0%,20%{transform:rotate(-12deg) scale(2);opacity:0}30%,85%{transform:rotate(-12deg) scale(1);opacity:1}100%{opacity:0}}
.vx-send{position:absolute;right:14%;top:22%;display:grid;place-items:center;width:clamp(26px,10cqw,40px);aspect-ratio:1;border-radius:50%;background:#111;color:#fff;font-size:clamp(10px,3.6cqw,15px);animation:vx-send 5s var(--svm-ease) infinite}
@keyframes vx-send{0%,40%{transform:translate(0,0)}60%{transform:translate(30px,-30px);opacity:0}61%{transform:translate(-10px,10px);opacity:0}80%,100%{transform:none;opacity:1}}
/* oficina */
.vx-cloud{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:clamp(44px,20cqw,80px);aspect-ratio:1;border-radius:30%;background:#fff;border:1px solid #ECEAE4;box-shadow:0 20px 40px -20px rgba(17,17,17,.35);color:var(--svm-cyan);font-size:clamp(18px,8cqw,32px)}
.vx-file{position:absolute;display:flex;align-items:center;gap:5px;padding:.5em .8em;border-radius:9px;background:#fff;border:1px solid #ECEAE4;font-size:clamp(7px,2.4cqw,10px);color:#111;box-shadow:0 10px 20px -14px rgba(17,17,17,.3);animation:vx-sync 6s var(--svm-ease) infinite}
.vx-file i{color:var(--svm-magenta)}.vx-file--2 i{color:#1D8A4E}.vx-file--3 i{color:var(--svm-cyan)}
.vx-file--1{left:6%;top:12%}.vx-file--2{right:6%;top:24%;animation-delay:-2s}.vx-file--3{left:10%;bottom:14%;animation-delay:-4s}
@keyframes vx-sync{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-6px)}}
.vx-avatars{position:absolute;right:6%;bottom:12%;display:flex;align-items:center}.vx-avatars i{display:grid;place-items:center;width:clamp(18px,7cqw,26px);aspect-ratio:1;border-radius:50%;background:var(--c);color:#fff;font:600 clamp(8px,2.6cqw,11px) Poppins,sans-serif;border:2px solid #fff;margin-left:-6px}
.vx-avatars em{margin-left:6px;font-size:clamp(7px,2.2cqw,9px);font-style:normal;color:#7A7A7A;animation:svm-breath 2s ease-in-out infinite}
/* seo */
.vx-search{position:absolute;left:8%;right:8%;top:10%;display:flex;align-items:center;gap:6px;padding:.6em 1em;border-radius:999px;background:#fff;border:1px solid #ECEAE4;font-size:clamp(8px,2.8cqw,11px);color:#111;overflow:hidden}
.vx-search span{white-space:nowrap;overflow:hidden;border-right:1.5px solid #111;animation:vx-type 6s steps(22) infinite;width:0}
@keyframes vx-type{0%{width:0}40%,90%{width:22ch}100%{width:0}}
.vx-results{position:absolute;left:8%;right:8%;top:32%;display:grid;gap:6px}
.vx-res{display:flex;align-items:center;gap:8px;padding:.5em .8em;border-radius:10px;background:rgba(255,255,255,.6);font-size:clamp(7px,2.4cqw,10px)}
.vx-res b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#EDEBE5;font-size:9px;color:#7A7A7A}
.vx-res div{display:grid;gap:3px;flex:1}.vx-res s{height:5px;width:60%;border-radius:3px;background:#E1DED7}.vx-res small{height:4px;width:40%;border-radius:3px;background:#EDEBE5;color:#8A8A8A}
.vx-res--me{background:#fff;border:1px solid #CDEFDD;animation:vx-rise 6s var(--svm-ease) infinite}.vx-res--me b{background:#1FB57A;color:#fff}.vx-res--me strong{color:#111;font-weight:600}.vx-res--me small{height:auto;width:auto;background:none}
@keyframes vx-rise{0%{transform:translateY(200%)}30%,100%{transform:none}}
.vx-graph{position:absolute;left:8%;right:8%;bottom:6%;height:18%;width:84%}.vx-graph path{stroke-dasharray:260;stroke-dashoffset:260;animation:vx-draw 6s ease infinite}
@keyframes vx-draw{0%{stroke-dashoffset:260}50%,100%{stroke-dashoffset:0}}
/* marketplace */
.vx-listing{position:absolute;left:8%;top:14%;width:56%;display:flex;gap:6%;padding:4%;border-radius:12px;background:#fff;border:1px solid #ECEAE4;box-shadow:0 20px 40px -24px rgba(17,17,17,.35)}
.vx-listing .vx-img{width:40%;aspect-ratio:1}.vx-listing__t{display:grid;gap:3px;align-content:start;font-size:clamp(7px,2.4cqw,10px)}
.vx-listing__t b{color:#111}.vx-stars{color:#E0B400;letter-spacing:1px}.vx-listing__t small{color:#7A7A7A}.vx-listing__t u{justify-self:start;text-decoration:none;background:#F8D858;color:#111;border-radius:999px;padding:2px 8px;font-weight:600}
.vx-chan{position:absolute;right:8%;padding:.45em .9em;border-radius:999px;background:#111;color:#fff;font-size:clamp(7px,2.4cqw,10px);font-weight:600;animation:vx-chan 6s var(--svm-ease) infinite}
.vx-chan--1{top:14%}.vx-chan--2{top:30%;background:#3FA7C1;animation-delay:.4s}.vx-chan--3{top:46%;background:var(--svm-magenta);animation-delay:.8s}
@keyframes vx-chan{0%,10%{opacity:0;transform:translateX(20px)}20%,85%{opacity:1;transform:none}100%{opacity:0}}
/* transporte */
.vx-road{position:absolute;left:0;right:0;bottom:18%;height:14%;background:#2B2B2B}.vx-road span{position:absolute;left:0;top:45%;width:200%;height:3px;background:repeating-linear-gradient(90deg,#F8D858 0 18px,transparent 18px 36px);animation:vx-road 1.2s linear infinite}
@keyframes vx-road{to{transform:translateX(-36px)}}
.vx-lorry{position:absolute;left:12%;bottom:26%;color:#111;font-size:clamp(26px,12cqw,54px);animation:vx-bump .6s ease-in-out infinite}
@keyframes vx-bump{50%{transform:translateY(-2px)}}
.vx-doc--mini{right:8%;top:10%;width:40%}
/* código */
.vx-win--dark{background:#161616;border-color:#222}.vx-win--dark .vx-bar{background:#1F1F1F;border-color:#2A2A2A}.vx-win--dark .vx-bar em{background:#161616;border-color:#2A2A2A;color:#8A8A8A}
.vx-pre{margin:0;padding:8%;font:500 clamp(9px,4.4cqw,15px)/1.7 ui-monospace,Menlo,monospace;color:#D8D6CF;white-space:pre;background:none;border:0}
.vx-pre .k{color:#FF7AC6}.vx-pre .f{color:#7FD7F0}.vx-pre .s{color:#F8D858}
.vx-caret{display:inline-block;width:7px;height:1.1em;vertical-align:-2px;background:#F8D858;animation:svm-breath 1s steps(2) infinite}
@media (prefers-reduced-motion:reduce){.vx *{animation:none!important;opacity:1!important}}

/* escenario grande en landings */
.svm-stage{position:relative;aspect-ratio:5/4;border-radius:28px;background:#fff;border:1px solid #E9E7E1;box-shadow:0 40px 90px -50px rgba(17,17,17,.45);container-type:inline-size;overflow:hidden}
.svm-stage .vx{inset:14px;border-radius:20px}
.svm-stage__glow{position:absolute;inset:-20%;background:radial-gradient(closest-side at 70% 20%,rgba(176,8,158,.12),transparent),radial-gradient(closest-side at 20% 90%,rgba(63,167,193,.12),transparent)}
.svm-chips{display:flex;flex-wrap:wrap;gap:8px}.svm-chips span{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #E9E7E1;font:500 13px Poppins,sans-serif;color:#3C3C3C}
.svm-chips span:first-child{background:#111;color:#fff;border-color:#111}
.svm-price .elementor-heading-title{letter-spacing:-.04em!important}
/* FAQ */
.svm-faq{display:grid;gap:10px}
.svm-faq details{border-radius:18px;background:#fff;border:1px solid #E9E7E1;transition:box-shadow .3s}
.svm-faq details[open]{box-shadow:0 20px 40px -30px rgba(17,17,17,.35)}
.svm-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font:600 17px/1.3 "Inter Tight",sans-serif;color:#111;letter-spacing:-.02em}
.svm-faq summary::-webkit-details-marker{display:none}
.svm-faq summary i{flex:none;width:28px;height:28px;border-radius:50%;background:#F4F3EF;position:relative;transition:transform .4s var(--svm-ease),background .3s}
.svm-faq summary i::before,.svm-faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;margin:-1px 0 0 -5px;background:#111;border-radius:2px}
.svm-faq summary i::after{transform:rotate(90deg);transition:transform .4s var(--svm-ease)}
.svm-faq details[open] summary i{background:#111}.svm-faq details[open] summary i::before,.svm-faq details[open] summary i::after{background:#fff}.svm-faq details[open] summary i::after{transform:rotate(0)}
.svm-faq p{margin:0;padding:0 22px 20px;font:400 15px/1.7 Poppins,sans-serif;color:#5B5B5B}
/* logos partners */
.svm-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.svm-logos a{display:grid;place-items:center;height:100px;padding:16px;border-radius:20px;background:#fff;border:1px solid #E9E7E1;transition:transform .4s var(--svm-ease),box-shadow .4s}
.svm-logos img{max-width:100%;max-height:56px;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .4s,opacity .4s}
.svm-logos a:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(17,17,17,.35)}.svm-logos a:hover img{filter:none;opacity:1}
@media (max-width:1024px){.svm-logos{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.svm-logos{grid-template-columns:repeat(2,1fr)}}

/* dispositivos v2 */
.svm-devices{min-height:560px}
.svm-scrollpage{inset:10px!important;display:flex;flex-direction:column}
.svm-scrollpage>div{margin:0!important;flex:none}
.svm-scrollpage .sp-nav{padding:12px 18px;gap:18px}.sp-nav span{font:500 10px Poppins,sans-serif;color:#6B6B6B}.sp-nav em{font:500 10px Poppins,sans-serif;font-style:normal;background:#111;color:#fff;border-radius:999px;padding:5px 12px}
.svm-scrollpage .sp-hero{margin:4px 14px 14px!important;height:230px}
.sp-sec{padding:6px 18px 10px}.sp-sec b{display:block;font:600 15px "Inter Tight",sans-serif;color:#111;letter-spacing:-.02em}.sp-sec small{font:400 10px Poppins,sans-serif;color:#7A7A7A}
.sp-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 14px 16px}
.sp-prods div{display:grid;gap:4px;padding:8px;border-radius:12px;background:#fff;border:1px solid #EFEDE8}
.sp-prods i{display:block;aspect-ratio:4/3;border-radius:8px}.sp-prods .p1{background:linear-gradient(135deg,#E9C79A,#A8743F)}.sp-prods .p2{background:linear-gradient(135deg,#F6DDA0,#D39A3A)}.sp-prods .p3{background:linear-gradient(135deg,#F3E6C8,#C9A56B)}
.sp-prods b{font:600 10px/1.3 Poppins,sans-serif;color:#111}.sp-prods small{font:500 10px Poppins,sans-serif;color:var(--svm-magenta)}
.svm-scrollpage .sp-cta{margin:0 14px 16px!important}
.svm-scrollpage--m .sp-prods{grid-template-columns:1fr;padding:0 10px 12px}.svm-scrollpage--m .sp-hero{height:170px;margin:4px 10px 12px!important}.svm-scrollpage--m .sp-nav{padding:10px 12px}
.svm-scrollpage--m .sp-cta{margin:0 10px 12px!important}
.svm-badge2{z-index:3}.svm-badge2 small{line-height:1.25}.svm-badge2 small em{font-style:normal;font-weight:400;color:#7A7A7A;font-size:11px}
.svm-badge2--a{left:max(0%,calc(50% - 560px));top:24%}
.svm-badge2--b{left:max(2%,calc(50% - 520px));bottom:8%}
.svm-card2--vis{padding-right:40px!important}
.svm-card2--vis>.elementor-element:not(:has(.svm-vstage)):not(:has(.svm-cover)){max-width:50%}
@media (max-width:767px){.svm-card2--vis{padding-right:20px!important}.svm-card2--vis>.elementor-element:not(:has(.svm-vstage)):not(:has(.svm-cover)){max-width:100%}}

/* v8 — webinar y bono */
.vx-win--call{top:8%;bottom:16%}
.vx-bar b.vx-live{margin-left:auto;font:600 clamp(6px,2cqw,9px) Poppins,sans-serif;color:#E0245E;animation:svm-breath 1.4s ease-in-out infinite}
.vx-call{position:absolute;inset:26px 0 0 0;display:flex;flex-direction:column}
.vx-screen{position:relative;flex:1;margin:4%;border-radius:8px;background:#F4F3EF;overflow:hidden}
.vx-wp{position:absolute;inset:0;display:flex}.vx-wp__side{width:18%;background:#1D2327}
.vx-wp__main{flex:1;padding:6%;display:grid;gap:6px;align-content:start}.vx-wp__main b{height:8px;width:50%;border-radius:4px;background:#111}.vx-wp__main s{height:5px;border-radius:3px;background:#DCD9D2}.vx-wp__main s:nth-of-type(2){width:70%}
.vx-wp__main u{justify-self:start;text-decoration:none;font-size:clamp(6px,2cqw,9px);background:#2271B1;color:#fff;border-radius:4px;padding:2px 8px;animation:vs-press 5s ease-in-out infinite}
.vx-cursor--in{animation:vw-cur 5s var(--svm-ease) infinite}
.vx-people{display:flex;gap:6px;padding:0 4% 4%}.vx-people i{flex:1;display:grid;place-items:center;aspect-ratio:16/10;border-radius:7px;background:var(--c);color:#fff;font:600 clamp(8px,2.6cqw,11px) Poppins,sans-serif;font-style:normal}
.vx-cal{position:absolute;right:6%;bottom:8%;display:grid;justify-items:center;padding:.5em .9em;border-radius:12px;background:#fff;border:1px solid #ECEAE4;box-shadow:0 14px 30px -16px rgba(17,17,17,.35);animation:svm-float 5s ease-in-out infinite}
.vx-cal b{font:600 clamp(7px,2.2cqw,9px) Poppins,sans-serif;color:var(--svm-magenta);letter-spacing:.1em}.vx-cal strong{font:600 clamp(16px,6cqw,26px)/1 "Inter Tight",sans-serif;color:#111}.vx-cal small{font-size:clamp(6px,2cqw,8px);color:#7A7A7A}
.vx-voucher{position:absolute;left:12%;right:12%;top:18%;aspect-ratio:1.6;border-radius:16px;padding:6%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;
  background:linear-gradient(135deg,#111 0%,#2A0D27 55%,#B0089E 130%);color:#fff;box-shadow:0 30px 60px -30px rgba(17,17,17,.6);transform:rotate(-4deg);animation:vx-card 6s ease-in-out infinite}
@keyframes vx-card{50%{transform:rotate(-1deg) translateY(-6px)}}
.vx-voucher__top small{display:block;font-size:clamp(7px,2.2cqw,9px);opacity:.7;text-transform:uppercase;letter-spacing:.14em}.vx-voucher__top b{font:600 clamp(12px,5cqw,20px) "Inter Tight",sans-serif}
.vx-voucher__amt span{display:block;font-size:clamp(7px,2.2cqw,10px);opacity:.7}.vx-voucher__amt strong{font:600 clamp(16px,7cqw,30px)/1 "Inter Tight",sans-serif;letter-spacing:-.03em;color:#F8D858}
.vx-voucher__chips{display:flex;gap:4px;flex-wrap:wrap}.vx-voucher__chips i{font:500 clamp(6px,2cqw,9px) Poppins,sans-serif;font-style:normal;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.14)}
.vx-voucher__shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 45%,transparent 60%);transform:translateX(-100%);animation:vx-shine 4s ease-in-out infinite}
@keyframes vx-shine{60%,100%{transform:translateX(100%)}}

/* =========================================================
   v9 — ancho 1600, formularios, animaciones premium
   ========================================================= */
.svm-pillnav{max-width:1400px}
.svm-fan{max-width:1500px}
/* formularios: select y aceptación */
.svm-form .elementor-field-group.elementor-field-type-select .elementor-field{padding:0!important}
.svm-form .elementor-select-wrapper{position:relative;padding:0!important;margin:0!important;width:100%!important;border:0!important;background:none!important}
.svm-form .elementor-select-wrapper select{margin:0!important;width:100%!important;padding:12px 44px 12px 16px!important;border:1px solid #E9E7E1!important;border-radius:14px!important;background:#fff!important;appearance:none;-webkit-appearance:none}
.svm-form .elementor-select-wrapper::before{right:16px!important;top:50%!important;transform:translateY(-50%);font-size:12px!important;color:#111!important;pointer-events:none}
.svm-form .elementor-field-type-acceptance .elementor-field-subgroup,.svm-form .elementor-field-type-acceptance .elementor-field-option{display:flex!important;align-items:center;gap:10px}
.svm-form .elementor-field-type-acceptance input[type=checkbox]{width:20px;height:20px;margin:0!important;flex:none;accent-color:#111}
.svm-form .elementor-field-type-acceptance label{margin:0!important;padding:0!important}
.svm-form .elementor-field-type-acceptance>.elementor-field-label{display:none}
/* ilustraciones de tarjetas pequeñas: más aire y sin etiquetas flotantes */
.svm-card2--vtop .svm-vstage{height:200px}
.svm-card2--vtop .vx-tag{display:none}
.svm-card2--vtop .vx-stamp{right:4%}
.svm-card2--vtop .vx-listing{width:74%;left:13%;top:18%}
.svm-card2--vtop .vx-chan{display:none}
.svm-card2--vtop .vx-results{top:34%}
.svm-card2--vtop .vx-res:not(.vx-res--me){display:none}
.svm-card2--vtop .vx-graph{height:24%}
.svm-card2--vtop .vx-post{max-width:56%}
.svm-card2--vtop .vx-invoice .vx-doc{left:18%;width:64%}
.svm-card2--vtop .vx-send{right:6%}
.svm-card2--vtop .vx-file--2{right:4%}
/* inclinación 3D en tarjetas */
.svm-card2.svm-tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .5s var(--svm-ease),box-shadow .5s var(--svm-ease)}
.svm-card2.svm-tilt:hover{--ty:-4px}
.svm-card2.svm-tilt .svm-vstage{transform:translateZ(0);transition:transform .6s var(--svm-ease)}
.svm-card2.svm-tilt:hover .svm-vstage{transform:scale(1.03)}
/* titulares con cortina */
.svm-js .svm-title.svm-rv{filter:none!important;transform:none!important;opacity:1!important}
.svm-js .svm-title.svm-rv .elementor-heading-title{clip-path:inset(0 0 100% 0);transform:translateY(30%);transition:clip-path 1.1s var(--svm-ease),transform 1.1s var(--svm-ease);transition-delay:var(--svm-d,0s)}
.svm-js .svm-title.svm-rv.is-in .elementor-heading-title{clip-path:inset(0 0 -20% 0);transform:none}
/* ilustraciones: entrada con zoom */
.svm-js .svm-rv .svm-vstage .vx,.svm-js .svm-stage .vx{transform:scale(.92);opacity:0;transition:transform 1.2s var(--svm-ease) .15s,opacity .9s ease .15s}
.svm-js .svm-rv.is-in .svm-vstage .vx,.svm-loaded .svm-stage .vx{transform:none;opacity:1}
/* escenario grande: parallax suave con el ratón */
.svm-stage{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .8s var(--svm-ease)}
/* barra de progreso de lectura */
.svm-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:10000;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,#B0089E,#3FA7C1,#F8D858);pointer-events:none}
.admin-bar .svm-progress{top:32px}
@media (prefers-reduced-motion:reduce){.svm-card2.svm-tilt,.svm-stage{transform:none!important}.svm-js .svm-title.svm-rv .elementor-heading-title{clip-path:none!important;transform:none!important}.svm-progress{display:none}}

/* =========================================================
   v10 — abanico épico en 3D
   ========================================================= */
.svm-fan2{position:relative;height:460px;max-width:1400px;margin:0 auto;perspective:1600px}
.svm-fan2__halo{position:absolute;left:50%;top:48%;width:70%;height:90%;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(176,8,158,.22),rgba(63,167,193,.14) 55%,transparent);filter:blur(40px);animation:svm-breath 7s ease-in-out infinite}
.svm-fan2__stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--my,0) * -4deg)) rotateY(calc(var(--mx,0) * 6deg));transition:transform 1s var(--svm-ease)}
.f2{position:absolute;left:50%;top:50%;width:250px;height:290px;margin:-145px 0 0 -125px;transform-style:preserve-3d;
  --x:calc(var(--d) * 205px * (1 + var(--spread,0) * .12));--r:calc(var(--d) * 7deg);--z:calc((3 - max(var(--d), var(--d) * -1)) * 40px);
  transform:translateX(var(--x)) translateY(calc(max(var(--d), var(--d) * -1) * 22px)) translateZ(var(--z)) rotate(var(--r)) rotateY(calc(var(--d) * -6deg));
  z-index:calc(10 - max(var(--d), var(--d) * -1))}
.f2c{position:relative;width:100%;height:100%;padding:20px;border-radius:26px;background:#fff;border:1px solid #ECEAE4;overflow:hidden;display:flex;flex-direction:column;gap:12px;font-family:Poppins,sans-serif;
  box-shadow:0 40px 70px -34px rgba(17,17,17,.45),0 2px 4px rgba(17,17,17,.04);animation:f2-bob 6s ease-in-out infinite;animation-delay:calc(var(--d) * .45s);transition:transform .6s var(--svm-ease),box-shadow .6s}
@keyframes f2-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.f2:hover .f2c{transform:translateY(-18px) scale(1.04);box-shadow:0 60px 90px -40px rgba(17,17,17,.55)}
.f2k{align-self:flex-start;font-size:11px;font-weight:500;padding:5px 11px;border-radius:999px;background:#F4F3EF;color:#3C3C3C}
.f2--dark .f2c{background:#111;border-color:#111;color:#fff}.f2--dark .f2k{background:rgba(255,255,255,.1);color:#fff}
.f2--accent .f2c{background:linear-gradient(150deg,#C21AB0,#8A067C);border-color:transparent;color:#fff}.f2--accent .f2k{background:rgba(255,255,255,.18);color:#fff}
.f2--accent b{margin-top:auto;font:600 34px/1.02 "Inter Tight",sans-serif;letter-spacing:-.04em}.f2--accent small{font-size:13px;opacity:.85;line-height:1.4}
.f2-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 48%,transparent 62%);transform:translateX(-100%);animation:vx-shine 5s ease-in-out infinite}
.f2--web{width:330px;height:340px;margin:-170px 0 0 -165px}
.f2--web .f2c{padding:0;gap:0}
.f2-bar{display:flex;align-items:center;gap:5px;padding:11px 14px;background:#F6F5F2;border-bottom:1px solid #ECEAE4}.f2-bar i{width:8px;height:8px;border-radius:50%;background:#D9D6CF}
.f2-bar em{margin-left:8px;font-style:normal;font-size:11px;color:#8A8A8A;background:#fff;border:1px solid #ECEAE4;border-radius:6px;padding:2px 9px}.f2-bar b{margin-left:auto;font-size:10px;color:#15935F;font-weight:600;animation:svm-breath 1.6s infinite}
.f2-hero{margin:12px;flex:1;border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;position:relative;overflow:hidden;
  background:linear-gradient(0deg,rgba(17,17,17,.75),rgba(17,17,17,0) 65%),linear-gradient(160deg,#F2C7A5 0%,#E59C7A 30%,#7C8FB8 65%,#2C3F68 100%);background-size:100% 100%,160% 160%;animation:f2-sky 10s ease-in-out infinite alternate}
@keyframes f2-sky{to{background-position:0 0,100% 100%}}
.f2-hero small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.f2-hero strong{font:600 23px/1.1 "Inter Tight",sans-serif;color:#fff;letter-spacing:-.03em}
.f2-hero u{align-self:flex-start;text-decoration:none;font-size:12px;font-weight:500;background:#fff;color:#111;border-radius:999px;padding:7px 14px;animation:vs-press 5s ease-in-out infinite}
.f2-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 12px}.f2-row span{height:34px;border-radius:9px;background:#F4F3EF;animation:vw-build 6s var(--svm-ease) infinite}.f2-row span:nth-child(2){animation-delay:.3s;background:#F7E6F4}.f2-row span:nth-child(3){animation-delay:.6s}
.f2-post{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#F7F6F2}.f2-post i{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#F2C7A5,#B0089E)}.f2-post b{display:block;font-size:12px;color:#111}.f2-post small{font-size:11px;color:#7A7A7A}
.f2-bars{margin-top:auto;display:flex;align-items:flex-end;gap:8px;height:100px}.f2-bars span{flex:1;height:var(--h);border-radius:7px;background:#E9E7E1;transform-origin:bottom;animation:f2-grow 4s var(--svm-ease) infinite}
.f2-bars span:nth-child(4){background:var(--svm-cyan)}.f2-bars span:nth-child(2){animation-delay:.15s}.f2-bars span:nth-child(3){animation-delay:.3s}.f2-bars span:nth-child(4){animation-delay:.45s}.f2-bars span:nth-child(5){animation-delay:.6s}
@keyframes f2-grow{0%{transform:scaleY(.15)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.f2-mail{margin-top:auto;font:600 22px/1.1 "Inter Tight",sans-serif;letter-spacing:-.03em}.f2-mail span{display:inline-block;white-space:nowrap;overflow:hidden;border-right:2px solid #F8D858;animation:vx-type2 5s steps(17) infinite;width:0;vertical-align:bottom}
@keyframes vx-type2{0%{width:0}45%,90%{width:17ch}100%{width:0}}
.f2--dark small{color:#A8A8A8;font-size:12px}
.f2-order{display:flex;justify-content:space-between;font-size:13px;color:#111}.f2-order small{color:#8A8A8A}
.f2-price{margin-top:auto;font:600 46px/1 "Inter Tight",sans-serif;letter-spacing:-.05em;color:#111}
.f2-ok{display:flex;align-items:center;gap:6px;font-size:12px;color:#15935F}.f2-ok i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#E3F6EC;font-size:9px}
.f2-inv{position:relative;display:grid;gap:7px;padding:14px;border-radius:14px;background:#FBFAF7;border:1px solid #EFEDE8;margin-top:auto}.f2-inv b{font:600 13px "Inter Tight",sans-serif;letter-spacing:.06em;color:#111}.f2-inv small{font-size:10px;color:#8A8A8A}
.f2-inv s{height:6px;border-radius:3px;background:#EDEBE5}.f2-inv s:nth-of-type(2){width:80%}.f2-inv s:nth-of-type(3){width:55%}.f2-inv em{font-style:normal;font:600 18px "Inter Tight",sans-serif;color:#111;text-align:right}
.f2-stamp{position:absolute;right:10px;top:34%;font:700 11px Poppins,sans-serif;font-style:normal;color:var(--svm-magenta);border:2px solid var(--svm-magenta);border-radius:6px;padding:3px 8px;animation:vx-stamp 5s var(--svm-ease) infinite}
.f2-rank{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#F4F3EF;font-size:11px;color:#3C3C3C}
.f2-pos{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#fff;border:1px solid #CDEFDD;animation:vx-rise 6s var(--svm-ease) infinite}.f2-pos b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1FB57A;color:#fff;font-size:12px}
.f2-pos strong{display:block;font-size:13px;color:#111}.f2-pos small{font-size:11px;color:#7A7A7A}
.f2--6 svg{margin-top:auto;width:100%;height:60px}.f2--6 path{stroke-dasharray:260;stroke-dashoffset:260;animation:vx-draw 6s ease infinite}
/* entrada */
.svm-js .svm-fan2 .f2{opacity:0}
.svm-loaded .svm-fan2 .f2{animation:f2-in 1.3s var(--svm-ease) both;animation-delay:calc(.35s + (3 - max(var(--d), var(--d) * -1)) * .12s)}
@keyframes f2-in{from{opacity:0;transform:translateX(0) translateY(160px) translateZ(0) rotate(0) rotateY(0)}to{opacity:1}}
@media (max-width:1280px){.f2{--x:calc(var(--d) * 165px)}.f2--1,.f2--7{display:none}}
@media (max-width:1024px){.f2--2,.f2--6{display:none}.svm-fan2{height:420px}}
@media (max-width:767px){
  .svm-fan2{height:330px;perspective:1200px;overflow:visible}
  .svm-fan2__stage{transform:scale(.6)!important;transform-origin:50% 50%}
  .f2{--x:calc(var(--d) * 150px)}
  .f2--1,.f2--2,.f2--6,.f2--7{display:none!important}
  .svm-fan2__halo{width:110%;height:80%}
}
@media (prefers-reduced-motion:reduce){.f2,.f2 *{animation:none!important;opacity:1!important}}

/* v11 — profundidad en el hero */
.svm-hero3>.elementor-widget-html:has(.svm-h3deco),.svm-hero3>.e-con-inner>.elementor-widget-html:has(.svm-h3deco){position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;z-index:0;pointer-events:none}
.svm-hero3>.e-con,.svm-hero3>.e-con-inner>.e-con{position:relative;z-index:1}
.svm-h3deco{position:absolute;inset:0;overflow:hidden}
.svm-aurora{position:absolute;left:50%;top:6%;width:min(1200px,100%);height:620px;translate:-50% 0;filter:blur(70px);opacity:.55}
.svm-aurora i{position:absolute;border-radius:50%;mix-blend-mode:multiply}
.svm-aurora i:nth-child(1){left:18%;top:10%;width:38%;height:60%;background:#F3C6EC;animation:svm-au1 16s ease-in-out infinite alternate}
.svm-aurora i:nth-child(2){right:16%;top:0;width:34%;height:58%;background:#C9E8F1;animation:svm-au2 18s ease-in-out infinite alternate}
.svm-aurora i:nth-child(3){left:40%;top:40%;width:26%;height:44%;background:#FBEBB2;animation:svm-au3 14s ease-in-out infinite alternate}
@keyframes svm-au1{to{transform:translate(12%,14%) scale(1.15)}}@keyframes svm-au2{to{transform:translate(-14%,18%) scale(.9)}}@keyframes svm-au3{to{transform:translate(-20%,-18%) scale(1.2)}}
.svm-spot{position:absolute;inset:0;background:radial-gradient(420px circle at var(--sx,50%) var(--sy,30%),rgba(255,255,255,.75),transparent 60%);mix-blend-mode:soft-light;transition:background-position .2s}
.svm-hero3::before{z-index:0!important}
.svm-fl{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);
  backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 24px 50px -24px rgba(17,17,17,.35),inset 0 1px 0 rgba(255,255,255,.9);font-family:Poppins,sans-serif;
  translate:calc(var(--px,0) * var(--k) * 30px) calc(var(--py,0) * var(--k) * 24px);transition:translate .8s var(--svm-ease);animation:svm-flo 7s ease-in-out infinite}
.svm-fl b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:15px}
.svm-fl b.ok{background:#E3F6EC;color:#15935F}.svm-fl b.mail{background:#E4F2F6;color:#2A8BA5}.svm-fl b.shop{background:#F7E6F4;color:#B0089E}.svm-fl b.inv{background:#FBF3D0;color:#9A7B00}
.svm-fl span{font-size:13px;font-weight:600;color:#111;line-height:1.25}.svm-fl small{display:block;font-weight:400;font-size:11.5px;color:#7A7A7A}
.svm-fl--1{left:7%;top:24%;rotate:-6deg}.svm-fl--2{right:7%;top:20%;rotate:5deg;animation-delay:-2s}.svm-fl--3{left:10%;top:52%;rotate:4deg;animation-delay:-4s}.svm-fl--4{right:9%;top:50%;rotate:-5deg;animation-delay:-5s}
@keyframes svm-flo{50%{transform:translateY(-14px)}}
.svm-js .svm-fl{opacity:0;scale:.8}.svm-loaded .svm-fl{opacity:1;scale:1;transition:opacity 1s ease,scale 1.2s var(--svm-ease),translate .8s var(--svm-ease)}
.svm-loaded .svm-fl--1{transition-delay:.9s}.svm-loaded .svm-fl--2{transition-delay:1.05s}.svm-loaded .svm-fl--3{transition-delay:1.2s}.svm-loaded .svm-fl--4{transition-delay:1.35s}
@media (max-width:1280px){.svm-fl--3,.svm-fl--4{display:none}.svm-fl--1{left:3%}.svm-fl--2{right:3%}}
@media (max-width:1024px){.svm-fl{display:none}}
/* abanico: más separación y botón visible */
.f2{--x:calc(var(--d) * 232px * (1 + var(--spread,0) * .1))}
@media (max-width:1400px){.f2{--x:calc(var(--d) * 200px)}}
.f2-hero u{animation:f2-btn 5s ease-in-out infinite}
@keyframes f2-btn{0%,40%,50%,100%{transform:scale(1);background:#fff;color:#111}45%{transform:scale(.92);background:#B0089E;color:#fff}}
@media (prefers-reduced-motion:reduce){.svm-aurora i,.svm-fl{animation:none!important}}
.svm-js .svm-formcard.svm-rv,.svm-js .svm-form.svm-rv{opacity:1!important;transform:none!important;filter:none!important}

/* v12 — web de ejemplo «Casa Ribera» */
.svm-laptop__screen,.svm-phone__screen{background:#F6F1E9}
.cr{position:absolute;inset:10px;border-radius:6px;overflow:hidden;background:#F6F1E9;font-family:Poppins,sans-serif;color:#1E2A26}
.svm-phone .cr{inset:0;border-radius:24px}
.cr-scroll{animation:cr-scroll 18s cubic-bezier(.65,0,.35,1) infinite}
@keyframes cr-scroll{0%,14%{transform:translateY(0)}42%,56%{transform:translateY(-38%)}84%,100%{transform:translateY(0)}}
.cr--m .cr-scroll{animation-delay:-4s}
.cr-nav{display:flex;align-items:center;gap:22px;padding:16px 26px}
.cr-nav b{margin-right:auto;font:500 17px "Instrument Serif",Georgia,serif;letter-spacing:.02em}.cr-nav b em{font-style:italic;color:#B4583B}
.cr-nav span{font-size:11px;color:#5E6A64}.cr-nav u{text-decoration:none;font-size:11px;font-weight:500;background:#1E2A26;color:#F6F1E9;border-radius:999px;padding:7px 14px}
.cr-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:center;padding:10px 26px 20px}
.cr-copy small{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#B4583B}
.cr-copy h4{margin:8px 0 10px;font:400 38px/1 "Instrument Serif",Georgia,serif;letter-spacing:-.01em;color:#1E2A26}.cr-copy h4 em{font-style:italic;color:#2F6B61}
.cr-copy p{margin:0 0 14px;font-size:11px;color:#5E6A64}
.cr-book{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#fff;box-shadow:0 10px 24px -14px rgba(30,42,38,.35);width:max-content}
.cr-book span{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:10px;color:#1E2A26;border-right:1px solid #EFE8DC}.cr-book span i{color:#B4583B}
.cr-book u{text-decoration:none;font-size:10px;font-weight:600;background:#B4583B;color:#fff;border-radius:999px;padding:7px 14px;animation:cr-pulse 3s ease-in-out infinite}
@keyframes cr-pulse{50%{box-shadow:0 0 0 6px rgba(180,88,59,.18)}}
.cr-arch{position:relative;height:230px;border-radius:999px 999px 18px 18px;overflow:hidden;box-shadow:0 30px 50px -30px rgba(30,42,38,.5)}
.cr-sky{position:absolute;inset:0;background:linear-gradient(180deg,#F7C7A3 0%,#F3A77F 30%,#E88568 52%,#9FB7C4 53%)}
.cr-sun{position:absolute;left:50%;top:34%;width:70px;height:70px;margin-left:-35px;border-radius:50%;background:radial-gradient(circle,#FFF3D6,#FFD8A0 60%,rgba(255,216,160,0));animation:cr-sun 9s ease-in-out infinite alternate}
@keyframes cr-sun{to{transform:translateY(14px)}}
.cr-sea{position:absolute;left:0;right:0;bottom:0;height:47%;background:linear-gradient(180deg,#7FA4B6,#2F6B7F 60%,#1E4A5A);overflow:hidden}
.cr-sea i{position:absolute;left:-50%;width:200%;height:2px;border-radius:2px;background:rgba(255,236,210,.55);animation:cr-wave 6s ease-in-out infinite}
.cr-sea i:nth-child(1){top:14%;animation-duration:7s}.cr-sea i:nth-child(2){top:34%;opacity:.6;animation-delay:-2s}.cr-sea i:nth-child(3){top:58%;opacity:.4;animation-delay:-4s}
@keyframes cr-wave{50%{transform:translateX(12%)}}
.cr-birds i{position:absolute;width:14px;height:6px;border-top:2px solid #6B4A40;border-radius:50% 50% 0 0;animation:cr-bird 12s linear infinite}
.cr-birds i::after{content:"";position:absolute;left:12px;top:-2px;width:14px;height:6px;border-top:2px solid #6B4A40;border-radius:50% 50% 0 0}
.cr-birds i:nth-child(1){top:18%;left:-10%}.cr-birds i:nth-child(2){top:26%;left:-30%;transform:scale(.7);animation-delay:-5s}
@keyframes cr-bird{to{left:110%}}
.cr-rate{display:flex;align-items:center;gap:8px;margin:4px 26px 18px;padding:10px 14px;border-radius:14px;background:#fff;width:max-content}
.cr-rate b{font:600 16px "Inter Tight",sans-serif}.cr-rate span{color:#E0A53B;font-size:11px;letter-spacing:1px}.cr-rate small{font-size:10px;color:#5E6A64}
.cr-sec{padding:0 26px 10px}.cr-sec small{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#B4583B}.cr-sec h5,.cr-band h5{margin:4px 0 0;font:400 26px/1.05 "Instrument Serif",Georgia,serif}
.cr-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:6px 26px 18px}
.cr-menu div{display:grid;justify-items:center;gap:6px;padding:14px 10px;border-radius:16px;background:#fff;text-align:center}
.cr-menu b{font-size:11px;font-weight:600;line-height:1.3}.cr-menu small{font-size:11px;color:#B4583B;font-weight:600}
.pl{display:block;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,#fff 52%,#EDE6DA 53%,#fff 62%,#E3DACB 64%);position:relative;box-shadow:0 10px 18px -10px rgba(30,42,38,.4);animation:cr-spin 20s linear infinite}
.pl::after{content:"";position:absolute;inset:24%;border-radius:50%}
.pl1::after{background:radial-gradient(circle at 35% 35%,#F2C77E 0 18%,transparent 19%),radial-gradient(circle at 65% 40%,#E8B368 0 17%,transparent 18%),radial-gradient(circle at 48% 66%,#F0C27A 0 18%,transparent 19%),radial-gradient(circle,#F6E7C1,#E9D19C)}
.pl2::after{background:radial-gradient(circle at 40% 40%,#D9552F 0 16%,transparent 17%),radial-gradient(circle at 62% 60%,#C8452A 0 14%,transparent 15%),radial-gradient(circle,#E9A54A,#C9772C)}
.pl3::after{background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.6) 0 10%,transparent 11%),radial-gradient(circle,#F3D9A4,#D9A55B)}
@keyframes cr-spin{to{transform:rotate(360deg)}}
.cr-band{margin:0 26px 18px;padding:22px;border-radius:18px;background:#2F6B61;color:#F6F1E9;display:flex;justify-content:space-between;align-items:center;gap:10px}
.cr-band u{text-decoration:none;font-size:10px;font-weight:600;background:#F6F1E9;color:#1E2A26;border-radius:999px;padding:7px 14px;white-space:nowrap}
.cr-foot{padding:10px 26px 30px}.cr-foot b{display:block;font:400 18px "Instrument Serif",serif}.cr-foot small{font-size:10px;color:#5E6A64}
/* móvil */
.cr--m .cr-nav{padding:14px 14px}.cr--m .cr-hero{grid-template-columns:1fr;padding:6px 14px 14px;gap:12px}.cr--m .cr-copy h4{font-size:26px}.cr--m .cr-arch{height:150px;order:-1}
.cr--m .cr-book span{padding:5px 8px}.cr--m .cr-menu{grid-template-columns:1fr;padding:6px 14px 14px}.cr--m .cr-rate,.cr--m .cr-band{margin-left:14px;margin-right:14px}.cr--m .cr-sec,.cr--m .cr-foot{padding-left:14px;padding-right:14px}
.cr--m .cr-band{flex-direction:column;align-items:flex-start}.cr--m .cr-book{width:auto}
@media (max-width:767px){.cr-copy h4{font-size:22px}.cr-arch{height:140px}.cr-menu .pl{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.cr *{animation:none!important}}

/* v13 — logotipos tipográficos */
.svm-logos--wm a{height:110px;color:#9A978F;text-decoration:none;transition:transform .4s var(--svm-ease),box-shadow .4s,color .4s}
.wm{display:flex!important;align-items:center;justify-content:center;gap:8px;line-height:1}
.wm small{font:500 10px/1.2 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.wm-redes span{font:700 34px "Inter Tight",sans-serif;letter-spacing:-.04em}.wm-redes i{font-style:normal;color:currentColor}
.wm-redes:hover{color:#C8102E}.wm-redes:hover i{color:#F4B400}
.wm-kit b{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:currentColor;font:800 13px "Inter Tight",sans-serif}
.wm-kit b{color:inherit}.wm-kit b{-webkit-text-fill-color:#fff}
.wm-kit span{display:grid;font:700 20px "Inter Tight",sans-serif;letter-spacing:.02em}.wm-kit:hover{color:#1B3A8A}
.wm-fe span{font:700 24px "Inter Tight",sans-serif;letter-spacing:.02em}.wm-fe i{font-style:normal}
.wm-fe b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:currentColor;font:800 24px "Inter Tight",sans-serif;-webkit-text-fill-color:#fff}
.wm-fe:hover{color:#8FA21E}
.wm-byte span{font:500 44px "Inter Tight",sans-serif;letter-spacing:-.06em}.wm-byte small{align-self:flex-start;margin-top:22px;padding:3px 5px;border-radius:4px;background:currentColor;-webkit-text-fill-color:#fff;font-weight:700}
.wm-byte:hover{color:#E4002B}
.wm-sod{flex-direction:column;gap:4px!important}.wm-sod span{font:800 26px "Inter Tight",sans-serif;letter-spacing:.08em}.wm-sod:hover{color:#0B4F8A}
.wm-b2b{flex-direction:column;gap:4px!important}.wm-b2b span{font:500 28px "Inter Tight",sans-serif;letter-spacing:-.03em}.wm-b2b span b{font-weight:800}.wm-b2b:hover{color:#1F6FEB}
.svm-logos--wm a:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(17,17,17,.35)}

/* v13 — ilustraciones más realistas */
.vx-ph{position:relative;background:radial-gradient(ellipse at 50% 90%,rgba(0,0,0,.12),transparent 55%),linear-gradient(160deg,#F3F1EC,#E6E2D9)!important;overflow:hidden}
.vx-ph i{position:absolute;left:50%;bottom:14%;translate:-50% 0}
.vx-ph--bag i{width:42%;height:58%;border-radius:22% 22% 16% 16%;background:linear-gradient(90deg,#2C6E86 0%,#3FA7C1 45%,#2A7C95 100%);box-shadow:inset 0 -6px 0 rgba(0,0,0,.12),0 8px 12px -6px rgba(0,0,0,.35)}
.vx-ph--bag i::before{content:"";position:absolute;left:12%;right:12%;top:22%;height:30%;border-radius:10% 10% 30% 30%;background:linear-gradient(180deg,#35879F,#2B7189);box-shadow:0 2px 0 rgba(0,0,0,.12)}
.vx-ph--bag i::after{content:"";position:absolute;left:28%;right:28%;top:-18%;height:26%;border:3px solid #2A6A80;border-bottom:0;border-radius:50% 50% 0 0}
.vx-ph--bottle i{width:22%;height:70%;border-radius:30% 30% 22% 22%/12% 12% 8% 8%;background:linear-gradient(90deg,#B89200 0%,#F3CF3E 40%,#FFE89A 55%,#C9A200 100%);box-shadow:0 8px 12px -6px rgba(0,0,0,.35)}
.vx-ph--bottle i::before{content:"";position:absolute;left:10%;right:10%;top:-12%;height:14%;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#2A2A2A,#555,#2A2A2A)}
.vx-ph--bottle i::after{content:"";position:absolute;left:0;right:0;top:38%;height:18%;background:rgba(255,255,255,.35)}
.vx-ph--oil i{width:26%;height:66%;border-radius:18% 18% 12% 12%/10% 10% 6% 6%;background:linear-gradient(90deg,#4E6B12 0%,#8BAA3C 40%,#B5CD62 55%,#5A7A16 100%);box-shadow:0 8px 12px -6px rgba(0,0,0,.35)}
.vx-ph--oil i::before{content:"";position:absolute;left:32%;right:32%;top:-22%;height:24%;background:linear-gradient(90deg,#3E5810,#7C9A30,#3E5810);border-radius:3px 3px 0 0}
.vx-ph--oil i::after{content:"OLIVA";position:absolute;left:8%;right:8%;top:40%;padding:10% 0;background:#F6F1E3;color:#3E5810;font:700 clamp(5px,1.8cqw,8px) Poppins,sans-serif;text-align:center;letter-spacing:.1em;border-radius:2px}
.vx-photo{position:relative;background:linear-gradient(180deg,#F9CFA8 0%,#F2A37E 38%,#D9788A 62%,#8E5A9E 100%)!important;overflow:hidden}
.vx-photo__sun{position:absolute;left:58%;top:28%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#FFF4DA,#FFD69A 65%,transparent 70%)}
.vx-photo__hill{position:absolute;left:-10%;right:30%;bottom:-10%;height:45%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#5B3F6E,#3A2748)}
.vx-photo__hill--2{left:30%;right:-20%;height:36%;background:linear-gradient(180deg,#7A4E7E,#4A2F55)}
/* tienda: segunda tarjeta dentro */
.vx-prod{width:36%;top:10%}.vx-prod--2{top:22%;right:6%}
.svm-card2--vis .vx-prod--2{top:18%}

/* v14 — abanico con escenas animadas + sin solapes */
.f2{width:230px;height:300px;margin:-150px 0 0 -115px;--x:calc(var(--d) * 244px * (1 + var(--spread,0) * .06))}
.f2--web{width:320px;height:350px;margin:-175px 0 0 -160px}
.f2--4{--x:0px}.f2--3{--x:-285px}.f2--5{--x:285px}.f2--2{--x:-530px}.f2--6{--x:530px}.f2--1{--x:-775px}.f2--7{--x:775px}
@media (max-width:1560px){.f2--3{--x:-270px}.f2--5{--x:270px}.f2--2{--x:-500px}.f2--6{--x:500px}.f2--1{--x:-730px}.f2--7{--x:730px}}
@media (max-width:1280px){.f2--2{--x:-490px}.f2--6{--x:490px}}
.f2-note{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#15935F;opacity:0;animation:f2-pop 6s var(--svm-ease) infinite 1.8s}
.f2-note i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#E3F6EC;font-size:9px}
@keyframes f2-pop{0%,30%{opacity:0;transform:translateY(8px)}40%,90%{opacity:1;transform:none}100%{opacity:0}}
.f2-inv s{transform-origin:left;animation:f2-write 6s var(--svm-ease) infinite}.f2-inv s:nth-of-type(2){animation-delay:.3s}.f2-inv s:nth-of-type(3){animation-delay:.6s}
@keyframes f2-write{0%{transform:scaleX(0)}20%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
/* redes */
.f2-notif{position:relative;height:28px}
.f2-notif span{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#111;color:#fff;font-size:11px;font-weight:600;opacity:0;animation:f2-notif 6s var(--svm-ease) infinite}
.f2-notif span i{color:#FF5C8A}.f2-notif .n2{animation-delay:2s}.f2-notif .n2 i{color:#7FD7F0}.f2-notif .n3{animation-delay:4s}.f2-notif .n3 i{color:#F8D858}
@keyframes f2-notif{0%{opacity:0;transform:translateY(10px) scale(.8)}8%,28%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-10px)}}
.f2-hearts{position:absolute;right:26px;top:46%}.f2-hearts i{position:absolute;color:#E0245E;font-size:14px;opacity:0;animation:vx-heart 3s ease-out infinite}
.f2-hearts i:nth-child(2){animation-delay:1s;right:14px}.f2-hearts i:nth-child(3){animation-delay:2s;right:-8px;font-size:10px}
.f2-post i{position:relative}.f2-post i::after{content:"";position:absolute;inset:-3px;border-radius:12px;border:2px solid transparent;border-top-color:#B0089E;border-right-color:#F8D858;animation:svm-spin 3s linear infinite}
/* correo */
.f2-inbox{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:rgba(255,255,255,.08);animation:f2-slide 6s var(--svm-ease) infinite}
.f2-inbox>i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#F8D858;color:#111;font-size:13px;animation:f2-ring 6s ease infinite}
.f2-inbox b{display:block;font-size:12px}.f2-inbox small{font-size:10.5px;color:#A8A8A8}
@keyframes f2-slide{0%,8%{opacity:0;transform:translateX(-30px)}18%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes f2-ring{18%,22%,26%{transform:rotate(-14deg)}20%,24%{transform:rotate(14deg)}0%,16%,28%,100%{transform:none}}
/* web */
.f2-bar{position:relative}.f2-load{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:linear-gradient(90deg,#B0089E,#3FA7C1);transform-origin:left;animation:f2-load 7s var(--svm-ease) infinite}
@keyframes f2-load{0%{transform:scaleX(0);opacity:1}18%{transform:scaleX(1);opacity:1}24%,100%{transform:scaleX(1);opacity:0}}
.f2-hero u{position:relative;overflow:hidden}
.f2-ripple{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:rgba(176,8,158,.35);transform:scale(0);animation:f2-rip 7s ease-out infinite}
@keyframes f2-rip{0%,44%{transform:scale(0);opacity:1}56%{transform:scale(14);opacity:0}100%{opacity:0}}
.f2-cursor{position:absolute;width:16px;height:16px;background:#fff;clip-path:polygon(0 0,100% 55%,55% 60%,40% 100%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));animation:f2-cur 7s var(--svm-ease) infinite}
@keyframes f2-cur{0%,20%{left:80%;top:20%}42%{left:22%;top:78%}46%{transform:scale(.8)}50%{transform:scale(1);left:22%;top:78%}80%,100%{left:80%;top:20%}}
.f2-booked{position:absolute;right:14px;top:14px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;color:#15935F;font-size:11px;font-weight:600;opacity:0;animation:f2-book 7s var(--svm-ease) infinite}
.f2-booked i{font-size:10px}
@keyframes f2-book{0%,50%{opacity:0;transform:translateY(-8px) scale(.9)}56%,86%{opacity:1;transform:none}94%,100%{opacity:0}}
/* tienda */
.f2-shopitem{position:relative;display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;background:#F7F6F2}
.f2-thumb{width:52px;height:52px;border-radius:10px;flex:none;container-type:inline-size}
.f2-thumb.vx-ph i{bottom:10%}
.f2-shopitem b{display:block;font-size:12px;color:#111}.f2-shopitem small{font-size:10.5px;color:#8A8A8A}
.f2-plus{position:absolute;right:10px;top:8px;font-size:11px;font-weight:700;color:#fff;background:#B0089E;border-radius:999px;padding:2px 7px;animation:f2-fly 5s var(--svm-ease) infinite}
@keyframes f2-fly{0%,20%{opacity:0;transform:translateY(10px)}30%{opacity:1;transform:none}60%{opacity:1;transform:translate(0,-40px) scale(.7)}70%,100%{opacity:0;transform:translate(0,-60px) scale(.5)}}
.f2-ok svg{width:18px;height:18px;fill:none;stroke:#15935F;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.f2-ok svg circle{stroke-dasharray:64;stroke-dashoffset:64;animation:f2-draw 5s var(--svm-ease) infinite}.f2-ok svg path{stroke-dasharray:18;stroke-dashoffset:18;animation:f2-draw2 5s var(--svm-ease) infinite}
.f2-ok i{display:none}
@keyframes f2-draw{0%,30%{stroke-dashoffset:64}55%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:64}}
@keyframes f2-draw2{0%,50%{stroke-dashoffset:18}65%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:18}}
/* seo */
.f2-pos{position:relative}.f2-rankn{position:relative;overflow:hidden;height:26px}
.f2-rankn s{display:block;height:26px;line-height:26px;text-decoration:none;animation:f2-rank 6s steps(1) infinite}
@keyframes f2-rank{0%,20%{transform:translateY(0)}21%,40%{transform:translateY(-26px)}41%,60%{transform:translateY(-52px)}61%,100%{transform:translateY(-78px)}}
.f2-pos{animation:none}
.f2-up{margin-left:auto;color:#1FB57A;font-size:12px;animation:svm-flo 1.6s ease-in-out infinite}
/* kit */
.f2-ring{position:relative;width:84px;height:84px}
.f2-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.f2-ring circle{fill:none;stroke:rgba(255,255,255,.2);stroke-width:4}
.f2-ring circle.p{stroke:#F8D858;stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:113;animation:f2-fill 6s var(--svm-ease) infinite}
@keyframes f2-fill{0%,10%{stroke-dashoffset:113}55%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:113}}
.f2-pct{position:absolute;inset:0;display:grid;place-items:center;font:600 18px "Inter Tight",sans-serif!important;margin:0!important}
.f2--accent b:not(.f2-pct){margin-top:auto}
@media (prefers-reduced-motion:reduce){.f2 *{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}

/* v15 — formación en portada */
.svm-countdown{display:grid;gap:10px;padding:18px 20px;border-radius:22px;background:#111;color:#fff;max-width:560px;position:relative;overflow:hidden}
.svm-countdown::after{content:"";position:absolute;inset:0;background:radial-gradient(400px 160px at 100% 0%,rgba(176,8,158,.45),transparent 70%);pointer-events:none}
.svm-countdown small{font:500 12px Poppins,sans-serif;color:#BDBAB2;display:flex;align-items:center;gap:8px}
.svm-countdown small::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF4D6D;box-shadow:0 0 0 0 rgba(255,77,109,.6);animation:svm-ping 1.6s infinite}
.svm-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:1}
.svm-cd span{display:grid;justify-items:center;padding:12px 6px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.svm-cd b{font:600 38px/1 "Inter Tight",sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.svm-cd b.tick{animation:cd-tick .4s var(--svm-ease)}
@keyframes cd-tick{from{transform:translateY(-6px);opacity:.3}}
.svm-cd em{font:400 11px Poppins,sans-serif;font-style:normal;color:#9C9A94;margin-top:4px}
.svm-tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.svm-ticket{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#fff;border:1px solid #E9E7E1;text-decoration:none;color:#111;overflow:hidden;
  -webkit-mask:radial-gradient(circle 9px at 76px 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 9px at 76px 100%,#0000 98%,#000) bottom/100% 51% no-repeat;
  transition:transform .45s var(--svm-ease),box-shadow .45s,background .3s}
.svm-ticket:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 24px 40px -26px rgba(17,17,17,.4);background:#111;color:#fff}
.svm-ticket__d{display:grid;justify-items:center;width:52px;flex:none;padding-right:12px;border-right:2px dashed #E1DED7}
.svm-ticket__d b{font:600 28px/1 "Inter Tight",sans-serif;letter-spacing:-.04em}.svm-ticket__d span{font:600 10px Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--svm-magenta)}
.svm-ticket__t{display:grid;gap:1px;font-family:Poppins,sans-serif}.svm-ticket__t small{font-size:11px;color:#8A8A8A}.svm-ticket__t b{font-size:13px;font-weight:600}.svm-ticket__t em{font-size:10.5px;font-style:normal;color:#8A8A8A}
.svm-ticket:hover .svm-ticket__t small,.svm-ticket:hover .svm-ticket__t em{color:#BDBAB2}
.svm-ticket__go{margin-left:auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:12px;transition:transform .4s var(--svm-ease),background .3s}
.svm-ticket:hover .svm-ticket__go{background:var(--svm-magenta);transform:rotate(45deg)}
@media (max-width:1280px){.svm-tickets{grid-template-columns:1fr}}
@media (max-width:767px){.svm-cd b{font-size:28px}}

/* vídeo tutorial */
.svm-video{position:relative;border-radius:28px;overflow:hidden;background:#111;box-shadow:0 50px 100px -50px rgba(17,17,17,.55);border:1px solid #E9E7E1}
.svm-video video{display:block;width:100%;aspect-ratio:16/9;background:#111}
.svm-video__meta{display:flex;gap:10px;flex-wrap:wrap;padding:14px 18px;background:#fff}
.svm-video__meta span{padding:6px 12px;border-radius:999px;background:#F4F3EF;font:500 13px Poppins,sans-serif;color:#3C3C3C}
.svm-video__meta span:first-child{background:#111;color:#fff}
.svm-js .svm-video.svm-rv{opacity:1!important;transform:none!important;filter:none!important}
html,body{overflow-x:clip}.svm-devices,.svm-sec{overflow-x:clip}
/* legales: tablas */
.svm-legal table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:14px;display:block;overflow-x:auto}
.svm-legal th,.svm-legal td{border:1px solid #E2E0DA;padding:10px 12px;text-align:left;vertical-align:top}
.svm-legal th{background:#F4F3EF;font-weight:600;color:#111}
.svm-legal code{font-size:13px;background:#F4F3EF;padding:2px 6px;border-radius:6px}
.svm-legal a{color:#B0089E}
/* ===== Cheque Moderniza (mz-*) ===== */
.mz{position:relative;font-family:Poppins,sans-serif;color:#111}
.mz-hero{padding:24px 34px 44px 0}
.mz-win{background:#fff;border-radius:22px;box-shadow:0 40px 90px -30px rgba(11,31,58,.35),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;transform:perspective(1600px) rotateY(-8deg) rotateX(4deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.mz-hero:hover .mz-win{transform:none}
.mz-top{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #EEECE7;background:#FAFAF8}
.mz-top>i{width:10px;height:10px;border-radius:50%;background:#E5E3DD}.mz-top>i:first-child{background:#FF6159}.mz-top>i:nth-child(2){background:#FFBD2E}.mz-top>i:nth-child(3){background:#28C941}
.mz-top em{font-style:normal;font-size:12px;color:#77756F;margin-left:10px}
.mz-live{margin-left:auto;font-size:11px;color:#1FB57A;display:flex;align-items:center;gap:6px}.mz-live b{width:7px;height:7px;border-radius:50%;background:#1FB57A;animation:mzBlink 1.4s infinite}
.mz-body{display:flex}
.mz-side{display:flex;flex-direction:column;gap:6px;padding:14px 10px;background:#0B1F3A}
.mz-side span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#7F8DA3;font-size:14px}.mz-side span.on{background:#B0089E;color:#fff}
.mz-main{flex:1;padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}
.mz-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mz-kpis div{background:#F6F5F1;border-radius:14px;padding:12px 14px}.mz-kpis small{display:block;font-size:11px;color:#77756F}.mz-kpis b{font:600 24px/1.2 "Inter Tight",sans-serif;letter-spacing:-.03em}.mz-kpis em{font-style:normal;font-size:14px;color:#A3A19B}
.mz-map{position:relative;border-radius:16px;overflow:hidden;background:#FBFAF7;aspect-ratio:540/300;border:1px solid #EEECE7}
.mz-map svg{width:100%;height:100%;display:block}
.mz-route-bg{fill:none;stroke:#E4DCE8;stroke-width:6;stroke-linecap:round}
.mz-route{fill:none;stroke:#B0089E;stroke-width:4;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700;animation:mzDraw 3s 0.4s cubic-bezier(.6,0,.2,1) forwards}
.mz-pulse{fill:none;stroke:#B0089E;stroke-width:2;transform-origin:500px 70px;animation:mzPulse 2s infinite}
.mz-lbl{font:500 12px Poppins,sans-serif;fill:#55534D}
.mz-truck{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:13px;box-shadow:0 8px 20px rgba(0,0,0,.3);offset-path:path("M40 250 C110 240 120 170 190 160 S300 190 340 120 S430 60 500 70");offset-rotate:0deg;animation:mzMove 7s 0.4s ease-in-out infinite;transform:scale(calc(100cqw / 540))}
.mz-map{container-type:inline-size}
.mz-map .mz-truck{offset-path:none;left:calc(var(--x,40)/540*100%);top:calc(var(--y,250)/300*100%);transform:none}
.mz-float{position:absolute;background:#fff;border-radius:18px;box-shadow:0 24px 50px -18px rgba(11,31,58,.35),0 0 0 1px rgba(0,0,0,.04);padding:14px 16px;animation:mzFloat 6s ease-in-out infinite}
.mz-float--doc{right:0;bottom:0;width:250px}
.mz-float--tac{left:-18px;top:44%;display:flex;gap:12px;align-items:center;animation-delay:-3s}
.mz-float--tac>i{width:38px;height:38px;border-radius:12px;background:#F8D858;display:grid;place-items:center}
.mz-float small{display:block;font-size:11px;color:#77756F}.mz-float b{font-size:14px;font-weight:600}
.mz-doc-h{display:flex;gap:10px;align-items:center}.mz-doc-h>i{width:36px;height:36px;border-radius:10px;background:#F3E6F1;color:#B0089E;display:grid;place-items:center}
.mz-sign{width:100%;height:40px;margin:6px 0}.mz-sign path{fill:none;stroke:#0B1F3A;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;animation:mzSign 4s 1s ease-in-out infinite}
.mz-ok{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:600;color:#1FB57A;background:#E6F7EF;padding:4px 10px;border-radius:99px}
@keyframes mzDraw{to{stroke-dashoffset:0}}
@keyframes mzPulse{0%{transform:scale(1);opacity:1}100%{transform:scale(3);opacity:0}}
@keyframes mzBlink{50%{opacity:.25}}
@keyframes mzFloat{50%{transform:translateY(-10px)}}
@keyframes mzSign{0%{stroke-dashoffset:260}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
/* tarjetas de solución */
.svm-mzsol{overflow:hidden}
.mz-card{min-height:340px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(160deg,#F6F5F1,#EFEDE7);padding:30px;height:100%}
.svm-card2--tint .mz-card,.svm-mzsol--dark .mz-card{background:linear-gradient(160deg,#fff,#F6F5F1)}
.mz-phone{width:210px;background:#111;border-radius:34px;padding:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);transform:rotate(-4deg)}
.mz-phone>*:not(.mz-notch){background:#fff}
.mz-notch{width:70px;height:18px;background:#111;border-radius:0 0 12px 12px;margin:0 auto -18px;position:relative;z-index:2}
.mz-ph-h{border-radius:26px 26px 0 0;padding:26px 16px 10px}.mz-ph-h small{display:block;font-size:9px;color:#77756F}.mz-ph-h b{font-size:14px}
.mz-qr{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:8px 40px}.mz-qr i{aspect-ratio:1;border-radius:2px;background:#EEE}.mz-qr i.on{background:#111}
.mz-ph-rows{padding:6px 16px;display:flex;flex-direction:column;gap:6px}.mz-ph-rows span{font-size:12px;font-weight:500;border-bottom:1px solid #F0EEE9;padding-bottom:5px}.mz-ph-rows small{display:block;font-size:9px;color:#99978F;font-weight:400}
.mz-ph-ok{border-radius:0 0 26px 26px;padding:12px 16px 18px;font-size:12px;font-weight:600;color:#1FB57A;display:flex;gap:6px;align-items:center}
.mz-phone-wrap .mz-badge{position:absolute;background:#fff;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:500;box-shadow:0 14px 30px -12px rgba(0,0,0,.25);display:flex;gap:8px;align-items:center;animation:mzFloat 5s ease-in-out infinite}
.mz-badge i{color:#B0089E}.mz-badge--a{top:14%;left:8%}.mz-badge--b{bottom:14%;right:6%;animation-delay:-2.5s}
.mz-flow{flex-wrap:wrap;gap:0;align-content:center}
.mz-node{background:#fff;border-radius:18px;padding:16px;width:120px;text-align:center;box-shadow:0 14px 30px -14px rgba(11,31,58,.3)}
.mz-node i{width:40px;height:40px;border-radius:12px;background:#F6F5F1;display:grid;place-items:center;margin:0 auto 8px;font-size:16px}
.mz-node b{display:block;font-size:14px}.mz-node small{font-size:11px;color:#77756F}
.mz-node--hub i{background:#B0089E;color:#fff}.mz-node--end i{background:#0B1F3A;color:#fff}
.mz-pipe{position:relative;width:44px;height:3px;background:#E0DDD5;overflow:hidden;border-radius:3px}
.mz-pipe span{position:absolute;top:0;width:10px;height:3px;background:#B0089E;border-radius:3px;animation:mzPipe 1.6s linear infinite}.mz-pipe span:nth-child(2){animation-delay:.53s}.mz-pipe span:nth-child(3){animation-delay:1.06s}
@keyframes mzPipe{from{left:-10px}to{left:44px}}
.mz-log{flex-basis:100%;margin-top:22px;background:#0B1F3A;color:#C9D3E0;border-radius:14px;padding:12px 16px;font:12px/1.8 ui-monospace,Menlo,monospace}
.mz-log p{margin:0;opacity:0;animation:mzLog 6s infinite}.mz-log p:nth-child(2){animation-delay:.8s}.mz-log p:nth-child(3){animation-delay:1.6s}.mz-log em{font-style:normal;color:#6F819B;margin-right:8px}.mz-log b{color:#5BE0A5}
@keyframes mzLog{0%{opacity:0;transform:translateY(4px)}8%,85%{opacity:1;transform:none}100%{opacity:0}}
.mz-fleet{flex-direction:column;align-items:stretch;gap:10px;justify-content:center}
.mz-fleet-h{display:flex;justify-content:space-between;align-items:baseline}.mz-fleet-h small{color:#77756F;font-size:12px}
.mz-veh{display:grid;grid-template-columns:36px 1fr auto;gap:4px 12px;align-items:center;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 8px 20px -14px rgba(0,0,0,.3)}
.mz-veh>i{width:36px;height:36px;border-radius:10px;background:#F6F5F1;display:grid;place-items:center;grid-row:span 2}
.mz-veh b{font-size:13px}.mz-veh small{display:block;font-size:11px;color:#77756F}
.mz-st{font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px}.mz-st--0{background:#E6F7EF;color:#12935F}.mz-st--1{background:#FFF4CC;color:#8A6D00}.mz-st--2{background:#F3E6F1;color:#B0089E}
.mz-bar{grid-column:2/4;height:4px;background:#F0EEE9;border-radius:4px;overflow:hidden}.mz-bar s{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,#3FA7C1,#B0089E);border-radius:4px;animation:mzBar 2.5s ease-out both}
@keyframes mzBar{from{width:0}}
.mz-mods{display:flex;gap:6px;flex-wrap:wrap}.mz-mods span{font-size:12px;font-weight:600;padding:6px 12px;border-radius:99px;background:#111;color:#fff}
/* pasos */
.mz-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.mz-step{background:#fff;border-radius:22px;padding:28px;position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.mz-step:before{counter-increment:s;content:"0" counter(s);font:500 44px/1 "Instrument Serif",serif;font-style:italic;color:#B0089E;display:block;margin-bottom:26px}
.mz-step b{font:600 20px/1.2 "Inter Tight",sans-serif;letter-spacing:-.02em;display:block;margin-bottom:8px}.mz-step p{font:15px/1.6 Poppins,sans-serif;color:#55534D;margin:0}
.mz-step:not(:last-child):after{content:"";position:absolute;top:50px;right:-16px;width:16px;height:2px;background:#E0DDD5}
@media(max-width:1024px){.mz-steps{grid-template-columns:1fr 1fr}.mz-step:after{display:none}}
@media(max-width:767px){.mz-steps{grid-template-columns:1fr}.mz-hero{padding:10px 0 60px}.mz-win{transform:none}.mz-float--tac{left:0;top:auto;bottom:0}.mz-float--doc{width:210px;bottom:-10px}.mz-kpis b{font-size:18px}.mz-flow{flex-direction:column}.mz-pipe{width:3px;height:30px}.mz-pipe span{width:3px;height:10px;animation-name:mzPipeV}.mz-card{min-height:280px;padding:20px}}
@keyframes mzPipeV{from{top:-10px}to{top:30px}}
@media(prefers-reduced-motion:reduce){.mz *{animation:none!important}.mz-route{stroke-dashoffset:0}}
/* ===== Menú móvil v2 ===== */
.svm-nav nav.elementor-nav-menu--dropdown{margin-top:10px!important;left:0!important;right:0!important;width:auto!important;background:#fff!important;border-radius:26px!important;padding:10px!important;border:1px solid #E9E7E1;box-shadow:0 30px 60px -24px rgba(11,31,58,.35)!important;max-height:calc(100vh - 130px);overflow-y:auto!important;animation:svmMenuIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes svmMenuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}}
.svm-nav nav.elementor-nav-menu--dropdown>ul>li{border-bottom:1px solid #F0EEE9}
.svm-nav nav.elementor-nav-menu--dropdown>ul>li:last-child{border-bottom:0}
.svm-nav nav.elementor-nav-menu--dropdown a{font:500 17px/1.2 "Inter Tight",sans-serif!important;letter-spacing:-.01em;color:#111!important;background:none!important;padding:16px 14px!important;border-radius:14px;display:flex!important;justify-content:space-between;align-items:center}
.svm-nav nav.elementor-nav-menu--dropdown a:hover,.svm-nav nav.elementor-nav-menu--dropdown a:focus{background:#F6F5F1!important}
.svm-nav nav.elementor-nav-menu--dropdown>ul>li>a.elementor-item-active{color:#B0089E!important}
.svm-nav nav.elementor-nav-menu--dropdown>ul>li>a.elementor-item-active:before{content:"";width:6px;height:6px;border-radius:50%;background:#B0089E;order:2}
.svm-nav nav.elementor-nav-menu--dropdown .sub-arrow{width:30px;height:30px;border-radius:50%;background:#F4F3EF;display:grid!important;place-items:center;padding:0!important;font-size:12px!important;transition:transform .3s}
.svm-nav nav.elementor-nav-menu--dropdown a.highlighted .sub-arrow{transform:rotate(180deg);background:#111;color:#fff}
.svm-nav nav.elementor-nav-menu--dropdown .sub-menu{position:static!important;box-shadow:none!important;border:0!important;background:#F6F5F1!important;border-radius:18px!important;margin:0 4px 10px!important;padding:6px!important;width:auto!important;display:none;grid-template-columns:1fr 1fr;gap:4px}
.svm-nav nav.elementor-nav-menu--dropdown .sub-menu[aria-hidden=false],.svm-nav nav.elementor-nav-menu--dropdown a.highlighted+.sub-menu{display:grid!important}
.svm-nav nav.elementor-nav-menu--dropdown .sub-menu li{border:0}
.svm-nav nav.elementor-nav-menu--dropdown .sub-menu a{font:500 14px/1.25 Poppins,sans-serif!important;padding:12px!important;background:#fff!important;border-radius:12px;min-height:48px;border-left:0!important}
.svm-nav nav.elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item-active{color:#B0089E!important}
@media(max-width:1024px){.svm-nav.elementor-widget-nav-menu,.svm-nav .elementor-widget-container{position:static!important}
.svm-nav nav.elementor-nav-menu--dropdown{top:100%!important;left:0!important;right:0!important;width:auto!important}}
.svm-nav nav.elementor-nav-menu--dropdown a.highlighted .sub-arrow svg,.svm-nav nav.elementor-nav-menu--dropdown a.highlighted .sub-arrow i{fill:#fff!important;color:#fff!important}
.svm-nav nav.elementor-nav-menu--dropdown .sub-menu a[aria-current=page]{color:#B0089E!important;box-shadow:inset 0 0 0 1.5px #B0089E}
/* ===== Menú móvil v3: pantalla completa ===== */
.svm-nav nav.elementor-nav-menu--dropdown{display:none!important}
/* Menú móvil v4: sobrio, editorial (sin degradados ni cristal) */
/* Menú móvil v5: negro sólido + motion de revelado por máscara */
/* ===== Ajuste global de espaciados en móvil ===== */
@media(max-width:767px){
 .elementor-widget-text-editor,.elementor-widget-text-editor p{font-size:16px!important;line-height:1.6!important}
 .elementor-icon-list-text{font-size:15px!important;line-height:1.45!important}
 .elementor-icon-list-items .elementor-icon-list-item{padding-bottom:6px!important;margin-bottom:0!important}
 .svm-pagehero{padding-top:104px!important;padding-bottom:40px!important}
 .svm-pagehero .e-con{gap:14px!important}
 .svm-pagehero h1,.svm-pagehero .svm-accent2 .elementor-heading-title{font-size:40px!important;line-height:1.02!important}
 .svm-accent2{margin-top:-8px!important}
 .elementor-button{padding:10px 10px 10px 20px!important;font-size:15px!important;min-height:0!important}
 .elementor-button .elementor-button-icon{width:32px!important;height:32px!important}
 .svm-rv:has(>.e-con-inner>.elementor-widget-button),.e-con:has(>.elementor-widget-button+.elementor-widget-button){flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important}
 .e-con:has(>.elementor-widget-button+.elementor-widget-button)>.elementor-widget-button{width:auto!important}
 .elementor-widget-heading h2.elementor-heading-title{font-size:30px!important;line-height:1.08!important}
 .svm-card2{--padding-top:22px;--padding-bottom:22px;--padding-left:20px;--padding-right:20px}
}
@media(max-width:767px){
 [data-elementor-type=wp-page]>.e-con:not(.svm-pagehero){padding-top:44px!important;padding-bottom:36px!important;min-height:0!important}
 [data-elementor-type=wp-page]>.e-con.svm-pagehero{padding-top:100px!important;min-height:0!important}
 .e-con:has(>.elementor-widget-button){flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important}
 .e-con:has(>.elementor-widget-button)>.elementor-widget-button{width:auto!important;flex:0 0 auto}
}
@media(max-width:767px){[data-elementor-type=wp-page]>.e-con:first-child{padding-top:110px!important}
 .svm-statement,.svm-statement .e-con{padding-top:0!important;padding-bottom:0!important;min-height:0!important}}
@media(max-width:767px){
 [data-elementor-type=wp-page]>.e-con>.e-con-inner{padding-top:0!important;padding-bottom:0!important}
 [data-elementor-type=wp-page]>.e-con:first-child{padding-top:112px!important}
 [data-elementor-type=wp-page]>.e-con>.e-con-inner{row-gap:28px!important}
}
/* marquesinas fluidas en iOS: capa GPU propia, sin máscara en móvil */
@keyframes svm-marquee3d{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.svm-marquee__track,.svm-marquee2__t{animation-name:svm-marquee3d!important;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate3d(0,0,0)}
@media(max-width:767px){.svm-marquee,.svm-marquee2{mask-image:none!important;-webkit-mask-image:none!important}
 .svm-marquee2__t span{box-shadow:none!important}.svm-marquee2__t{animation-duration:30s!important}.svm-marquee2--rev .svm-marquee2__t{animation-duration:36s!important}}
/* ===== Revisión móvil ===== */
.f2-pct{display:flex!important;align-items:center;justify-content:center;gap:1px;line-height:1!important;font-size:18px!important}
@media(max-width:767px){
 /* tarjetas con ilustración: la imagen arriba, sin hueco abajo */
 .svm-card2--vis{padding-bottom:22px!important;padding-top:210px!important;min-height:0!important}
 .svm-card2,.svm-card2--vtop{min-height:0!important}
 /* animaciones ligeras para iPhone: sin desenfoque */
 .svm-js .svm-rv{filter:none!important;transform:translate3d(0,16px,0)}
 .svm-js .svm-rv.is-in{transform:none}
 .svm-blur,.svm-in{filter:none!important}
 [data-elementor-type=wp-page]>.e-con>.e-con-inner>.e-con{row-gap:14px}
}
/* menú móvil: apertura ligera (opacidad + desplazamiento, sin clip-path) */
@media (max-width:767px){
 .svm-fan2 .f2{--x:calc(var(--d) * 150px * (.25 + .75 * var(--fanp,1)));--r:calc(var(--d) * 9deg * var(--fanp,1));transition:transform .15s linear}
 .svm-fan2 .f2c{animation:none!important}
 .svm-fan2__stage{transform:scale(calc(.52 + .08 * var(--fanp,1)))!important}
}
@media(max-width:767px){
 .svm-devices{min-height:0!important;padding:10px 0 30px!important}
 .svm-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
 .svm-logos a{min-width:0;overflow:hidden;height:84px!important;padding:12px!important}
 .svm-logos--wm a>*{transform:scale(.78);transform-origin:center}
}
@media(max-width:767px){
 .e-con:has(>.svm-card2>.svm-stat){display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
 .e-con:has(>.svm-card2>.svm-stat)>.svm-card2{width:auto!important;min-height:0!important;padding:18px 16px!important;gap:8px!important}
 .svm-card2>.svm-stat .elementor-heading-title{font-size:38px!important}
 .e-con:has(>.svm-card2>.svm-stat) .elementor-widget-text-editor,.e-con:has(>.svm-card2>.svm-stat) .elementor-widget-text-editor p{font-size:13px!important;line-height:1.45!important}
 .e-con:has(>.svm-card2>.svm-stat) svg{height:22px}
}
/* logos oficiales Kit Digital */
.svm-funding--img{padding:26px 32px;gap:18px}
.svm-funding--img img{width:100%;max-width:1100px;height:auto;display:block}
.svm-funding--foot{background:#fff;border:0;border-radius:20px}
.svm-funding--foot span{font-size:12px}
@media(max-width:767px){.svm-funding--img{padding:18px 14px}.svm-funding--img img{max-width:none}}
/* enlaces a trámites Kit Digital */
.svm-tramites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.svm-tramites a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.14);color:#fff!important;font:400 15px/1.4 Poppins,sans-serif;text-decoration:none;transition:background .3s,border-color .3s}
.svm-tramites a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
.svm-tramites i{font-size:12px;opacity:.6}
@media(max-width:767px){.svm-tramites{grid-template-columns:1fr}}
/* ===== Rendimiento ===== */
/* lo que no está en pantalla no se anima */
.svm-off,.svm-off *,.svm-off *::before,.svm-off *::after{animation-play-state:paused!important}
/* con el menú móvil abierto la página de fondo se congela */
@media(max-width:1024px){
 /* desenfoques: fijos y sin animar (en móvil recalcularlos en cada fotograma es lo que más cuesta) */
 .svm-aurora i,.svm-orbs span,.svm-fan2__halo,.svm-orbit__glow,.svm-stage__glow{animation:none!important}
 .svm-aurora{filter:blur(40px)}.svm-orbs{filter:blur(40px)!important;transform:none!important}
 .svm-scrolled .svm-pillnav,.svm-scrolled .svm-header,.svm-fl{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .svm-scrolled .svm-pillnav{background-color:#fff!important}
 .svm-fl{background:#fff}
 .svm-spot{display:none}
 .f2-shine{display:none}
}

/* ===== Menú móvil (versión ligera): la clase va en el propio panel, no en , para no recalcular toda la página ===== */
.svm-mnav{position:fixed;inset:0;z-index:9990;font-family:Poppins,sans-serif;background:#111;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-12px,0);transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s .3s;contain:strict;-webkit-overflow-scrolling:touch}
.svm-mnav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.svm-mnav__bg{display:none}
.svm-mnav__in{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:124px 24px 30px;display:flex;flex-direction:column;gap:26px}
.svm-mnav__list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12)}
.svm-mnav__it{border-bottom:1px solid rgba(255,255,255,.12)}
.svm-mnav__row{display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.svm-mnav__row>a{display:flex;align-items:center;flex:1;padding:17px 0;color:#fff!important;text-decoration:none;transform:translate3d(0,105%,0);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.svm-mnav.is-open .svm-mnav__row>a{transform:none;transition-delay:calc(.05s + var(--i)*.035s)}
.svm-mnav__row em{display:none}
.svm-mnav__row span{font:500 30px/1.1 "Inter Tight",sans-serif;letter-spacing:-.035em;color:#fff}
.svm-mnav__row>a:after{content:"\f061";font:900 16px/1 "Font Awesome 5 Free";rotate:-45deg;color:rgba(255,255,255,.35);margin-left:auto}
.svm-mnav__it--sub .svm-mnav__row>a:after{display:none}
.svm-mnav__it.is-on .svm-mnav__row span:before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 6px 0;border-radius:50%;background:#B0089E;vertical-align:middle}
.svm-mnav__exp{position:relative;flex:none;width:38px;height:38px;min-height:0!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.25)!important;background:transparent!important}
.svm-mnav__exp i:before,.svm-mnav__exp i:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:#fff;transform:translate(-50%,-50%);transition:transform .25s}
.svm-mnav__exp i:after{transform:translate(-50%,-50%) rotate(90deg)}
.svm-mnav__it.is-open .svm-mnav__exp{background:#fff!important;border-color:#fff!important}
.svm-mnav__it.is-open .svm-mnav__exp i:before,.svm-mnav__it.is-open .svm-mnav__exp i:after{background:#111}
.svm-mnav__it.is-open .svm-mnav__exp i:after{transform:translate(-50%,-50%)}
.svm-mnav__sub{display:none}
.svm-mnav__it.is-open .svm-mnav__sub{display:block}
.svm-mnav__sub>div{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;padding:0 0 14px}
.svm-mnav__sub a{display:block;padding:9px 0;color:rgba(255,255,255,.62)!important;font-size:16px;line-height:1.25;text-decoration:none}
.svm-mnav__sub a b{display:none}
.svm-mnav__sub a.is-on{color:#fff!important}
.svm-mnav__foot{margin-top:auto;display:flex;flex-direction:column;gap:18px}
.svm-mnav__cta{display:flex;justify-content:space-between;align-items:center;background:#fff;color:#111!important;border-radius:99px;padding:6px 6px 6px 22px;font-weight:500;font-size:16px;text-decoration:none}
.svm-mnav__cta b{width:40px;height:40px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:400}
.svm-mnav__ct{display:flex;flex-wrap:wrap;gap:8px 18px}.svm-mnav__ct a{color:rgba(255,255,255,.55)!important;font-size:14px;text-decoration:none}
.elementor-location-header.svm-menu-on{z-index:9995!important}
.svm-menu-on .svm-pillnav{background:#fff!important;box-shadow:none!important}
@media(min-width:1025px){.svm-mnav{display:none}}
@media(prefers-reduced-motion:reduce){.svm-mnav,.svm-mnav *{transition:none!important}}
.svm-menu-on .svm-header-float,.svm-header-float.svm-menu-on{z-index:9995!important}

.svm-ne{rotate:-45deg;font-size:.8em}
.svm-dot{font-size:.45em;vertical-align:middle;margin-right:.5em}
.vx-stars i,.cr-rate span i{font-size:.8em;margin-right:1px}
/* ===== Reproductor de vídeo propio ===== */
.svm-video{border:0;border-radius:28px;background:#111;box-shadow:0 50px 100px -50px rgba(17,17,17,.6)}
.svm-video__stage{position:relative;background:#000;overflow:hidden;border-radius:28px 28px 0 0}
.svm-video__stage video{cursor:pointer}
.svm-video__stage:fullscreen{border-radius:0;display:flex;align-items:center}.svm-video__stage:fullscreen video{height:100%;aspect-ratio:auto;object-fit:contain}
.svm-vp-big{position:absolute;inset:0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0!important;border-radius:0!important;padding:0!important;cursor:pointer;color:#fff!important;background:linear-gradient(0deg,rgba(11,31,58,.55),rgba(11,31,58,.05) 60%)!important;transition:opacity .35s}
.svm-vp-big span{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#fff;color:#111;font-size:26px;padding-left:5px;box-shadow:0 20px 50px -10px rgba(0,0,0,.5);transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative}
.svm-vp-big span:before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(255,255,255,.55);animation:svmVpPulse 2.2s ease-out infinite}
@keyframes svmVpPulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
.svm-vp-big:hover span{transform:scale(1.08)}
.svm-vp-big em{font:500 14px Poppins,sans-serif;font-style:normal;background:rgba(0,0,0,.45);padding:5px 12px;border-radius:99px}
.svm-video.is-started .svm-vp-big{opacity:0;pointer-events:none}
.svm-video.is-started:not(.is-playing) .svm-vp-big{opacity:1;pointer-events:auto;background:rgba(0,0,0,.3)!important}
.svm-video.is-started:not(.is-playing) .svm-vp-big em{display:none}
.svm-vp-bar{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:18px;background:rgba(17,17,17,.78);color:#fff;font:500 13px Poppins,sans-serif;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none}
.svm-video.is-started .svm-vp-bar{opacity:1;transform:none;pointer-events:auto}
.svm-video.is-idle .svm-vp-bar{opacity:0;transform:translateY(10px);pointer-events:none}
.svm-video.is-idle .svm-video__stage{cursor:none}
.svm-vp-bar button{flex:none;width:36px;height:36px;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#fff!important;font-size:14px;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.svm-vp-bar button:hover{background:rgba(255,255,255,.14)!important}
.svm-vp-bar .svm-vp-play{background:#fff!important;color:#111!important}
.svm-vp-bar .svm-vp-speed{width:auto;padding:0 10px!important;border-radius:99px!important;font:600 12px Poppins,sans-serif}
.svm-vp-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.7)}.svm-vp-time b{color:#fff;font-weight:500}
.svm-vp-track{position:relative;flex:1;height:22px;cursor:pointer;touch-action:none}
.svm-vp-track:before,.svm-vp-buf,.svm-vp-fill{content:"";position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:4px}
.svm-vp-track:before{right:0;background:rgba(255,255,255,.2)}
.svm-vp-buf{background:rgba(255,255,255,.3);width:0}
.svm-vp-fill{background:linear-gradient(90deg,#B0089E,#E24BCF);width:0}
.svm-vp-knob{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4);transform:scale(0);transition:transform .2s}
.svm-vp-track:hover .svm-vp-knob,.svm-vp-track:focus .svm-vp-knob{transform:scale(1)}
.svm-video.is-loading .svm-vp-play i{animation:svmSpin 1s linear infinite}@keyframes svmSpin{to{transform:rotate(360deg)}}
.svm-video__meta{background:#111;padding:16px 20px}
.svm-video__meta span,.svm-video__meta span:first-child{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);color:#E8E6E0}
.svm-video__meta i{color:#E24BCF;font-size:12px}
@media(max-width:767px){.svm-vp-big span{width:68px;height:68px;font-size:20px}.svm-vp-bar{left:8px;right:8px;bottom:8px;gap:6px;padding:6px 8px}.svm-vp-bar button{width:32px;height:32px}.svm-vp-time span,.svm-vp-mute{display:none!important}.svm-vp-knob{transform:scale(1)}.svm-video,.svm-video__stage{border-radius:20px}.svm-video__stage{border-radius:20px 20px 0 0}}
/* la barra va debajo del vídeo (no tapa los subtítulos) y siempre visible */
.svm-video__stage{border-radius:28px 28px 0 0;display:flex;flex-direction:column;background:#111}
.svm-video__stage video{order:0}
.svm-vp-big{bottom:60px;inset:0 0 60px 0}
.svm-vp-bar,.svm-video.is-idle .svm-vp-bar{position:relative;order:2;left:auto;right:auto;bottom:auto;margin:0;padding:10px 16px;border-radius:0;background:#111;opacity:1;transform:none;pointer-events:auto;border-bottom:1px solid rgba(255,255,255,.08);min-height:60px}
.svm-video__stage:fullscreen{flex-direction:column;align-items:stretch}.svm-video__stage:fullscreen video{flex:1;min-height:0;height:auto}
.svm-video.is-idle .svm-video__stage{cursor:auto}
@media(max-width:767px){.svm-vp-bar,.svm-video.is-idle .svm-vp-bar{padding:8px 10px;gap:8px;min-height:52px}.svm-vp-big{inset:0 0 52px 0}.svm-vp-time{font-size:12px}.svm-vp-time span{display:none!important}}