/* =========================================================
   Servimedios — Hoja de estilos global (plantilla maestra)
   Edita aquí los colores/tipografías y cambia en todo el sitio.
   ========================================================= */
:root{
  /* Marca (del logo) */
  --sm-teal:#1B4F5C;
  --sm-teal-deep:#0C262C;
  --sm-teal-700:#17454F;
  --sm-orange:#E8810E;
  --sm-orange-600:#C96D0A;
  /* Neutros */
  --sm-ink:#12232A;
  --sm-body:#3B4A4F;
  --sm-paper:#FFFFFF;
  --sm-mist:#F4F7F7;
  --sm-line:#E4ECEC;
  /* Sistema */
  --sm-radius:14px;
  --sm-max:1140px;
  --sm-font-display:"Oswald","Arial Narrow",sans-serif;
  --sm-font-body:"Figtree",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
}
*,*::before,*::after{box-sizing:inherit;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--sm-paper);color:var(--sm-ink);
  font-family:var(--sm-font-body);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--sm-font-display);font-weight:600;line-height:1.12;letter-spacing:0;margin:0 0 .6em;color:var(--sm-ink);}
p{margin:0 0 1em;color:var(--sm-body);}
a{color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:var(--sm-max);margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem);}
.section{padding:clamp(3.5rem,7vw,6rem) 0;}
.eyebrow{font-size:.9rem;font-weight:600;color:var(--sm-orange);margin-bottom:.9rem;}

/* Botones */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--sm-font-body);
  font-weight:600;font-size:1rem;padding:.9rem 1.5rem;border-radius:999px;border:0;
  text-decoration:none;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s;}
.btn--primary{background:var(--sm-orange);color:#241402;}
.btn--primary:hover{background:var(--sm-orange-600);transform:translateY(-1px);}
.btn--ghost{background:transparent;color:var(--sm-ink);border:1px solid var(--sm-line);}
.btn--ghost:hover{border-color:var(--sm-teal);color:var(--sm-teal);}
.btn--light{background:var(--sm-paper);color:var(--sm-teal);}
.btn--light:hover{transform:translateY(-1px);}
.btn:focus-visible{outline:3px solid #F6C98A;outline-offset:3px;}

/* ===== Header / nav ===== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);
  backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--sm-line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--sm-ink);}
.brand svg{width:30px;height:38px;flex:0 0 auto;}
.brand__logo{width:34px;height:34px;flex:0 0 auto;object-fit:contain;display:block;}
.site-footer .brand__logo{background:#fff;border-radius:8px;padding:5px;box-sizing:border-box;}
.brand span{font-family:"Quicksand",var(--sm-font-body);font-weight:600;font-size:1.3rem;letter-spacing:0;}
.nav__links{display:flex;align-items:center;gap:1.6rem;list-style:none;margin:0;padding:0;}
.nav__links a{text-decoration:none;color:var(--sm-body);font-weight:500;font-size:.98rem;transition:color .15s;}
.nav__links a:hover{color:var(--sm-teal);}
.nav__right{display:flex;align-items:center;gap:1rem;}
.nav__toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;}
.nav__toggle span{display:block;width:22px;height:2px;background:var(--sm-ink);margin:4px 0;transition:.2s;}

@media(max-width:900px){
  .nav__toggle{display:block;}
  .nav__links{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;
    gap:0;background:var(--sm-paper);border-bottom:1px solid var(--sm-line);padding:.5rem 0;
    max-height:0;overflow:hidden;transition:max-height .25s ease;}
  .nav__links.open{max-height:360px;}
  .nav__links a{padding:.85rem clamp(1.25rem,5vw,3rem);width:100%;}
  .nav__right .btn{display:none;}
}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,var(--sm-mist) 100%);
  padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(3.5rem,7vw,6rem);}
.hero__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(38% 48% at 96% 4%,rgba(232,129,14,.08),transparent 70%);}
.hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,3.5rem);align-items:center;}
.hero__text .eyebrow{display:inline-flex;align-items:center;gap:.55rem;}
.eyebrow__dot{width:8px;height:8px;border-radius:50%;background:var(--sm-orange);}
.hero h1{font-size:clamp(2.4rem,4.7vw,3.7rem);max-width:15ch;}
.hero h1 .w{display:inline-block;}
.hero .mark{background:linear-gradient(var(--sm-orange),var(--sm-orange)) no-repeat;background-position:0 92%;background-size:100% .14em;padding:0 .04em;}
.hero__lead{font-size:clamp(1.05rem,1.5vw,1.22rem);max-width:48ch;margin-bottom:1.9rem;}
.hero__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.8rem;}
.hero__services{font-size:.9rem;font-weight:500;color:var(--sm-body);}
.dot-check{width:22px;height:22px;flex:0 0 auto;border-radius:6px;background:rgba(232,129,14,.14);display:grid;place-items:center;}
.dot-check svg{width:12px;height:12px;stroke:var(--sm-orange);}
.hero__visual{position:relative;min-height:480px;overflow:hidden;background-color:var(--sm-teal-deep);background-size:cover;background-position:center;
  clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);box-shadow:0 30px 60px -40px rgba(12,38,44,.6);}
/* Animación del texto */
.js .hero h1 .w{opacity:0;transform:translateY(.55em);animation:word-in .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s);}
@keyframes word-in{from{opacity:0;transform:translateY(.55em);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:no-preference){
  .hero__text>*{opacity:0;animation:sm-rise .6s ease both;}
  .hero__text>*:nth-child(1){animation-delay:.05s;}
  .hero__text>h1{opacity:1;animation:none;}
  .hero__text>*:nth-child(3){animation-delay:.2s;}
  .hero__text>*:nth-child(4){animation-delay:.3s;}
  .hero__text>*:nth-child(5){animation-delay:.4s;}
  @keyframes sm-rise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
  .hero .mark{background-size:0 .14em;animation:sm-underline .7s ease both;animation-delay:1s;}
  @keyframes sm-underline{from{background-size:0 .14em;}to{background-size:100% .14em;}}
  .hero__visual{animation:sm-wipe 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:.1s;}
  @keyframes sm-wipe{from{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);}to{clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);}}
}
@media(prefers-reduced-motion:reduce){.js .hero h1 .w{opacity:1;transform:none;animation:none;}}
@media(max-width:880px){
  .hero__grid{grid-template-columns:1fr;gap:2.2rem;}
  .hero__visual{order:2;min-height:300px;clip-path:none;border-radius:16px;animation:none;}
}

