/* Refinamientos locales para la página principal. */
:root{--max:1200px}
.nav{height:80px}.navlinks a{position:relative;padding:10px 0}.navlinks a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:2px;background:var(--orange);transition:width .2s}.navlinks a:hover:after{width:100%}
.hero.cinematic{min-height:0;padding-top:128px;padding-bottom:28px}
.hero-grid{grid-template-columns:1.05fr 1fr;gap:48px}
.hero-copy h1{font-size:clamp(48px,5.1vw,72px);letter-spacing:-3.7px;line-height:1.06;max-width:620px;text-wrap:balance}
.hero-copy>p{max-width:470px;font-size:17px;line-height:1.75}
.hero-copy .badge{font-size:10px;letter-spacing:1.65px}
.hero-actions>.btn{min-width:215px;justify-content:space-between}
.hero-copy>.hero-note{display:flex;align-items:center;gap:12px;font-size:12px;color:#b2c5d2}
.hero-note span:first-child{color:#ffb443}
.hero-stage{height:630px}.scene-background{inset:0 -15px 65px 15px;border-radius:180px 180px 28px 28px}.scene-background img{opacity:.46}
.hero-footer{margin-top:26px}.evidence-strip{padding:24px 0}
.demo-intro h2{text-wrap:balance}.demo-grid{gap:28px}.complaint-card{box-shadow:0 16px 45px #102c3c08}
.search-input-row:focus-within{border-color:#ffb443;box-shadow:0 0 0 3px #ffb44320}
.story-step{transition:background .2s,border-color .2s,transform .2s}
.cta-box .btn-primary{background:#062640;color:#fff;box-shadow:0 8px 20px #57310020}
.cta-box .btn-primary:hover{background:#123d5c}.cta-box .btn-ghost{border-color:#17334d50;color:#102e46;background:transparent}
.faq details{transition:background .2s}.faq details[open]{background:#ffffff04}.faq summary{padding-right:25px;line-height:1.5}
.menu-toggle{display:none}.evidence-dialog{overscroll-behavior:contain}body:has(.evidence-dialog[open]){overflow:hidden}
@media(max-width:1100px){.hero-grid{gap:25px}.hero-copy h1{font-size:58px}.navlinks{gap:20px}.scene-time{z-index:5;top:15px;left:12px}.scene-eyebrow{top:-8px}}
@media(max-width:980px){.nav{gap:15px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:12px;border:1px solid #ffffff25;border-radius:9px;background:transparent;color:#fff;margin-left:auto;order:3}.menu-toggle span{display:block;height:2px;width:18px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav>.btn{margin-left:0}.navlinks.is-open{display:flex;position:absolute;top:79px;left:0;right:0;margin:0;padding:18px 24px;background:#06243b;border-bottom:1px solid #ffffff25;box-shadow:0 20px 30px #0003;flex-direction:column;gap:3px}.navlinks a{padding:12px}.hero-grid .hero-copy h1{font-size:clamp(43px,5.6vw,55px)}}
@media(max-width:760px){.nav{height:72px}.navlinks.is-open{top:71px}.hero.cinematic{padding-top:109px}.hero-grid{grid-template-columns:1fr;gap:42px}.hero-grid .hero-copy h1{font-size:clamp(42px,8.5vw,62px);letter-spacing:-2.4px;max-width:600px;line-height:1.08}.hero-copy>p{font-size:16px}.hero-stage{height:614px}.scene-eyebrow{top:0}.scene-time{top:40px}.hero-actions{gap:20px}.hero-copy>.hero-note{font-size:11px;gap:9px}.hero-footer{margin-top:25px}.scene-background{inset:5px 0 60px}.nav .brand{font-size:24px}.nav .btn{font-size:11px;padding:11px}.menu-toggle{flex-shrink:0}.evidence-strip span:first-child{display:flex;flex-wrap:wrap;gap:0 5px}.section h2{text-wrap:balance}.faq h2{letter-spacing:-1.5px!important}}
@media(max-width:390px){.nav{gap:9px}.nav .btn{font-size:10px;padding:10px}.hero-stage{height:600px}.hero-copy .badge{font-size:9px;letter-spacing:1px}.scene-time{top:45px}.hero-copy>.hero-note{flex-wrap:wrap}.hero-secondary{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:761px){.hero-stage{height:680px}}

/* Demo: recorrido guiado y expediente visual. */
.hero.cinematic{padding-bottom:38px}.hero-secondary{border:0;color:#b7cbd9;font-size:13px}.hero-copy>.hero-note{margin-top:17px}
.evidence-strip{background:#09263b;padding:24px 0;border-color:#ffffff12}.evidence-strip>.wrap{gap:22px}.evidence-strip span:first-child{min-width:210px}.evidence-strip span{font-size:13px}.evidence-strip a{font-size:12px;white-space:nowrap;color:#ffb54a;display:flex;gap:18px;align-items:center}.evidence-strip a>span{font-size:23px}
.sales-demo{background:#f5f6f8;padding:86px 0 80px}.demo-intro{align-items:center}.demo-intro .kicker{font-size:10px;letter-spacing:2px;color:#b26609}.demo-intro h2{font-size:clamp(32px,3.2vw,46px);line-height:1.13;letter-spacing:-1.9px}.demo-intro h2 span{color:#61778a}.demo-intro>p{max-width:250px;font-size:14px;line-height:1.8}
.demo-journey{padding:0;margin:36px 0 25px;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;border:1px solid #dce3e8;border-radius:12px;background:#edf0f3;overflow:hidden}.demo-journey li{display:flex;gap:13px;align-items:center;padding:17px 22px;color:#627485;transition:background .25s}.demo-journey li+li{border-left:1px solid #dce3e8}.demo-journey li>span{width:32px;height:32px;border:1px solid #cad4dd;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.demo-journey strong{display:block;font-size:13px;font-weight:650}.demo-journey small{display:block;font-size:11px;margin-top:3px;color:#748492}.demo-journey [aria-current]{background:#fff;color:#0b304c}.demo-journey [aria-current]>span{background:#ffab32;border-color:#ffab32;color:#172e3c}.demo-journey .is-complete>span{background:#dbece5;border-color:#dbece5;color:#27654c}
.demo-grid{grid-template-columns:.8fr 1.2fr;gap:22px;margin-top:0}.complaint-card{padding:27px 30px;border-radius:16px;align-self:stretch;display:flex;flex-direction:column;box-shadow:none;border-color:#dce3e8}.complaint-card:before{display:none}.complaint-head span{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.1px}.claim-dot{width:6px;height:6px;border-radius:50%;background:#df775e}.complaint-head b{font-size:10px;font-weight:600}.claim-source{display:flex;align-items:center;gap:11px;margin:29px 0 19px}.claim-avatar{display:grid;place-items:center;width:35px;height:35px;background:#fae9ed;border-radius:10px;color:#b73554;font-weight:800}.claim-source strong{display:block;font-size:12px;font-weight:650}.claim-source small{display:block;font-size:10px;color:#748492;margin-top:3px}.complaint-card h3{font-size:31px;font-weight:750;line-height:1.14;margin-bottom:13px;letter-spacing:-1px}.complaint-card>p{font-size:13px;line-height:1.8;margin:0 0 21px;max-width:330px}.penalty{margin-top:auto;padding-top:18px}.penalty small{font-size:11px}.penalty strong{font-size:31px;color:#163b53}.claim-platform{background:#f2f4f6;color:#61717e;font-size:10px}.claim-number{margin-top:14px;font-size:11px}.defend-btn{background:#ffab32;color:#162e40;font-size:13px;padding:15px;margin-top:22px}.defend-btn:hover{background:#ffbc5a}.case-note{font-size:9px;color:#738492}
.defense-stage{min-height:535px;border-radius:16px;background:#092c43;border-color:#24485e;box-shadow:0 14px 35px #12364b12}.explorer-header{padding:19px 24px;background:#ffffff03}.explorer-header .app-brand{font-size:21px}.explorer-status{display:flex;align-items:center;gap:6px;font-size:10px}.explorer-status i{width:5px;height:5px;background:#91cdb2;border-radius:50%}#evidence-search{padding:20px 24px 0}#evidence-search>label{font-size:11px}.search-input-row{border-color:#486479;background:#062337}.search-input-row input{font-size:13px}#search-help{font-size:10px}.search-status{margin-top:7px;font-size:11px;min-height:18px}.explorer-empty{padding:17px 24px 26px;text-align:left}.record-preview{display:flex;align-items:center;gap:15px;padding:13px;background:#ffffff05;border:1px solid #ffffff14;border-radius:11px;margin-bottom:23px}.record-preview img{width:77px;height:77px;object-fit:cover;border-radius:7px;opacity:.78}.record-preview div{flex:1}.record-preview span{display:block;color:#91acbe;font-size:8px;letter-spacing:1.2px}.record-preview strong{display:block;font-size:15px;font-weight:600;letter-spacing:-.2px;margin:5px 0}.record-preview small{font-size:10px;color:#abc1cf}.record-preview b{color:#ffb54a;font-size:22px;font-weight:400}.explorer-empty h3{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.7px;margin:0 0 12px}.explorer-empty>p{font-size:12px;max-width:390px;margin:0;color:#acc2d1}.empty-tags{justify-content:flex-start;margin-top:20px;gap:17px}.empty-tags span{border:0;padding:0;font-size:10px;color:#a5c2ce}.demo-disclaimer{text-align:center;font-size:10px;margin-top:20px}.result-photo img{height:205px}.result-footer button{font-size:12px}.response-ready{padding-top:20px}
@media(max-width:980px){.demo-intro{align-items:flex-start}.demo-journey li{padding:15px;gap:9px}.demo-journey strong{font-size:12px}.demo-journey small{font-size:10px}.evidence-strip>.wrap{flex-wrap:wrap}.evidence-strip span:first-child{min-width:0}.complaint-card{padding:24px}.record-preview{gap:10px}.record-preview img{width:58px;height:68px}.record-preview strong{font-size:13px}.record-preview small{font-size:9px}}
@media(max-width:760px){.sales-demo{padding:56px 0}.demo-intro{gap:16px}.demo-intro h2{font-size:34px;letter-spacing:-1.4px}.demo-intro>p{max-width:350px;font-size:13px}.demo-journey{margin:25px 0 19px}.demo-journey li{padding:12px 8px;gap:8px;flex-direction:column;align-items:flex-start}.demo-journey li>span{width:25px;height:25px;font-size:9px}.demo-journey strong{font-size:10px;line-height:1.5}.demo-journey small{display:none}.demo-grid{grid-template-columns:1fr;gap:16px}.complaint-card{padding:23px}.claim-source{margin:21px 0 16px}.complaint-card h3{font-size:29px}.defense-stage{min-height:520px}.explorer-empty{padding:14px 19px 24px}.explorer-empty h3{font-size:24px}.record-preview strong{font-size:14px}.record-preview img{width:64px;height:70px}.record-preview small{font-size:8px}.empty-tags{gap:12px}.empty-tags span{font-size:9px}.evidence-strip{padding:22px 0}.evidence-strip>.wrap{gap:16px}.evidence-strip span:first-child{display:block;width:100%}.evidence-strip span:first-child br{display:none}.evidence-strip span:not(:first-child){flex:1 1 43%;font-size:11px}.evidence-strip a{flex:1 1 43%;font-size:11px;gap:10px}.hero.cinematic{padding-bottom:25px}}
@media(min-width:981px){.nav{gap:20px}.navlinks{gap:20px}}
/* Beneficio principal: registro desde el celular. */
.device-benefit{display:flex;align-items:center;gap:17px;max-width:455px;margin-top:27px;padding:19px 22px;border:1px solid #ffb44355;border-left:3px solid #ffad32;border-radius:12px;background:linear-gradient(110deg,#ffad3210,#ffffff04)}
.device-benefit-icon{display:grid;place-items:center;width:44px;flex:0 0 44px;color:#ffb443}.device-benefit-icon svg{width:32px;height:40px}
.device-benefit strong{display:block;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.4px;color:#f5f8fb}.device-benefit p{margin:5px 0 0;font-size:16px;line-height:1.4;color:#ffd18e}
@media(max-width:760px){.device-benefit{margin-top:25px;padding:17px 18px;gap:13px;max-width:100%}.device-benefit strong{font-size:19px}.device-benefit p{font-size:15px}.device-benefit-icon{width:35px;flex-basis:35px}}
@media(max-width:360px){.device-benefit{padding:16px 13px;gap:10px}.device-benefit strong{font-size:17px}.device-benefit p{font-size:14px}}

/* Información legal del pie de página. */
.footer .footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-top:12px;padding-bottom:12px}
.footer-identity{display:grid;gap:10px}.footer-identity>span{font-size:13px;color:#a8b8c8}.footer .footer-identity p{margin:12px 0 0;font-size:12px;color:#91a9ba}
.footer-legal{color:#b7cad8;font-family:inherit;max-width:420px}.footer-legal h3{margin:0 0 16px;font-size:1rem;font-weight:700;color:#f7f9fc}.footer-legal ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.footer-legal a{display:inline-block;color:inherit;font-size:.95rem;line-height:1.5;text-decoration:none}.footer-legal a:hover,.footer-legal a:focus-visible{text-decoration:underline;text-underline-offset:4px;color:#ffd08d}.footer-legal a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:760px){.footer .footer-inner{flex-direction:column;gap:30px}.footer-legal{max-width:100%}.footer-legal a{padding:5px 0}.footer-legal ul{gap:6px}}
/* Encabezado de la demo: título y explicación en una misma columna. */
.sales-demo .demo-intro{display:block;max-width:850px}
.sales-demo .demo-intro>p{max-width:660px;margin:18px 0 0;font-size:15px;line-height:1.7;color:#61778a;text-wrap:pretty}
@media(max-width:760px){.sales-demo .demo-intro>p{margin-top:15px;font-size:14px;max-width:100%}}
/* Invitación visual a recorrer el caso. */
.demo-invitation{display:flex;align-items:center;gap:14px;margin-top:24px;padding:15px 19px;max-width:590px;border:1px solid #dce3e8;border-left:3px solid #f6a122;border-radius:0 12px 12px 0;background:#fff;box-shadow:0 5px 18px #12364b04}
.demo-invitation-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:10px;background:#fff2dc;color:#ac6504}.demo-invitation-icon svg{width:25px;height:25px}.demo-invitation-copy{min-width:0}.demo-invitation-copy>strong{display:block;font-size:13px;line-height:1.5;font-weight:700;color:#173b54}.demo-invitation-copy>p{margin:5px 0 0;font-size:13px;line-height:1.8;color:#657b8d}.before-claim{color:#526779;white-space:nowrap}.invitation-arrow{margin:0 5px;color:#ab6509}.after-claim{color:#173b54;font-weight:700;white-space:nowrap}
@media(max-width:760px){.demo-invitation{margin-top:20px;padding:14px;gap:11px;align-items:flex-start}.demo-invitation-copy>p{font-size:12px}.demo-invitation-copy>strong{font-size:13px}.demo-invitation-icon{width:34px;height:34px;flex-basis:34px}.invitation-arrow{margin:0 2px}}
/* Solicitud de demostración. */
.booking-section{padding:95px 0;background:#f3f5f7;color:#12354d}.booking-heading{margin-bottom:38px}.booking-heading .kicker{color:#ae650a;font-size:10px}.booking-heading h2{font-size:clamp(35px,4.4vw,61px);line-height:1.08;letter-spacing:-2.6px;margin:0}.booking-heading h2 span{color:#b76a04}.booking-heading>p{font-size:16px;color:#627888;max-width:630px;line-height:1.7;margin:20px 0 0}.booking-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.booking-card{background:#fff;border:1px solid #dce3e8;border-radius:20px;padding:29px;box-shadow:0 18px 45px #12364b08}.booking-progress{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:27px}.booking-progress>span{font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#698091}.booking-progress>div{display:flex;gap:5px}.booking-progress i{width:23px;height:5px;border-radius:5px;background:#e2e8ed}.booking-progress i.active{background:#efa02d}.booking-card fieldset{margin:0;padding:0;border:0;min-width:0}.booking-card legend{font-size:21px;font-weight:750;letter-spacing:-.6px;margin-bottom:25px}.booking-card label{display:block;font-size:13px;font-weight:600;line-height:1.5;margin:0 0 8px}.booking-card label>span{color:#ae650a}.booking-card select,.booking-card input{display:block;width:100%;min-width:0;font:inherit;font-size:13px;background:#f8fafb;color:#1b3b52;border:1px solid #cdd8e0;border-radius:8px;padding:13px 10px;min-height:48px;margin-bottom:22px}.booking-card select:focus,.booking-card input:focus{border-color:#bb791a;outline:2px solid #ffb44370;outline-offset:2px}.booking-form-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:30px}.booking-form-bottom small{font-size:10px;color:#748896}.booking-card .btn{font-size:13px;padding:14px 18px;white-space:normal}.booking-back{background:none;border:0;padding:10px 0;color:#49657a;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.booking-note{font-size:12px;line-height:1.7;color:#687e8e}.booking-preview{background:#092a42;color:#fff;padding:30px;border-radius:22px;overflow:hidden}.booking-preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.booking-preview-top>span:last-child{font-size:8px;letter-spacing:1px;color:#b0c7d5}.booking-screen{margin-top:26px;border:1px solid #617d8d;border-radius:10px;overflow:hidden;box-shadow:0 18px 25px #00142250}.booking-screen-bar{display:flex;align-items:center;gap:5px;background:#17394f;padding:9px 11px}.booking-screen-bar i{width:5px;height:5px;background:#7795a7;border-radius:50%}.booking-screen-bar span{font-size:8px;margin-left:auto;color:#c2d3df}.booking-screen img{display:block;width:100%;height:auto}.booking-device{display:flex;align-items:center;gap:11px;margin-top:20px;border-bottom:1px solid #ffffff1b;padding-bottom:21px}.booking-device svg{width:27px;height:32px;color:#ffb443}.booking-device strong{display:block;font-size:13px}.booking-device span{font-size:12px;color:#f5bf70}.booking-preview h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:25px 0 20px}.booking-preview ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.booking-preview li{font-size:12px;color:#bdcfdc;display:flex;gap:13px;align-items:center}.booking-preview li span{color:#ffb443;font:10px Consolas,monospace}#booking-ready{padding:20px 0;min-height:380px}#booking-ready h3{font-size:28px;letter-spacing:-1px;margin:20px 0 10px}#booking-ready p{font-size:14px;line-height:1.8;color:#637b8c;margin-bottom:25px}#booking-edit{display:block;margin-top:15px}.booking-ready-icon{display:grid;place-items:center;border-radius:50%;background:#e5f1e9;color:#34734e;width:50px;height:50px;font-size:25px}
@media(max-width:980px){.booking-grid{gap:25px;grid-template-columns:1fr 1fr}.booking-card,.booking-preview{padding:23px}.booking-card legend{font-size:19px}.booking-preview h3{font-size:23px}}
@media(max-width:760px){.booking-section{padding:65px 0}.booking-heading h2{font-size:38px;letter-spacing:-1.7px}.booking-heading>p{font-size:14px}.booking-heading{margin-bottom:27px}.booking-grid{grid-template-columns:1fr;gap:22px}.booking-card{padding:24px 20px}.booking-preview{padding:24px 20px}.booking-form-bottom{gap:10px}.booking-card .btn{font-size:12px;padding:13px}.booking-preview-top>span:last-child{font-size:7px}}
/* Escena de uso: registro del pedido antes del despacho. */
.booking-scene{position:relative;margin:24px -30px 0;overflow:hidden;background:#13384b}.booking-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.booking-scene figcaption{position:absolute;inset:auto 0 0;padding:40px 30px 20px;background:linear-gradient(transparent,#052034eb);color:white}.booking-scene figcaption span{display:block;font-size:8px;letter-spacing:1.5px;color:#ffd08d;margin-bottom:5px}.booking-scene figcaption strong{display:block;font-size:20px;letter-spacing:-.4px;line-height:1.3}.booking-preview .booking-device{margin-top:18px;padding-bottom:18px}.booking-preview h3{font-size:23px;margin-top:21px}
@media(max-width:980px){.booking-scene{margin-left:-23px;margin-right:-23px}.booking-scene figcaption{padding-left:23px;padding-right:23px}}
@media(max-width:760px){.booking-scene{margin-left:-20px;margin-right:-20px}.booking-scene figcaption{padding:32px 20px 16px}.booking-scene figcaption strong{font-size:18px}}
/* Jerarquía comercial: qué hacemos, para quién y por qué importa. */
.hero-grid .hero-copy h1{font-size:clamp(47px,4.8vw,68px);line-height:1.04;letter-spacing:-3px;margin:21px 0}.hero-copy>p{font-size:17px;line-height:1.7;margin-bottom:17px}.hero-copy>p>strong{font-weight:650;color:#e3ecf3}.hero-outcomes{padding:0;margin:0 0 25px;list-style:none;display:grid;gap:9px}.hero-outcomes li{position:relative;padding-left:20px;font-size:12px;line-height:1.6;color:#bfd0dc}.hero-outcomes li:before{content:'✓';position:absolute;left:0;color:#ffb443}.hero-copy .hero-actions{gap:17px}.hero-copy .badge{font-size:9px;letter-spacing:1.4px}.hero-copy .device-benefit{margin-top:23px}.hero-actions>.btn{font-size:14px;padding:16px 20px}.hero-secondary{font-size:13px}
.problem-section{padding:70px 0 74px;background:#061f34;color:#f5f8fb}.problem-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;align-items:center}.problem-heading .kicker{grid-column:1/-1;font-size:10px;letter-spacing:1.5px}.problem-heading h2{font-size:39px;line-height:1.13;letter-spacing:-1.6px;margin:0}.problem-heading>p{font-size:15px;line-height:1.8;color:#b2c6d5;max-width:440px;margin:0}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px;padding-top:29px;border-top:1px solid #ffffff18}.problem-grid article+article{border-left:1px solid #ffffff18;padding-left:30px}.problem-number{font:9px Consolas,monospace;letter-spacing:1.2px;color:#f9bd6a}.problem-grid h3{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin:14px 0 10px}.problem-grid p{font-size:13px;color:#a6bdcd;line-height:1.7;margin:0 0 18px}.problem-grid article>div{font-size:12px;line-height:1.7;color:#e0eaf1}.problem-grid article>div>span{color:#ffb443;margin-right:6px}
@media(max-width:980px){.hero-grid .hero-copy h1{font-size:49px}.hero-copy .badge{letter-spacing:.7px;font-size:8px}.hero-copy>p{font-size:15px}.hero-outcomes li{font-size:11px}.problem-heading{gap:25px}.problem-heading h2{font-size:34px}.problem-grid{gap:20px}.problem-grid article+article{padding-left:20px}.problem-grid h3{font-size:19px}.navlinks{gap:17px}}
@media(max-width:760px){.hero-grid .hero-copy h1{font-size:clamp(42px,9vw,62px);letter-spacing:-2px}.hero-copy .badge{font-size:9px;letter-spacing:.7px}.hero-copy>p{font-size:16px}.hero-outcomes li{font-size:12px}.problem-section{padding:49px 0}.problem-heading{display:block}.problem-heading h2{font-size:33px}.problem-heading>p{font-size:14px;margin-top:18px}.problem-grid{grid-template-columns:1fr;gap:23px;margin-top:27px;padding-top:24px}.problem-grid article+article{padding:23px 0 0;border-left:0;border-top:1px solid #ffffff18}.problem-grid h3{font-size:21px}.problem-grid p{margin-bottom:10px}.problem-grid article>div{font-size:13px}.booking-heading h2{font-size:35px}}
/* Los pasos permiten navegar por el caso de ejemplo. */
.demo-journey li{padding:0!important;display:block}.demo-step-action{display:flex;align-items:center;gap:13px;width:100%;height:100%;padding:17px 22px;text-align:left;color:inherit;font:inherit;background:transparent;border:0;cursor:pointer;transition:background .2s}.demo-step-action>span{width:32px;height:32px;border:1px solid #cad4dd;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.demo-journey [aria-current] .demo-step-action>span{background:#ffab32;border-color:#ffab32;color:#172e3c}.demo-journey .is-complete .demo-step-action>span{background:#dbece5;border-color:#dbece5;color:#27654c}.demo-step-action:hover{background:#fff8ec}.demo-step-action:focus-visible{outline:3px solid #b56c08;outline-offset:-4px}.demo-step-action strong:after{content:' ↗';color:#9a641e;font-weight:400}
@media(max-width:980px){.demo-step-action{padding:15px;gap:9px}}
@media(max-width:760px){.demo-step-action{padding:12px 8px;gap:8px;flex-direction:column;align-items:flex-start}.demo-step-action>span{width:25px;height:25px;font-size:9px}}
/* Conversación y seguimiento visual de disputas. */
.problem-conversation{max-width:470px;padding:3px 0}.conversation-question,.conversation-answer{position:relative;border-radius:15px;padding:18px 22px}.conversation-question{background:#17364c;border:1px solid #ffffff16;margin-right:35px;border-bottom-left-radius:3px}.conversation-question>span,.conversation-answer>span{font-size:8px;letter-spacing:1.4px;color:#a9c0d0;font-weight:700}.problem-conversation p{font-size:16px;line-height:1.5;margin:8px 0 0;color:#e6eef4}.conversation-answer{margin:12px 0 0 35px;background:#ffb44313;border:1px solid #ffb4434d;border-bottom-right-radius:3px}.conversation-answer>span{color:#ffbc61}.conversation-answer small{display:block;margin-top:10px;font-size:10px;color:#e7be83}
.dispute-intro{max-width:900px}.dispute-intro h2 span{color:#91b2c8}.dispute-intro>p{font-size:16px;line-height:1.7;color:#b3cad9;max-width:640px;margin:20px 0 0}.dispute-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center;margin-top:40px}.dispute-board{border:1px solid #4e718752;background:#061f34;border-radius:21px;box-shadow:0 22px 50px #00132335;overflow:hidden}.dispute-board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;background:#ffffff03;border-bottom:1px solid #ffffff12}.dispute-board-head>span:last-child{font-size:8px;letter-spacing:1px;color:#9ab6ca}.dispute-order{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 26px;padding-bottom:22px;border-bottom:1px solid #ffffff15}.dispute-order small{display:block;color:#91aec3;font-size:8px;letter-spacing:.7px}.dispute-order strong{display:block;font-size:22px;letter-spacing:-.5px;margin-top:5px}.dispute-order>span{font-size:23px;font-weight:700;color:#ffcb82;text-align:right}.dispute-order>span small{font-size:9px;margin-top:4px;font-weight:400;letter-spacing:0}.dispute-timeline{list-style:none;padding:0 26px;margin:0}.dispute-timeline li{display:flex;gap:15px;position:relative;padding-bottom:25px}.dispute-timeline li:not(:last-child):before{content:'';position:absolute;left:14px;top:31px;bottom:0;width:1px;background:#38566b}.timeline-dot{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;background:#15384f;border:1px solid #46667c;border-radius:50%;font-size:10px;color:#d1e0eb}.dispute-status{display:inline-block;font-size:9px;padding:4px 8px;border-radius:5px;font-weight:600}.dispute-status.pending{color:#ffd18b;background:#ffb44318}.dispute-status.reviewing{color:#b0d5f3;background:#86bbec18}.dispute-status.resolved{color:#b7dec8;background:#97d1b318}.dispute-timeline h3{font-size:17px;letter-spacing:-.3px;margin:9px 0 6px;line-height:1.35}.dispute-timeline p{font-size:12px;line-height:1.7;color:#a9c1d2;margin:0}.dispute-timeline a{display:inline-block;margin-top:9px;color:#ffc87b;font-size:11px;text-decoration:underline;text-underline-offset:4px}.dispute-board-note{padding:14px 26px;margin:0;border-top:1px solid #ffffff12;font-size:9px;color:#93afc2}.manager-question{background:#153b53;border:1px solid #6f96ae38;border-radius:16px 16px 16px 3px;padding:21px 24px;margin-bottom:27px}.manager-question>span{font-size:8px;letter-spacing:1.4px;color:#ffbf67}.manager-question p{font-size:24px;line-height:1.35;letter-spacing:-.6px;color:#eef4f8;margin:10px 0 0;font-weight:600}.dispute-explanation>h3{font-size:32px;line-height:1.12;letter-spacing:-1px;margin:0 0 15px}.dispute-explanation>p{color:#afc5d5;font-size:14px;line-height:1.8;margin:0}.dispute-benefits{display:grid;gap:15px;margin:23px 0 28px}.dispute-benefits>div{display:flex;gap:14px}.dispute-benefits>div>span{font:10px Consolas,monospace;color:#ffb443;padding-top:3px}.dispute-benefits p{font-size:12px;line-height:1.7;color:#a8c1d2;margin:0}.dispute-benefits strong{display:block;color:#eef4f8;font-size:13px;margin-bottom:2px}.dispute-explanation .btn{font-size:13px}.dashboard .metrics{margin-top:42px}
@media(max-width:980px){.dispute-layout{gap:27px}.dispute-explanation>h3{font-size:28px}.manager-question p{font-size:21px}.dispute-board-head{padding:19px}.dispute-order{margin:20px 19px}.dispute-timeline{padding:0 19px}.dispute-order strong{font-size:19px}.dispute-order>span{font-size:20px}}
@media(max-width:760px){.problem-conversation{margin-top:25px;max-width:none}.conversation-question,.conversation-answer{padding:16px 18px}.problem-conversation p{font-size:15px}.conversation-question{margin-right:20px}.conversation-answer{margin-left:20px}.dispute-layout{grid-template-columns:1fr;gap:30px;margin-top:27px}.dispute-intro>p{font-size:14px}.dispute-board-head>span:last-child{font-size:7px}.dispute-order small{font-size:7px}.dispute-order strong{font-size:18px}.dispute-order>span{font-size:19px}.dispute-timeline h3{font-size:16px}.manager-question{margin-bottom:22px}.manager-question p{font-size:24px}.dispute-explanation>h3{font-size:30px}.dispute-explanation .btn{width:100%}.dispute-board-note{padding:14px 19px;line-height:1.6}}
/* Balance entre el formulario y su apoyo visual. */
.booking-heading{margin-bottom:30px;max-width:820px}.booking-heading h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12;letter-spacing:-1.8px}.booking-heading>p{font-size:15px;margin-top:16px}.booking-grid{grid-template-columns:1fr 1fr;gap:30px;align-items:start}.booking-card{padding:30px}.booking-card legend{font-size:23px}.booking-card label{font-size:14px}.booking-card select,.booking-card input{font-size:14px;min-height:50px}.booking-preview{padding:24px}.booking-scene{margin:20px -24px 0}.booking-scene img{height:255px;aspect-ratio:auto;object-fit:cover;object-position:center 58%}.booking-scene figcaption{padding:35px 24px 17px}.booking-preview .booking-device{margin-top:15px;padding-bottom:15px}.booking-preview h3{font-size:21px;margin:17px 0 13px}.booking-preview ul{gap:9px}.booking-preview li{font-size:12px}
@media(min-width:981px){.booking-card{min-height:570px}.booking-form-bottom{margin-top:35px}}
@media(min-width:761px) and (max-width:980px){.booking-grid{gap:22px}.booking-card{padding:23px}.booking-card legend{font-size:20px}.booking-card label{font-size:13px}.booking-preview{padding:20px}.booking-scene{margin-left:-20px;margin-right:-20px}.booking-scene img{height:220px}.booking-preview h3{font-size:19px}.booking-preview-top>span:last-child{font-size:7px}}
@media(max-width:760px){.booking-heading h2{font-size:34px;letter-spacing:-1.3px}.booking-heading>p{font-size:14px}.booking-grid{grid-template-columns:1fr;gap:22px}.booking-card{padding:24px 20px}.booking-card legend{font-size:21px}.booking-preview{padding:22px 20px}.booking-scene{margin-left:-20px;margin-right:-20px}.booking-scene img{height:auto;aspect-ratio:3/2}.booking-preview h3{font-size:22px}}
/* Equilibrio final: conservar la escena completa y compactar su explicación. */
@media(min-width:761px){.booking-grid{align-items:stretch}.booking-card{display:flex;flex-direction:column}.booking-card #booking-form{flex:1}.booking-preview .booking-scene img{height:auto;aspect-ratio:3/2;object-fit:contain}.booking-preview .booking-scene figcaption{position:static;padding:11px 24px;background:#0d3047;display:flex;align-items:center;justify-content:space-between;gap:12px}.booking-scene figcaption span{font-size:7px;margin:0}.booking-scene figcaption strong{font-size:14px}.booking-preview .booking-device{margin-top:13px;padding-bottom:0;border:0}.booking-preview>h3{display:none}.booking-preview>ul{display:flex;gap:12px;margin-top:15px;padding-top:13px;border-top:1px solid #ffffff18}.booking-preview>ul li{flex:1;font-size:10px;line-height:1.5;align-items:flex-start;gap:6px}.booking-preview>ul li span{font-size:8px;padding-top:3px}}
@media(min-width:761px) and (max-width:980px){.booking-preview .booking-scene figcaption{display:block;padding:10px 20px}.booking-scene figcaption strong{margin-top:4px}.booking-preview>ul{display:grid;gap:7px}.booking-preview>ul li{font-size:11px}}
@media(min-width:981px){.booking-card #booking-form{display:flex;flex-direction:column}.booking-card #booking-form>fieldset:not([hidden]){display:flex;flex-direction:column;flex:1}.booking-card .booking-form-bottom{margin-top:auto;padding-top:25px}.booking-card legend{padding-bottom:8px}.booking-preview>ul li{font-size:11px}}
/* Composición unificada del problema y entrada al recorrido. */
.problem-heading{grid-template-columns:1fr 1fr;align-items:center;gap:50px}.problem-heading-copy .kicker{font-size:10px;line-height:1.6;margin:0 0 18px;color:#ffbd66;max-width:380px}.problem-heading-copy h2{font-size:42px;line-height:1.12}.problem-heading-lead{max-width:400px;margin:19px 0 0;color:#abc2d2;font-size:15px;line-height:1.75}.problem-conversation{max-width:none}.problem-conversation p{font-size:17px}.problem-grid{margin-top:35px}
.demo-launch{margin-top:30px;padding:25px 28px;background:#092c43;color:#fff;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.demo-launch-label{font-size:9px;letter-spacing:1.5px;color:#ffbe65;font-weight:700}.demo-launch h3{margin:9px 0 8px;font-size:25px;letter-spacing:-.7px;line-height:1.3;font-weight:600}.demo-launch h3>span{color:#8faabb;margin:0 9px;font-weight:400}.demo-launch h3 strong{color:#ffc16c;font-weight:650}.demo-launch p{font-size:13px;line-height:1.7;color:#afc6d6;margin:0;max-width:600px}.demo-launch .btn{font-size:13px;gap:18px;flex-shrink:0;padding:15px 18px}.demo-launch+.demo-journey{margin-top:0;border-radius:0 0 12px 12px;border-top:0}.demo-intro{max-width:none!important}
@media(max-width:980px){.problem-heading{gap:28px}.problem-heading-copy h2{font-size:35px}.demo-launch{gap:20px;padding:23px}.demo-launch h3{font-size:22px}.demo-launch .btn{font-size:12px}}
@media(max-width:760px){.problem-heading{display:block}.problem-heading-copy h2{font-size:34px}.problem-heading-lead{font-size:14px;margin-top:16px}.problem-conversation{margin-top:25px}.problem-conversation p{font-size:15px}.demo-launch{padding:22px 20px;flex-direction:column;align-items:stretch;gap:20px;margin-top:25px}.demo-launch h3{font-size:22px}.demo-launch h3>span{margin:0 4px}.demo-launch p{font-size:12px}.demo-launch .btn{align-self:flex-start}.demo-launch+.demo-journey{margin-top:0}}

/* avisos de "ilustrativo": que se puedan leer en un celular */
.phone-demo-label{font-size:10px!important;bottom:10px!important}
.case-note,.dispute-board-note{font-size:11px!important}
.demo-disclaimer{font-size:12px!important}
/* celular: el teléfono tapaba la frase "Antes de que salga, queda registrado." */
@media(max-width:760px){.hero-stage{height:auto;min-height:660px}.phone{right:14px}}
@media(max-width:390px){.hero-stage{min-height:650px}}
/* pantallas anchas: la página crece con el monitor en vez de quedar como una columna angosta */
@media(min-width:1700px){html{zoom:1.12}}
@media(min-width:2000px){html{zoom:1.3}}
@media(min-width:2400px){html{zoom:1.5}}
