/* People Intelligence — Landing Google Ads
   Estilos generados desde el diseño aprobado en el lienzo. */


html{scroll-behavior:smooth}
a{color:#0A72B0}a:hover{color:#08558A}
h1,h2,h3,h4{font-family:"Red Hat Display","Trebuchet MS",sans-serif;text-wrap:balance}
p{text-wrap:pretty}
input,select,button{font:inherit}
input::placeholder{color:#7A869C}
.dots{background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px}
.btn-p:hover{background:#085F93 !important}
.btn-con:hover{background:#38B2D8 !important}
.btn-tv:hover{background:#6A3BD9 !important}
.btn-w:hover{background:#E8F4FB !important}
.btn-wa:hover{background:#0F8A5B !important}
.card-h{transition:transform .2s ease,box-shadow .2s ease}
.card-h:hover{transform:translateY(-4px) !important;box-shadow:0 18px 40px rgba(10,31,68,.12) !important}
.logo{opacity:.62;transition:opacity .2s}
.logo:hover{opacity:1}
.logo-inv{filter:invert(1);opacity:.7}
.mq{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-right{animation:mq-r 60s linear infinite}
.mq-left{animation:mq-l 60s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
@keyframes mq-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes mq-l{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-right,.mq-left{animation:none}}
@media (max-width:720px){.mq-item{width:120px !important;padding:0 14px !important}}
.svc-chip{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.svc-wrap:hover .svc-chip{transform:translateY(-4px)}
.faq-item:hover{border-color:#B9D6EC !important}
.z1{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.sec-line,.svc-chip{transition:none}}
@media (max-width:720px){.svc-frame{padding:20px !important;min-height:0 !important}.sec-line{width:420px !important;height:420px !important;margin-top:-210px !important}.faq-q{padding:18px 16px !important;font-size:17px !important}.faq-a{padding:0 16px 18px 16px !important}}
@media (max-width:720px){
.svc-sec{flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:20px !important}
.svc-sec>.z1:not(.svc-wrap){display:contents !important}
.svc-sec>.z1:not(.svc-wrap)>*{order:3}
.svc-sec>.z1:not(.svc-wrap)>.svc-head{order:1}
.svc-sec>.svc-wrap{order:2;margin:12px 0 20px}
.svc-sec .cta{order:4}
}
.js-reveal .reveal,.js-reveal .reveal-i{opacity:0;transform:translateY(44px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.js-reveal .reveal.is-in,.js-reveal .reveal-i.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-reveal .reveal,.js-reveal .reveal-i{opacity:1 !important;transform:none !important;transition:none !important}}
.hs-slide{transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease,visibility 0s linear .8s}
.hs-slide[aria-hidden="false"]{transition:opacity .8s cubic-bezier(.2,.8,.2,1) .15s,transform .8s cubic-bezier(.2,.8,.2,1) .15s,filter .8s ease .15s,visibility 0s}
.hs-hl{transition:color .9s ease}
.hs-glow,.hs-glow2{transition:background-color 1.8s ease;will-change:transform}
.hs-glow{animation:hs-drift-a 28s ease-in-out infinite alternate}
.hs-glow2{animation:hs-drift-b 34s ease-in-out infinite alternate}
@keyframes hs-drift-a{0%{transform:translate(0,0) scale(1)}35%{transform:translate(520px,160px) scale(1.15)}70%{transform:translate(260px,380px) scale(.9)}100%{transform:translate(860px,80px) scale(1.1)}}
@keyframes hs-drift-b{0%{transform:translate(0,0) scale(1)}40%{transform:translate(-460px,-220px) scale(1.2)}75%{transform:translate(-820px,-60px) scale(.95)}100%{transform:translate(-300px,-320px) scale(1.1)}}
.hs-dot:hover span{background:rgba(255,255,255,.4) !important}

@keyframes hs-fill{to{width:100%}}
@media (prefers-reduced-motion:reduce){.hs-glow,.hs-glow2{animation:none}.hs-slide{transition:opacity .3s ease !important;transform:none !important;filter:none !important}.hs-prog{animation:none;width:100%}}
.modal-ov{animation:ov-in .35s ease both}
.modal-ov>div{animation:dlg-in .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes ov-in{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1}}
@keyframes dlg-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media (max-width:720px){
.hs-feat{flex-direction:row !important;align-items:center !important;padding:12px 14px !important}
.hs-feats{gap:8px !important}
}
@media (prefers-reduced-motion:reduce){.modal-ov,.modal-ov>div{animation:none}}
@media (max-width:1080px){
.hero-in{gap:40px !important;padding-top:56px !important;padding-bottom:64px !important}
.sec{padding-top:72px !important;padding-bottom:72px !important}
.svc-sec{gap:40px !important}
.svc-frame{min-height:0 !important}
}
@media (min-width:721px) and (max-width:1080px){
.svc-sec>.svc-wrap{max-width:640px;margin:0 auto;width:100%}
}
@media (max-width:720px){
.hs-feat{padding:10px 12px !important;gap:10px !important}
.hs-feat>span:first-child{width:36px !important;height:36px !important}
.hs-feat>span:last-child{font-size:14px !important}
.hs-stack{min-height:0}
.form-wrap{max-width:none !important}
.sec{padding-top:56px !important;padding-bottom:56px !important}
.svc-sec>.svc-wrap{margin:8px 0 12px !important}
.svc-sec{gap:20px !important}
.hero-in{padding-top:36px !important;padding-bottom:48px !important;gap:32px !important}
}
@media (min-width:881px) and (max-width:1180px){
.hero-in{flex-wrap:nowrap !important;gap:32px !important;align-items:center !important}
.hero-in>.hs-col{flex:1 1 0 !important}
.hero-in>.form-wrap{flex:0 0 clamp(420px, 44%, 470px) !important;max-width:none !important}
.hs-feats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.hs-feat:last-child{grid-column:span 2;flex-direction:row !important;align-items:center !important}
}
@media (max-width:880px){
.form-wrap{flex-basis:100% !important;max-width:560px !important;margin:0 auto !important}
}
@media (max-width:720px){.form-wrap{max-width:none !important}}
.svc-nav-in::-webkit-scrollbar{display:none}
.svc-tab:hover{border-color:#B9C7DB !important}
@media (max-width:720px){.svc-nav-in{padding:6px 16px 8px !important;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 28px),transparent)}.svc-tab{scroll-snap-align:center}.svc-nav-in::before,.svc-nav-in::after{content:"";flex:0 0 calc(50% - 60px)}.svc-tab{font-size:13px !important;min-height:36px !important}}
.seccion-oculta{display:none !important}
.m-bar{display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:720px){
.m-bar{display:flex}
.wa-fab{display:none !important}
.hide-m{display:none !important}
.sec{padding-top:64px !important;padding-bottom:64px !important}
.hero-in{padding-top:40px !important;padding-bottom:56px !important;gap:36px !important}
.offset{margin-left:0 !important}
.cta{align-self:stretch !important;justify-content:center !important;text-align:center}
.strip{padding:36px 24px !important}
.faq-a{padding-right:0 !important}
.modal-box{padding:0 !important}
}


/* ===== Formulario ===== */


a{color:#0A72B0}a:hover{color:#08558A}
.fc-btn:hover{background:#085F93 !important}
.fc-in:focus{outline:2px solid #0A72B0;outline-offset:1px;border-color:#0A72B0 !important}
@media (max-width:720px){.fc-root{padding:24px !important}}


/* ===== Estados para la versión estática (equivalen a la lógica del diseño) ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F5F7FB}
img{max-width:100%}
.modal-ov[hidden]{display:none !important}
body.no-scroll{overflow:hidden}

/* Hero: mensajes rotativos */
#hero{transition:background-color 1.8s ease}
.hs-slide{grid-area:1/1;display:flex;flex-direction:column;gap:22px;opacity:0;transform:translateY(28px);filter:blur(8px);visibility:hidden}
.hs-slide.is-active{opacity:1;transform:translateY(0);filter:blur(0);visibility:visible}
.hs-slide.is-past{transform:translateY(-28px)}
.hs-dot{flex:0 0 auto;width:28px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.hs-dot.is-active{width:56px}
.hs-track{display:block;width:100%;height:4px;border-radius:4px;background:rgba(255,255,255,.22);overflow:hidden}
.hs-dot .hs-prog{display:block;height:100%;width:0;border-radius:4px;background:var(--c);animation:none}
.hs-dot.is-active .hs-prog{animation:hs-fill 12s linear forwards}

/* Tabs de servicios fijas */
.svc-nav{max-height:0;opacity:0;overflow:hidden;border-top:1px solid transparent;transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease,border-color .4s ease}
.svc-nav.is-visible{max-height:72px;opacity:1;border-top-color:#E3E8F1}
.svc-tab{opacity:0;transform:translateY(-10px);transition:background .35s ease,border-color .35s ease,transform .5s cubic-bezier(.2,.8,.2,1) var(--d),opacity .4s ease var(--d)}
.svc-nav.is-visible .svc-tab{opacity:1;transform:translateY(0)}
.svc-tab.is-active{background:var(--bg) !important;border-color:var(--c) !important}

/* Preguntas frecuentes */
.faq-item{border-radius:18px;border:1px solid #E3E8F1;background:rgba(255,255,255,.55);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.faq-item.is-open{background:#FFFFFF;border-color:#B9D6EC;box-shadow:0 18px 40px rgba(10,31,68,.08)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;background:none;border:0;text-align:left;cursor:pointer;font-family:'Red Hat Display',sans-serif;font-weight:700;font-size:18px;color:#0A1F44;transition:color .3s ease}
.faq-item.is-open .faq-q{color:#0A72B0}
.faq-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#E8F0F8;color:#0A72B0;flex-shrink:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .3s ease,color .3s ease}
.faq-item.is-open .faq-ic{transform:rotate(135deg);background:#0A72B0;color:#FFFFFF}
.faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.faq-item.is-open .faq-body{grid-template-rows:1fr}
.faq-a{margin:0;padding:0 76px 22px 22px;font-size:16px;color:#4A5875;opacity:0;transform:translateY(-8px);transition:opacity .35s ease .08s,transform .45s cubic-bezier(.2,.8,.2,1)}
.faq-item.is-open .faq-a{opacity:1;transform:translateY(0)}

/* Errores de formulario */
.is-invalid{border-color:#C62828 !important}


/* ===== Página de gracias ===== */


a{color:#0A72B0}a:hover{color:#08558A}
h1,h2,h3{font-family:"Red Hat Display","Trebuchet MS",sans-serif;text-wrap:balance}
.dots{background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px}
.g-btn1:hover{background:#085F93 !important}
.g-btn2:hover{background:#0F8A5B !important}
@media (max-width:720px){
.g-main{padding-top:40px !important;padding-bottom:56px !important}
.g-card{padding:32px 24px !important}
}