/* ===== Secciones de contenido (problemas / servicios) ===== */
.section--mist{background:var(--sm-mist);}
.sec-head{max-width:720px;margin:0 auto 2.6rem;text-align:center;}
.sec-head .eyebrow{display:inline-flex;align-items:center;gap:.5rem;}
.sec-head h2{font-size:clamp(1.9rem,3.8vw,2.7rem);}
.sec-head p{font-size:1.08rem;}
.cards{display:grid;gap:1.1rem;}
.cards--4{grid-template-columns:repeat(2,1fr);}
.cards--svc{grid-template-columns:repeat(3,1fr);}
.card{background:var(--sm-paper);border:1px solid var(--sm-line);border-radius:var(--sm-radius);padding:1.6rem;transition:border-color .18s,transform .18s,box-shadow .18s;}
.card:hover{border-color:var(--sm-teal);transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(12,38,44,.45);}
.svc-ico{width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid var(--sm-line);display:grid;place-items:center;margin-bottom:1rem;box-shadow:0 6px 14px -10px rgba(12,38,44,.4);}
.svc-ico svg{width:27px;height:27px;}
.svc-ico img{width:28px;height:28px;object-fit:contain;}
.card__icon{width:46px;height:46px;border-radius:12px;background:rgba(232,129,14,.12);display:grid;place-items:center;margin-bottom:1rem;}
.card__icon svg{width:23px;height:23px;stroke:var(--sm-orange);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.card h3{font-size:1.12rem;margin-bottom:.4rem;}
.card p{font-size:.97rem;margin:0;color:var(--sm-body);}
.card__link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.1rem;color:var(--sm-orange);font-weight:600;font-size:.95rem;text-decoration:none;transition:gap .18s;}
.card__link:hover{gap:.6rem;}
@media(max-width:900px){.cards--svc{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.cards--4,.cards--svc{grid-template-columns:1fr;}.sec-head{text-align:left;}}

/* ===== Scroll reveal ===== */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}
.cards .card:nth-child(2){transition-delay:.07s;}
.cards .card:nth-child(3){transition-delay:.14s;}
.cards .card:nth-child(4){transition-delay:.21s;}
.cards .card:nth-child(5){transition-delay:.28s;}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none;}}

