/* Persistent navigation: full header at the top, compact control while scrolling. */
.header.nav-ready{position:fixed;left:auto;right:3%;top:18px;width:94%;z-index:100;transition:width .42s cubic-bezier(.22,1,.36,1),height .35s ease,padding .35s ease,border-radius .35s ease,background .3s ease,box-shadow .3s ease}
.header.nav-ready .brand{transition:opacity .2s ease,transform .35s ease}
.header.nav-ready.menu-compact{width:56px;height:56px;min-height:56px;padding:0;gap:0;border:0;border-radius:18px;background:#143978;box-shadow:0 8px 28px #10295430;backdrop-filter:none}
.header.menu-compact .brand{position:absolute;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.8)}
.header.menu-compact .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;margin:0;width:56px;min-width:56px;height:56px;padding:16px;border:0;border-radius:18px;background:#143978;color:#fff;cursor:pointer;transition:background .2s ease,transform .25s ease}
.header.menu-compact .mobile-menu-toggle:hover{background:#214b99;transform:translateY(-2px)}
.header.menu-compact .nav-panel{position:absolute;left:auto;right:0;top:calc(100% + 12px);width:min(360px,calc(100vw - 32px));max-height:calc(100svh - 108px);overflow-y:auto;margin:0;padding:16px;display:flex;flex-direction:column;align-items:stretch;gap:10px;background:#fffffffa;border:1px solid #e2e7ef;border-radius:22px;box-shadow:0 20px 60px #10295426;backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transform-origin:top right;pointer-events:none;transition:opacity .28s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear .38s}
.header.menu-compact.mobile-nav-open .nav-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.header.menu-compact nav,.moving-page .header.menu-compact nav{position:static;display:flex;flex-direction:column;gap:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;opacity:1;visibility:inherit;transform:none;pointer-events:inherit}
.header.menu-compact nav a,.moving-page .header.menu-compact nav a{display:block;padding:15px 14px;font-size:17px;line-height:1.35;color:#142b58;border-radius:12px;transition:background .2s ease,transform .2s ease}
.header.menu-compact nav a:hover{background:#edf2fb;transform:translateX(3px)}
.header.menu-compact .nav-panel>.button{display:flex;width:100%;min-height:50px;margin:0;padding:15px 18px;font-size:14px;justify-content:space-between;background:#f9d941;color:#142b58;border-radius:999px}
.header.nav-ready .menu-line{transform-origin:12px 12px;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.header.nav-ready .menu-line:first-child{transform:translateY(-4px)}
.header.nav-ready .menu-line:last-child{transform:translateY(4px)}
.header.nav-ready.mobile-nav-open .menu-line:first-child{transform:rotate(45deg)}
.header.nav-ready.mobile-nav-open .menu-line:last-child{transform:rotate(-45deg)}
@media(max-width:760px){.header.nav-ready,.moving-page .header.nav-ready{top:12px;right:12px;width:calc(100% - 24px)}.header.nav-ready.menu-compact,.moving-page .header.nav-ready.menu-compact{width:56px;height:56px;min-height:56px;top:12px}.header.nav-ready .nav-panel{max-height:calc(100svh - 118px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.header.nav-ready,.header.nav-ready *{transition:none!important}}
/* The vehicle is the focus of the quote introduction. */
.quote-intro .plano-unidad{margin-top:28px;padding:24px 18px 20px;border-radius:22px;background:linear-gradient(145deg,#f0f4fc,#e9eff9);border:1px solid #e1e8f3}
.quote-intro .pu-dibujo{width:100%;margin:10px 0 0;overflow:hidden}
.quote-intro .pu-guias{display:none}
.quote-intro .pu-titulo{font-size:20px;line-height:1.3}
.quote-intro .pu-lectura{font-size:13px;line-height:1.6;margin-top:8px;min-height:4.8em}
.quote-intro .quote-help{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:12px 4px;background:none;border-top:1px solid #e0e5ed;color:#666866}
.quote-intro .quote-help span{font-size:12px}.quote-intro .quote-help a{margin:0;font-size:16px;white-space:nowrap;color:#143978}
@media(max-width:760px){.quote-intro .plano-unidad{padding:20px 12px 16px}.quote-intro .pu-dibujo{width:100%;margin:10px 0 0}.quote-intro .pu-unidades{gap:5px}.quote-intro .pu-unidades li{padding:7px 9px}.quote-intro .quote-help a{font-size:15px}}