/* Ritmo, preguntas frecuentes y movimiento compartidos por la landing. */
html{scroll-padding-top:100px;scrollbar-width:thin;scrollbar-color:#397a64 #071314;scrollbar-gutter:stable}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#071314}::-webkit-scrollbar-thumb{background:#397a64;border:3px solid #071314;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#67c49a}::-webkit-scrollbar-corner{background:#071314}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #68edb7;outline-offset:5px;border-radius:6px}
.nav-wrap{transition:background .25s ease,box-shadow .25s ease}.nav-wrap.is-scrolled{background:rgba(7,16,17,.94);box-shadow:0 8px 28px #0002}.nav-links>a.is-current:not(.nav-login){color:#88f0bb}
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#00e85f,#18dfb6);transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:.75}
.stats-section.section{padding-top:24px;padding-bottom:38px}.stats-grid>div{padding:25px 24px}.stats-grid strong{font-size:22px;line-height:1.3;letter-spacing:-.025em}.stats-grid span{font-size:11px;line-height:1.6;margin-top:8px}
#preguntas.section{padding-top:42px;padding-bottom:80px}.faq-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}#preguntas .section-head h2{font-size:clamp(32px,3.2vw,43px);line-height:1.1;margin:17px 0 18px}#preguntas .section-head h2 span{color:#a1c8bb}#preguntas .section-head p{font-size:14px;line-height:1.8;max-width:360px}.faq-contact{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;max-width:340px}.faq-contact>span{display:block;color:#87a29a;font-size:12px;margin-bottom:8px}.faq-contact>a{display:inline-flex;gap:16px;align-items:center;color:#89e9b6;font-size:13px;font-weight:650}.faq-contact>a:hover{color:#b4ffd3}
#preguntas .faq-list{border:0;display:grid;gap:10px}#preguntas details{border:1px solid #223e35;border-radius:14px;background:rgba(13,35,28,.45);transition:border-color .2s ease,background .2s ease}#preguntas details[open]{background:linear-gradient(125deg,#102d23,#0c211c);border-color:#366e52}#preguntas summary{display:grid;grid-template-columns:26px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:20px 22px;font-size:14px;line-height:1.55;font-weight:650;border-radius:13px}#preguntas summary::after{content:none}#preguntas summary:hover{color:#a7f7ce}.faq-number{font-size:10px;font-weight:500;color:#63877a;letter-spacing:.06em}.faq-toggle{width:28px;height:28px;display:grid;place-items:center;background:#143b2a;border:1px solid #28533b;border-radius:50%;color:#8de7b3;transition:transform .22s ease,background .22s ease}.faq-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}details[open] .faq-toggle{transform:rotate(45deg);background:#24573a}#preguntas .faq-answer{padding:0 62px 20px 60px}#preguntas .faq-answer p{padding:0;font-size:13px;line-height:1.85;color:#aac1b8;margin:0}
/* Contenido visible sin JavaScript; movimiento activado al inicializar. */
.reveal,[data-motion]{opacity:1;transform:none;transition:none}.motion-ready .reveal,.motion-ready [data-motion]{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal:not(.in),.motion-ready [data-motion]:not(.in){opacity:0;transform:translateY(20px)}.motion-ready .reveal.in,.motion-ready [data-motion].in{opacity:1;transform:none}.motion-ready .delay-1{--reveal-delay:70ms}.motion-ready .delay-2{--reveal-delay:140ms}.motion-ready .delay-3{--reveal-delay:210ms}
.flow-visual img,.audience-tab,.operation-feature,.plan-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.operation-bot{animation:none!important}
@media(hover:hover) and (pointer:fine){.flow-step:hover .flow-visual img{transform:translateY(-5px)}.audience-tab:hover,.operation-feature:hover{transform:translateY(-3px)}.plan-card.in:hover{transform:translateY(-4px);box-shadow:0 15px 36px #0003}.btn:hover{transform:translateY(-2px)}.whapia-brand:hover .whapia-mark{transform:rotate(-5deg)}}
.whapia-mark{transition:transform .25s ease}.footer-links a{transition:color .2s ease}.footer-links a:hover{color:#8dedbd}
@media(max-width:980px){.faq-layout{grid-template-columns:1fr;gap:30px}#preguntas .section-head.left{text-align:left}#preguntas .section-head p{margin-left:0;max-width:580px}.faq-contact{margin-top:20px;max-width:100%}.stats-grid strong{font-size:21px}.stats-section.section{padding-bottom:25px}}
@media(max-width:640px){html{scroll-padding-top:85px}#preguntas.section{padding-top:35px;padding-bottom:56px}#preguntas .section-head h2{font-size:32px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div{padding:20px 16px;border-bottom:1px solid var(--line)}.stats-grid>div:nth-child(odd){border-right:1px solid var(--line)!important}.stats-grid>div:nth-last-child(-n+2){border-bottom:0!important}.stats-grid strong{font-size:18px}.stats-grid span{font-size:10px}#preguntas summary{grid-template-columns:22px minmax(0,1fr) 26px;gap:8px;padding:17px 15px;font-size:13px}#preguntas .faq-answer{padding:0 20px 20px 45px}.faq-toggle{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,[data-motion],.motion-ready .reveal,.motion-ready [data-motion]{opacity:1!important;transform:none!important;transition:none!important}*,*::before,*::after{animation:none!important;transition:none!important}.hero-video{display:none}.reading-progress{display:none}}
@media(forced-colors:active){html{scrollbar-color:auto}.reading-progress{display:none}.faq-toggle{border:1px solid ButtonText}}
.hero-motion-toggle{position:absolute;bottom:20px;right:24px;z-index:3;background:rgba(5,28,23,.82);border:1px solid #416d5b;border-radius:999px;padding:8px 13px;color:#c1dfd2;font:inherit;font-size:10px;cursor:pointer}.hero-motion-toggle[hidden]{display:none}@media(max-width:640px){.hero-motion-toggle{right:16px;bottom:12px}}
/* Pestañas de soluciones: iconos consistentes y controles locales. */
.audience-tab{min-height:76px;padding:13px 15px}.audience-tab>span{color:#86e9c4;background:linear-gradient(145deg,#15483b,#0c2d25);border-color:#2d6954;box-shadow:inset 0 1px 0 #a3f3d810}.audience-tab>span svg{width:23px;height:23px;display:block}.audience-tab b{font-size:13px}.audience-tab small{font-size:9px;line-height:1.6;color:#91afa5}.audience-tab.is-active>span{background:linear-gradient(145deg,#1b7757,#124b39);border-color:#49b68c;color:#c0ffe0;box-shadow:0 3px 12px #00b27b18}.audience-tab:focus-visible{outline:2px solid #99fbd0;outline-offset:4px}.audience-label{display:inline-flex;align-items:center;gap:8px}.audience-label svg{width:17px;height:17px;flex-shrink:0}.audience-benefits svg{width:15px;height:15px;flex-shrink:0;display:block}.audience-benefits>span{align-items:flex-start}.audience-nojs{text-align:center;font-size:13px}.audience-nojs a{color:#7eedbf;text-decoration:underline}.audience-stage:focus-visible{outline:2px solid #7eedbf;outline-offset:5px}
@media(max-width:640px){.audience-tab{min-height:68px;padding:10px;column-gap:8px}.audience-tab b{font-size:12px}.audience-tab small{font-size:8px}.audience-tab>span svg{width:20px;height:20px}}