/* ===== Carrusel (proceso) ===== */
.carousel{position:relative;overflow:hidden;border-radius:var(--sm-radius);box-shadow:0 30px 60px -44px rgba(12,38,44,.5);}
.carousel__track{display:flex;transition:transform .5s cubic-bezier(.22,1,.36,1);}
.slide{min-width:100%;display:grid;grid-template-columns:1fr 1fr;}
.slide__media{position:relative;min-height:340px;display:grid;place-items:center;color:#F3F7F7;
  background:linear-gradient(150deg,var(--sm-teal-700),var(--sm-teal-deep));background-size:cover;background-position:center;}
.slide__media .ph{font-size:.9rem;opacity:.7;letter-spacing:.02em;}
.slide__media .step-num{position:absolute;top:1rem;left:1.2rem;font-family:var(--sm-font-display);font-weight:700;font-size:1.1rem;color:var(--sm-orange);}
.slide__body{padding:clamp(1.6rem,3vw,2.8rem);display:flex;flex-direction:column;justify-content:center;background:var(--sm-paper);}
.slide__body .num{font-family:var(--sm-font-display);color:var(--sm-orange);font-weight:700;margin-bottom:.5rem;}
.slide__body h3{font-size:clamp(1.3rem,2.4vw,1.6rem);margin-bottom:.5rem;}
.slide__body p{margin:0;}
.slide__logo{position:absolute;bottom:.9rem;left:1rem;display:flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.93);border-radius:999px;padding:.32rem .75rem .32rem .4rem;font-family:"Quicksand",var(--sm-font-body);font-weight:600;font-size:.78rem;color:var(--sm-ink);box-shadow:0 6px 18px -8px rgba(0,0,0,.5);}
.slide__logo img{width:20px;height:20px;object-fit:contain;}
.slide__media .step-num{text-shadow:0 2px 8px rgba(0,0,0,.4);}
.carousel__prev,.carousel__next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--sm-line);background:rgba(255,255,255,.92);color:var(--sm-ink);cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 20px -8px rgba(0,0,0,.4);}
.carousel__prev{left:12px;}.carousel__next{right:12px;}
.carousel__prev:focus-visible,.carousel__next:focus-visible{outline:3px solid #F6C98A;outline-offset:2px;}
.carousel__dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:3;background:rgba(12,38,44,.4);padding:.5rem .7rem;border-radius:999px;}
.carousel__dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer;padding:0;}
.carousel__dots button.on{background:var(--sm-orange);}
@media(max-width:700px){.slide{grid-template-columns:1fr;}.slide__media{min-height:200px;}}

/* ===== Muro de testimonios ===== */
.wall{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-height:560px;overflow:hidden;
  -webkit-mask:linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);
          mask:linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);}
.wall__col{display:flex;flex-direction:column;gap:1.1rem;will-change:transform;animation:wall-up 30s linear infinite;}
.wall__col--2{animation-duration:36s;animation-direction:reverse;}
.wall__col--3{animation-duration:33s;}
.wall:hover .wall__col{animation-play-state:paused;}
@keyframes wall-up{from{transform:translateY(0);}to{transform:translateY(-50%);}}
.tcard{background:var(--sm-paper);border:1px solid var(--sm-line);border-radius:14px;padding:1.3rem;}
.tcard p{font-size:.96rem;line-height:1.5;margin:0 0 1rem;color:var(--sm-ink);}
.tcard__who{display:flex;align-items:center;gap:.6rem;}
.tcard__av{width:38px;height:38px;flex:0 0 auto;border-radius:50%;background:var(--sm-teal);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem;}
.tcard__meta b{display:block;font-size:.9rem;color:var(--sm-ink);}
.tcard__meta span{font-size:.8rem;color:var(--sm-body);}
@media(prefers-reduced-motion:reduce){.wall{max-height:none;}.wall__col{animation:none;}}
@media(max-width:760px){.wall{grid-template-columns:1fr;max-height:none;}.wall__col{animation:none;}.wall__col--2,.wall__col--3{display:none;}}

