@font-face{font-family:'Onest Lab';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/onest.woff2') format('woff2')}
@font-face{font-family:'Unbounded Lab';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/unbounded.woff2') format('woff2')}
:root{--sc-nav-alto:72px;--sc-ambar:#ff9f1c;--sc-azul:#52c7f3}
html[data-sc-navegacion] .pv-navmovil,html[data-sc-navegacion] .cmp-movil-nav{display:none!important}
body:has(>.cabecera){font-family:'Onest Lab',Arial,sans-serif}
.cabecera .marca{font-family:'Unbounded Lab',Arial,sans-serif;display:inline-flex;align-items:center;gap:0;font-size:22px;letter-spacing:-1px;white-space:nowrap}
.cabecera .sc-emblema{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #444a54;border-radius:10px;color:#eef0f2;font-family:'Onest Lab',Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:-1px;margin-right:12px;position:relative;background:#15191e}
.sc-emblema::before{content:'';position:absolute;top:5px;left:8px;right:8px;height:6px;border-top:2px solid #ff9f1c;border-radius:50%}
.sc-navegacion{display:none}
html[data-sc-menu-abierto] .skai-viajero,html[data-sc-menu-abierto] .skai-huellas,html[data-sc-menu-abierto] #sc-skai-ocultar{visibility:hidden!important;pointer-events:none!important}
@media(max-width:1023px){
 html[data-sc-navegacion] body{padding-bottom:calc(var(--sc-nav-alto) + env(safe-area-inset-bottom) + 20px)}
 html[data-sc-navegacion] .pv{padding-bottom:16px}
 .sc-navegacion{display:block;position:fixed;z-index:110;bottom:0;left:0;right:0;background:#0f1013f5;border-top:1px solid #ffffff1c;padding:0 10px env(safe-area-inset-bottom);backdrop-filter:blur(18px);font:400 12px/1.3 'Onest Lab',Arial,sans-serif;color:#a9afb7}
 .sc-nav-fila{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--sc-nav-alto);max-width:760px;margin:auto;gap:2px}
 .sc-nav-fila>a,.sc-nav-fila>button{position:relative;border:0;background:none;color:inherit;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-decoration:none;padding:10px 0;font:inherit;cursor:pointer;white-space:nowrap;min-width:0;outline-offset:-3px;-webkit-tap-highlight-color:transparent}
 .sc-nav-fila svg{width:23px;height:23px;flex:none}
 .sc-nav-fila [aria-current=page],.sc-nav-fila button[data-activo=true],.sc-nav-fila button[aria-expanded=true]{color:var(--sc-ambar)}
 .sc-nav-fila [aria-current=page]::before,.sc-nav-fila button[data-activo=true]::before{content:'';position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--sc-ambar);border-radius:0 0 5px 5px}
 .sc-menu-mas{position:absolute;right:max(12px,calc((100vw - 760px)/2));bottom:calc(100% + 10px);width:min(260px,calc(100vw - 24px));padding:8px;background:#1b1e25;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 12px 40px #0007}
 .sc-menu-mas[hidden]{display:none}
 .sc-menu-mas a{display:flex;align-items:center;gap:14px;min-height:52px;padding:12px 15px;border-radius:11px;text-decoration:none;color:#c4c9d0;font-size:15px}
 .sc-menu-mas svg{width:23px;height:23px;flex:none}
 .sc-menu-mas a:hover,.sc-menu-mas a:focus-visible{background:#ffffff0b;color:#fff}
 .sc-menu-mas [aria-current=page]{color:var(--sc-ambar)}
 .sc-navegacion :focus-visible{outline:2px solid #ffcf85}
 .cabecera .marca{font-size:19px}.cabecera .sc-emblema{width:31px;height:31px;font-size:14px;margin-right:9px;border-radius:9px}
 .cabecera .acceso-lavado{min-height:42px;padding:8px 11px;font-size:12px}
 body:has(#reserva) .barra-accion{bottom:calc(var(--sc-nav-alto) + env(safe-area-inset-bottom));padding-bottom:12px}
 html[data-sc-navegacion] body:has(#reserva){padding-bottom:calc(var(--sc-nav-alto) + env(safe-area-inset-bottom) + 120px)}
 html[data-sc-navegacion] .pagina-proximamente,html[data-sc-navegacion] .pagina-comparar{padding-bottom:calc(var(--sc-nav-alto) + env(safe-area-inset-bottom) + 20px)}
}
@media(max-width:360px){.sc-navegacion{font-size:11px;padding-left:5px;padding-right:5px}.cabecera .marca{font-size:17px}.cabecera .sc-emblema{display:none}.cabecera .acceso-lavado{font-size:11px}}

/* Secciones en preparación: marca "Pronto" en el menú y en los textos */
.sc-navegacion a[data-sc-pronto]{position:relative}
.sc-nav-pronto{position:absolute;top:4px;left:calc(50% + 6px);padding:1px 5px;border-radius:999px;background:#ff9f1c;color:#141008;font:700 8.5px/1.4 var(--lectura,'Onest',Arial,sans-serif);font-style:normal;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
.sc-menu-mas .sc-nav-pronto{position:static;margin-left:8px}
.sc-pronto{display:inline-block;margin-left:6px;padding:2px 8px;border:1px solid #ff9f1c80;border-radius:999px;color:#ffb553;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}
html[data-tema="claro"][data-sc-pagina] .sc-pronto{color:#8a4b00;border-color:#d97a0080}
/* Cabecera común (Comparar, Mercado, Servicios): las mismas medidas que la de la app, para que
   pasar de una pestaña a otra no salte. Valores tomados de la cabecera de la app. */
@font-face{font-family:'Unbounded Lab';font-weight:200 900;font-display:swap;src:url('/assets/unbounded.woff2') format('woff2')}
.sc-cab-comun{--gutter:clamp(1rem,.5rem + 2.4vw,2.5rem);position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-sizing:border-box;min-height:4rem;height:4rem;margin:0;padding:.5rem calc(var(--gutter) + 52px) .5rem var(--gutter);background:#0b0c0ef2;border-bottom:1px solid #ffffff18;font:400 17px/1.6 'Onest Lab',system-ui,-apple-system,'Segoe UI',sans-serif;color:#eef0f2;max-width:none}
.sc-cab-comun .pv-cab__marca{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:inherit}
.sc-cab-comun .pv-marca{display:inline-flex;align-items:center;gap:.6rem}
.sc-cab-comun .pv-marca__nombre{font:500 1.0625rem/1 'Unbounded Lab',system-ui,sans-serif;letter-spacing:-.01em;color:#eef0f2}
.sc-cab-comun .pv-marca__nombre span{color:#ff9f1c}
.sc-cab-comun .pv-cab__nav{display:none}
.sc-cab-comun .pv-cab__nav ul{display:flex;gap:.15rem;margin:0;padding:0;list-style:none}
.sc-cab-comun .pv-cab__nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 .85rem;color:#a9afb7;text-decoration:none;font-weight:500;white-space:nowrap}
.sc-cab-comun .pv-cab__nav a:hover,.sc-cab-comun .pv-cab__nav a[aria-current]{color:#eef0f2}
.sc-cab-comun .pv-cab__nav a::after{display:none!important}
.sc-cab-comun .pv-cab__luz{position:absolute;left:.85rem;right:.85rem;bottom:6px;height:2px;border-radius:2px;background:#ff9f1c;opacity:0}
.sc-cab-comun .pv-cab__nav a[aria-current] .pv-cab__luz{opacity:1}
.sc-cab-comun .pv-cab__perfil{display:inline-flex;align-items:center;gap:.55rem;box-sizing:border-box;min-height:44px;padding:.25rem .65rem .25rem .3rem;border:1px solid #3a3f47;border-radius:0;background:#ffffff06;color:#eef0f2;text-decoration:none}
.sc-cab-comun .pv-cab__perfil-anillo{--perfil-header:0deg;width:2.25rem;height:2.25rem;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle,#15171b 56%,transparent 59%),conic-gradient(#ff9f1c var(--perfil-header),#3a3f47 0)}
.sc-cab-comun .pv-cab__perfil-texto{display:grid;line-height:1.05;text-align:left}
.sc-cab-comun .pv-cab__perfil-texto small{font-size:.64rem;color:#8b919a}
.sc-cab-comun .pv-cab__perfil-texto strong{font-size:.82rem;font-weight:700}
.sc-cab-comun>.sc-tema{right:var(--gutter)!important}
@media(min-width:64rem){.sc-cab-comun .pv-cab__nav{display:block}}
@media(max-width:29rem){.sc-cab-comun .pv-cab__perfil{padding-right:.3rem}.sc-cab-comun .pv-cab__perfil-texto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
html[data-tema="claro"] .sc-cab-comun{background:#f4f5f8f2;border-bottom-color:#11151c1c;color:#18191a}
html[data-tema="claro"] .sc-cab-comun .pv-marca__nombre{color:#18191a}
html[data-tema="claro"] .sc-cab-comun .pv-marca__nombre span{color:#985c04}
html[data-tema="claro"] .sc-cab-comun .pv-cab__nav a{color:#3a3f46}
html[data-tema="claro"] .sc-cab-comun .pv-cab__nav a:hover,html[data-tema="claro"] .sc-cab-comun .pv-cab__nav a[aria-current]{color:#18191a}
html[data-tema="claro"] .sc-cab-comun .pv-cab__perfil{border-color:#c0c6d0;background:#11151c03;color:#18191a}
html[data-tema="claro"] .sc-cab-comun .pv-cab__perfil-anillo{background:radial-gradient(circle,#eef0f2 56%,transparent 59%),conic-gradient(#ff9f1c var(--perfil-header),#c0c6d0 0)}
html[data-tema="claro"] .sc-cab-comun .pv-cab__perfil-texto small{color:#4e535b}
/* Entre 1024 y 1240 px el menú completo no entra: se achica sin romperse (app y páginas sueltas). */
@media(min-width:64rem) and (max-width:77.5rem){
 .pv-cab__nav a{padding:0 .55rem!important;font-size:15.5px}
 .pv-cab__luz{left:.55rem!important;right:.55rem!important}
 .pv-cab__perfil{padding-right:.3rem!important}
 .pv-cab__perfil-texto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.pv-cab__nav a{white-space:nowrap}
/* Paso entre páginas (Inicio → Comparar → Mercado…): fundido corto y la cabecera quieta,
   como dentro de la app. Navegadores sin soporte cambian de página como siempre. */
@view-transition{navigation:auto}
/* La cabecera de precarga puede coexistir un instante con la real. Un nombre
   repetido aborta la transición al volver desde Servicios o Mercado. */
.pv-cab:not(.sc-precarga){view-transition-name:sc-cabecera}
::view-transition-group(sc-cabecera){animation-duration:0s}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease-out}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
