*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font:18px/1.65 var(--font-body)}a{color:var(--color-link);text-underline-offset:5px}a:focus-visible{outline:3px solid var(--color-brand);outline-offset:5px}.salto{position:absolute;left:12px;top:-100px}.salto:focus{top:12px;background:var(--color-bg);padding:12px}header,main,footer{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.marca{font-family:var(--font-display);font-weight:bold;font-size:22px;text-decoration:none}nav{display:flex;gap:24px}main{padding-top:70px;padding-bottom:80px;min-height:65vh}h1,h2{font-family:var(--font-display);line-height:1.1}h1{font-size:clamp(2.5rem,7vw,5rem);max-width:900px;overflow-wrap:anywhere;margin:20px 0 30px}h2{font-size:2rem}.etiqueta{color:var(--color-brand);text-transform:uppercase;letter-spacing:.16em;font-size:14px;font-weight:bold}.intro{font-size:24px;max-width:640px}.boton{display:inline-block;background:var(--color-brand);color:var(--color-on-brand);padding:15px 24px;border-radius:4px;text-decoration:none;margin:18px 0}.boton:hover{background:var(--color-brand-hover)}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin-top:48px}.tarjeta{background:var(--color-surface);padding:30px;border-radius:8px}.hora{font-size:clamp(2.5rem,8vw,4.5rem);font-family:var(--font-display);margin:16px 0}footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:16px}@media(max-width:500px){header,main,footer{padding-left:22px;padding-right:22px}main{padding-top:44px}.intro{font-size:21px}}