/* ===== Nosotros ===== */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:760px;margin:0 auto;}
.stat{text-align:center;padding:1.6rem 1rem;border:1px solid var(--sm-line);border-radius:14px;background:var(--sm-paper);}
.stat b{display:block;font-family:var(--sm-font-display);font-weight:700;font-size:clamp(2rem,4vw,2.6rem);color:var(--sm-teal);line-height:1;margin-bottom:.3rem;}
.stat span{color:var(--sm-body);font-size:.95rem;}
@media(max-width:620px){.stats{grid-template-columns:1fr;}}

/* ===== Contacto (CTA + formulario) ===== */
.contact__card{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3rem);align-items:center;
  background:radial-gradient(120% 90% at 85% 0,rgba(232,129,14,.12),transparent 55%),linear-gradient(160deg,var(--sm-teal-700),var(--sm-teal-deep));
  color:#F3F7F7;border-radius:20px;padding:clamp(1.8rem,4vw,3rem);}
.contact__copy .eyebrow{display:inline-flex;align-items:center;gap:.5rem;}
.contact__card h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);}
.contact__card p{color:rgba(243,247,247,.8);}
.contact__alt a{color:var(--sm-orange);font-weight:600;text-decoration:none;}
.form label{display:block;font-size:.85rem;margin:0 0 .3rem;color:rgba(243,247,247,.85);}
.form input,.form textarea{width:100%;padding:.8rem .9rem;border-radius:10px;border:1px solid rgba(243,247,247,.2);background:rgba(255,255,255,.07);color:#fff;font-family:inherit;font-size:1rem;margin-bottom:1rem;}
.form input::placeholder,.form textarea::placeholder{color:rgba(243,247,247,.45);}
.form input:focus,.form textarea:focus{outline:2px solid var(--sm-orange);border-color:transparent;}
.form button{width:100%;justify-content:center;margin-top:.3rem;}
@media(max-width:760px){.contact__card{grid-template-columns:1fr;}}

/* ===== Botón flotante WhatsApp ===== */
.wa-float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:80;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(0,0,0,.45);transition:transform .18s;}
.wa-float:hover{transform:scale(1.06);}
.wa-float svg{width:30px;height:30px;fill:#fff;}

/* ===== Páginas legales ===== */
.legal{max-width:760px;margin:0 auto;}
.legal h1{font-size:clamp(2rem,4vw,2.6rem);margin-bottom:.3rem;}
.legal .updated{color:var(--sm-body);font-size:.9rem;margin-bottom:2rem;}
.legal h2{font-size:1.2rem;margin:2rem 0 .5rem;}
.legal p{color:var(--sm-body);}
.legal a{color:var(--sm-orange);}

/* ===== Bloque Agentes de IA ===== */
.agente__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center;}
.agente__media{position:relative;display:flex;justify-content:center;}
.agente__media::before{content:"";position:absolute;inset:auto 0 0 0;top:8%;z-index:0;border-radius:24px;
  background:radial-gradient(70% 60% at 50% 40%,rgba(27,79,92,.12),transparent 70%);}
.agente__media img{position:relative;z-index:1;max-height:440px;width:auto;filter:drop-shadow(0 30px 40px rgba(12,38,44,.22));}
.agente__text .eyebrow{display:inline-flex;align-items:center;gap:.5rem;}
.agente__text h2{font-size:clamp(1.9rem,3.8vw,2.7rem);}
.agente__lead{font-size:1.08rem;max-width:46ch;margin-bottom:1.6rem;}
.agente__list{list-style:none;margin:0 0 1.9rem;padding:0;display:grid;gap:.8rem;}
.agente__list li{display:flex;gap:.65rem;align-items:flex-start;}
.agente__ctas{display:flex;gap:.7rem;flex-wrap:wrap;}
@media(max-width:820px){.agente__grid{grid-template-columns:1fr;gap:2rem;}.agente__media{order:1;}.agente__media img{max-height:360px;}}
/* ===== Sección AgendaB2B (banda oscura) ===== */
.ab2b{position:relative;overflow:hidden;color:#F3F7F7;
  background:radial-gradient(120% 90% at 85% 8%,rgba(232,129,14,.12),transparent 55%),linear-gradient(160deg,var(--sm-teal-700) 0%,var(--sm-teal-deep) 74%);}
