/* Estilos de la web de CarLens. Generado por npm run legal a partir de theme/theme.ts: no lo edites a mano. */
:root{--background:#FFFFFF;--surface:#F7F7F8;--border:#E5E5EA;--text:#000000;--accent:#000000;--text-inverse:#FFFFFF}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;overflow-wrap:break-word}
.top,.pages,main,.bottom{max-width:680px;margin:0 auto;padding-left:20px;padding-right:20px}
.skip{position:absolute;left:20px;top:-96px;padding:12px 16px;border-radius:12px;background:var(--accent);color:var(--text-inverse);font-weight:600;text-decoration:none}
.skip:focus{top:8px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:8px}
.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:1.0625rem;font-weight:600;letter-spacing:-0.2px;font-weight:700;color:var(--text);text-decoration:none}
.brand img{display:block}
.language{display:flex;flex-shrink:0;padding:4px;border-radius:16px;background:var(--surface)}
.language a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:0 12px;border-radius:12px;font-size:0.875rem;font-weight:500;letter-spacing:-0.1px;color:var(--text);text-decoration:none}
.language a[aria-current]{background:var(--accent);color:var(--text-inverse);font-weight:600}
.pages{display:flex;flex-wrap:wrap;column-gap:24px;border-bottom:1px solid var(--border)}
.pages a{display:inline-flex;align-items:center;min-height:44px;font-size:0.9375rem;font-weight:400;color:var(--text);text-decoration:none}
.pages a[aria-current]{font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
main{padding-top:32px;padding-bottom:48px}
h1{margin:0 0 12px;font-size:2rem;font-weight:700;letter-spacing:-0.5px;line-height:1.15}
h2{margin:32px 0 12px;font-size:1.25rem;font-weight:600;letter-spacing:-0.3px;line-height:1.3}
p,ul,ol{margin:0 0 12px}
ul,ol{padding-left:22px}
li{margin-bottom:8px}
strong{font-weight:600}
a{color:var(--text);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--text);outline-offset:3px}
section{scroll-margin-top:16px}
.hero{display:block;margin-bottom:16px}
.lead{font-size:1.25rem;font-weight:600;letter-spacing:-0.3px;line-height:1.4}
.dates{margin-bottom:24px;font-size:0.9375rem;font-weight:400}
.toc{margin:24px 0 8px;padding:16px 24px;border-radius:24px;background:var(--surface);font-size:0.9375rem;font-weight:400}
.toc-title{margin:0 0 4px;font-weight:600}
.toc ol{margin:0;padding:0;list-style:none}
.toc li{margin:0}
.toc a{display:block;padding:6px 0;text-decoration:none}
.toc a:hover{text-decoration:underline}
.note{margin:0 0 16px;padding:16px 20px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.note p{margin:0}
.note .note-title{margin-bottom:4px;font-size:1.0625rem;font-weight:600;letter-spacing:-0.2px}
.rows{margin:0 0 12px;padding:0;list-style:none;border-radius:24px;background:var(--surface);overflow:hidden}
.rows li{margin:0;border-top:1px solid var(--border)}
.rows li:first-child{border-top:0}
.rows a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 20px;font-weight:500;text-decoration:none}
.rows a::after{content:"";flex-shrink:0;width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg)}
.rows a:hover{text-decoration:underline}
.rows a:focus-visible{outline-offset:-3px}
.bottom{padding-top:24px;padding-bottom:32px;border-top:1px solid var(--border);font-size:0.9375rem;font-weight:400}
.bottom p{margin:0}
@media print{.skip,.language,.pages{display:none}main{padding-top:0}}