.ab2b__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;}
.ab2b__brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;}
.ab2b__mark{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:rgba(243,247,247,.07);border:1px solid rgba(226,240,240,.14);}
.ab2b__wm{font-family:var(--sm-font-display);font-weight:700;font-size:1.1rem;line-height:1.1;}
.ab2b__wm b{color:var(--sm-orange);}
.ab2b__pw{display:block;font-size:.78rem;color:rgba(226,240,240,.7);margin-top:.2rem;}
.ab2b h1{color:#fff;font-size:clamp(2.3rem,5vw,3.4rem);}
.ab2b h2{color:#fff;font-size:clamp(2.1rem,4.6vw,3.2rem);}
.ab2b__lead{color:rgba(226,240,240,.78);max-width:44ch;margin-bottom:1.6rem;}
.ab2b__lead strong{color:#F3F7F7;}
.ab2b__list{list-style:none;margin:0 0 1.9rem;padding:0;display:grid;gap:.8rem;}
.ab2b__list li{display:flex;gap:.65rem;align-items:flex-start;}
.ab2b__list .dot-check{background:rgba(232,129,14,.18);}
.ab2b__ctas{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;}
.ab2b__aud{margin-top:1.1rem;font-size:.88rem;color:rgba(226,240,240,.7);}
.ab2b__cal{background:rgba(8,28,33,.55);border:1px solid rgba(226,240,240,.14);border-radius:18px;padding:clamp(1.2rem,2.4vw,1.8rem);box-shadow:0 24px 60px -30px rgba(0,0,0,.7);}
.ab2b__cal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}
.ab2b__cal-top b{font-family:var(--sm-font-display);font-size:1.02rem;}
.ab2b__chip{font-size:.76rem;font-weight:600;color:var(--sm-orange);background:rgba(232,129,14,.15);border-radius:999px;padding:.3rem .7rem;}
.ab2b__days{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;}
.ab2b__dow{text-align:center;font-size:.72rem;color:rgba(226,240,240,.6);padding-bottom:.2rem;}
.ab2b__day{aspect-ratio:1;border-radius:10px;border:1px solid rgba(226,240,240,.14);display:flex;flex-direction:column;justify-content:space-between;padding:.4rem;font-size:.78rem;color:rgba(226,240,240,.65);}
.ab2b__day.on{background:linear-gradient(150deg,rgba(232,129,14,.22),rgba(232,129,14,.05));border-color:rgba(232,129,14,.45);color:#F3F7F7;}
.ab2b__day b{font-weight:600;}
.ab2b__bdot{align-self:flex-end;width:19px;height:19px;border-radius:50%;background:var(--sm-orange);display:grid;place-items:center;}
.ab2b__bdot svg{width:10px;height:10px;stroke:#241402;}
@media(max-width:860px){.ab2b__grid{grid-template-columns:1fr;gap:2.2rem;}.ab2b__cal{order:2;}}

/* ===== Carrusel: foto + marca ===== */
.slide__media::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,28,33,.6),rgba(8,28,33,.05));z-index:1;}
.slide__media .step-num{z-index:2;}
.brand-chip{position:absolute;z-index:2;bottom:.9rem;left:1rem;display:inline-flex;align-items:center;gap:.45rem;background:rgba(12,38,44,.55);backdrop-filter:blur(4px);border-radius:999px;padding:.3rem .8rem .3rem .35rem;font-size:.78rem;font-weight:600;color:#F3F7F7;}
.brand-chip img{width:22px;height:22px;background:#fff;border-radius:5px;padding:2px;box-sizing:border-box;}

/* ===== Embudo (subpágina Agentes) ===== */
.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:fs;}
.fstep{background:var(--sm-paper);border:1px solid var(--sm-line);border-radius:14px;padding:1.5rem 1.3rem;position:relative;}
.fstep__n{font-family:var(--sm-font-display);font-weight:700;color:var(--sm-orange);font-size:1.4rem;line-height:1;}
.fstep h3{font-size:1.05rem;margin:.55rem 0 .4rem;}
.fstep p{font-size:.95rem;margin:0;color:var(--sm-body);}
.fstep:not(:last-child)::after{content:"\2192";position:absolute;right:-.85rem;top:50%;transform:translateY(-50%);color:var(--sm-orange);font-weight:700;z-index:2;}
@media(max-width:820px){.funnel{grid-template-columns:1fr;}.fstep:not(:last-child)::after{content:"\2193";right:50%;top:auto;bottom:-.85rem;transform:translateX(50%);}}
/* ===== Movimiento sección Problemas ===== */
.section--mist#problemas .card__icon{transition:transform .25s ease, background .25s ease;}
.section--mist#problemas .card:hover .card__icon{animation:dolor-pulso .7s ease;background:rgba(232,129,14,.2);}
@keyframes dolor-pulso{0%{transform:scale(1);}25%{transform:scale(1.14) rotate(-4deg);}50%{transform:scale(.97) rotate(3deg);}75%{transform:scale(1.07) rotate(-2deg);}100%{transform:scale(1);}}
/* Entrada escalonada más marcada (solo en Problemas) */
@media (prefers-reduced-motion:no-preference){
  .js #problemas .cards .card{transform:translateY(34px);transition:opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1);}
  #problemas .cards .card:nth-child(1){transition-delay:0s;}
  #problemas .cards .card:nth-child(2){transition-delay:.12s;}
  #problemas .cards .card:nth-child(3){transition-delay:.24s;}
  #problemas .cards .card:nth-child(4){transition-delay:.36s;}
}
/* ===== Videos UGC (subpágina) ===== */
.videos{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
.vcard--yt{background:#000;}
.vcard--yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.vcard{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;cursor:pointer;border:1px solid var(--sm-line);display:grid;place-items:center;background:radial-gradient(120% 80% at 50% 0,rgba(232,129,14,.14),transparent 55%),linear-gradient(160deg,var(--sm-teal-700),var(--sm-teal-deep));box-shadow:0 18px 40px -24px rgba(12,38,44,.5);}
.vcard__play{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.93);display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.5);transition:transform .2s;}
.vcard:hover .vcard__play{transform:scale(1.12);}
.vcard__play svg{width:22px;height:22px;fill:var(--sm-teal);margin-left:3px;}
.vcard__label{position:absolute;bottom:.9rem;left:.9rem;right:.9rem;color:#F3F7F7;font-size:.82rem;font-weight:600;}
@media(max-width:820px){.videos{grid-template-columns:repeat(2,1fr);}}
/* ===== Showcase + contadores (AgendaB2B) ===== */
.showcase{display:grid;gap:1.2rem;}
.showcase__tabs{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;}
.sc-tab{border:1px solid var(--sm-line);background:var(--sm-paper);border-radius:999px;padding:.6rem 1.1rem;font-family:var(--sm-font-body);font-weight:600;font-size:.9rem;color:var(--sm-body);cursor:pointer;transition:background .18s,color .18s,border-color .18s;}
.sc-tab:hover{border-color:var(--sm-teal);color:var(--sm-teal);}
.sc-tab.is-active{background:var(--sm-teal);color:#fff;border-color:var(--sm-teal);}
.showcase__panel{background:var(--sm-mist);border:1px solid var(--sm-line);border-radius:18px;padding:clamp(1.5rem,4vw,2.6rem);min-height:300px;display:grid;place-items:center;}
.sc-view{display:none;width:100%;max-width:560px;}
.sc-view.is-active{display:block;animation:sc-in .4s ease;}
@keyframes sc-in{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.mock{background:#fff;border:1px solid var(--sm-line);border-radius:14px;box-shadow:0 22px 46px -28px rgba(12,38,44,.4);overflow:hidden;}
.mock__bar{background:var(--sm-teal);color:#fff;font-size:.82rem;padding:.7rem 1rem;}
.mock__body{padding:1.2rem 1.3rem;}
.mock__subject{font-family:var(--sm-font-display);font-weight:600;font-size:1.1rem;color:var(--sm-ink);margin-bottom:.6rem;}
.mock__body p{font-size:.95rem;margin:0 0 .6rem;color:var(--sm-body);}
.mock__chat{padding:1.3rem;display:flex;flex-direction:column;gap:.6rem;}
.mock__msg{max-width:82%;padding:.6rem .9rem;border-radius:14px;font-size:.92rem;line-height:1.4;}
.mock__msg--them{align-self:flex-start;background:var(--sm-mist);color:var(--sm-ink);border-bottom-left-radius:4px;}
.mock__msg--us{align-self:flex-end;background:var(--sm-teal);color:#fff;border-bottom-right-radius:4px;}
.mock__event{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.1rem;border-left:4px solid var(--sm-orange);background:rgba(232,129,14,.08);border-radius:10px;margin:.7rem 1.2rem;font-size:.95rem;}
.mock__time{font-family:var(--sm-font-display);font-weight:600;color:var(--sm-teal);white-space:nowrap;}
.counters{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center;max-width:820px;margin:0 auto;}
.counter b{display:block;font-family:var(--sm-font-display);font-weight:700;font-size:clamp(2.4rem,5vw,3.3rem);color:var(--sm-teal);line-height:1;margin-bottom:.3rem;}
.counter span{color:var(--sm-body);font-size:.95rem;}
@media(max-width:620px){.counters{grid-template-columns:1fr;gap:1.3rem;}}
@media(prefers-reduced-motion:no-preference){
  .ab2b__cal.filling .ab2b__day.on{animation:cal-pop .55s cubic-bezier(.22,1,.36,1) both;}
  @keyframes cal-pop{from{opacity:0;transform:scale(.6);}to{opacity:1;transform:scale(1);}}
}
/* ===== Email mock + Impacto (AgendaB2B) ===== */
.mock__head{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--sm-line);}
.mock__avatar{width:38px;height:38px;border-radius:50%;background:var(--sm-teal);color:#fff;display:grid;place-items:center;font-family:var(--sm-font-display);font-weight:700;}
.mock__from b{display:block;font-size:.95rem;color:var(--sm-ink);}
.mock__from span{font-size:.82rem;color:var(--sm-body);}
.mock__sign{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--sm-line);font-size:.9rem;color:var(--sm-ink);font-weight:600;}
.mock__sign span{display:block;font-weight:400;color:var(--sm-body);font-size:.82rem;}
.impact{position:relative;background-size:cover;background-position:center;color:#fff;padding:clamp(4rem,10vw,7rem) 0;text-align:center;}
.impact__inner{max-width:760px;margin:0 auto;}
.impact h2{color:#fff;font-size:clamp(2rem,4.6vw,3rem);}
.impact p{color:rgba(243,247,247,.85);font-size:clamp(1.05rem,1.6vw,1.2rem);margin-bottom:1.7rem;}
.ab2b__badge{display:inline-block;background:#fff;border-radius:14px;padding:.75rem 1.1rem;box-shadow:0 16px 34px -16px rgba(0,0,0,.55);margin-bottom:1.4rem;}
.ab2b__badge img{width:auto;display:block;}
/* ===== Meta Ads hero ===== */
.meta-hero{position:relative;min-height:clamp(520px,74vh,680px);display:flex;align-items:flex-end;color:#fff;background-size:cover;background-position:center;padding-bottom:clamp(2.5rem,5vw,4rem);}
.meta-hero__inner{max-width:640px;}
.meta-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,3.8rem);text-shadow:0 2px 18px rgba(0,0,0,.55);}
.meta-hero p{color:rgba(243,247,247,.95);font-size:clamp(1.05rem,1.6vw,1.25rem);max-width:48ch;margin-bottom:1.6rem;text-shadow:0 2px 12px rgba(0,0,0,.5);}
.meta-hero .eyebrow{display:inline-block;color:#FBB450;font-weight:700;background:rgba(12,38,44,.6);padding:.4rem .9rem;border-radius:999px;backdrop-filter:blur(4px);text-shadow:none;}
/* ===== Comparativo Antes vs Hoy (AgendaB2B) ===== */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;max-width:860px;margin:0 auto;}
.cmp{border-radius:18px;border:1px solid var(--sm-line);overflow:hidden;background:var(--sm-paper);}
.cmp--hoy{border-color:var(--sm-teal);box-shadow:0 26px 54px -30px rgba(27,79,92,.5);}
.cmp__tag{display:block;text-align:center;font-family:var(--sm-font-display);font-weight:600;padding:.7rem;font-size:1.05rem;}
.cmp--antes .cmp__tag{background:#EEF1F1;color:var(--sm-body);}
.cmp--hoy .cmp__tag{background:var(--sm-teal);color:#fff;}
.cmp__row{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.1rem;border-top:1px solid var(--sm-line);font-size:.95rem;}
.cmp__row:first-of-type{border-top:0;}
.cmp__row span{color:var(--sm-body);}
.cmp__row b{font-family:var(--sm-font-display);font-weight:600;color:var(--sm-ink);font-size:1.05rem;}
.cmp--hoy .cmp__row b{color:var(--sm-teal);}
.cmp__row--key{background:rgba(232,129,14,.08);}
.cmp__row--key b{color:var(--sm-orange);}
.cmp__foot{padding:.9rem 1.1rem;border-top:2px solid var(--sm-line);}
.cmp__foot .big{font-family:var(--sm-font-display);font-weight:700;font-size:1.25rem;color:var(--sm-ink);}
.cmp--hoy .cmp__foot .big{color:var(--sm-teal);}
.compare__badge{text-align:center;margin:1.6rem auto 0;}
.compare__badge b{display:inline-block;font-family:var(--sm-font-display);font-weight:700;font-size:1.4rem;color:#241402;background:var(--sm-orange);padding:.6rem 1.4rem;border-radius:999px;}
.compare__note{max-width:720px;margin:1.4rem auto 0;text-align:center;font-size:.85rem;color:var(--sm-body);font-style:italic;}
@media(max-width:700px){.compare{grid-template-columns:1fr;}}
/* ===== Mockup navegador (Páginas Web) ===== */
.browser{max-width:560px;margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid var(--sm-line);box-shadow:0 26px 54px -30px rgba(12,38,44,.5);background:#fff;}
.browser__bar{display:flex;align-items:center;gap:.45rem;padding:.7rem .9rem;background:var(--sm-mist);border-bottom:1px solid var(--sm-line);}
.browser__dot{width:11px;height:11px;border-radius:50%;}
.browser__url{margin-left:.6rem;flex:1;background:#fff;border:1px solid var(--sm-line);border-radius:999px;padding:.3rem .8rem;font-size:.8rem;color:var(--sm-body);}
.browser__body{padding:0;}
.browser__body .hb{height:140px;background:radial-gradient(90% 70% at 100% 0,rgba(232,129,14,.12),transparent 55%),linear-gradient(160deg,var(--sm-teal-700),var(--sm-teal-deep));display:grid;place-items:center;color:#fff;font-family:var(--sm-font-display);font-weight:600;font-size:1.1rem;}
.browser__body .bb{padding:1rem 1.2rem;display:grid;gap:.5rem;}
.browser__body .bb i{display:block;height:9px;border-radius:5px;background:var(--sm-line);}
.browser__body .bb i.s{width:60%;} .browser__body .bb i.m{width:85%;}
.browser__body .bb .cta{height:30px;width:140px;border-radius:999px;background:var(--sm-orange);margin-top:.4rem;}
/* ===== Barra de clientes ===== */
.section--logos{padding:clamp(2.4rem,5vw,3.4rem) 0;}
.logos__title{text-align:center;color:var(--sm-body);font-size:.92rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.6rem;}
.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;}
.logo-tile{background:#fff;border:1px solid var(--sm-line);border-radius:12px;height:88px;width:150px;display:grid;place-items:center;padding:.9rem;transition:transform .18s,box-shadow .18s;}
.logo-tile:hover{transform:translateY(-3px);box-shadow:0 16px 32px -22px rgba(12,38,44,.45);}
.logo-tile img{max-height:52px;max-width:120px;object-fit:contain;display:block;}
@media(max-width:560px){.logo-tile{width:calc(50% - .5rem);}}
/* ===== Footer ===== */
.site-footer{background:var(--sm-teal-deep);color:rgba(243,247,247,.72);padding:clamp(3rem,6vw,4.5rem) 0 2rem;}
.foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;}
.foot__brand .brand span{color:#fff;}
.foot__brand p{margin-top:.9rem;max-width:30ch;font-size:.95rem;color:rgba(243,247,247,.78);}
.foot h4{color:#fff;font-family:var(--sm-font-body);font-size:.95rem;margin:0 0 .9rem;}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;}
.foot a{color:rgba(243,247,247,.72);text-decoration:none;font-size:.95rem;}
.foot a:hover{color:var(--sm-orange);}
.foot__bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(243,247,247,.12);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;}
@media(max-width:800px){.foot__top{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.foot__top{grid-template-columns:1fr;}}

/* ===== Cursor personalizado (solo escritorio) ===== */
@media(hover:hover) and (pointer:fine){
  .cursor-on,.cursor-on a,.cursor-on button{cursor:none;}
  .cur-dot,.cur-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%);}
  .cur-dot{width:7px;height:7px;background:var(--sm-orange);}
  .cur-ring{width:34px;height:34px;border:1.5px solid rgba(27,79,92,.45);transition:width .18s,height .18s,border-color .18s,background .18s;}
  .cur-ring.grow{width:52px;height:52px;border-color:var(--sm-orange);background:rgba(232,129,14,.08);}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}