/* Paginas legales (privacy / cookies / legal notice). Autonomo: no depende del CSS del sitio. */
@font-face { font-family: 'Paul Slab'; src: url('../assets/fonts/paulslab-bold.otf') format('opentype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Paul Slab'; src: url('../assets/fonts/paulslab-regular.otf') format('opentype'); font-weight: 400; font-display: swap; }

:root { --wine:#6e1320; --red:#c12530; --bright:#e01515; --gold:#bd8b23; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #fff; }
body.legal { font-family: 'Jost', -apple-system, system-ui, sans-serif; color: var(--wine); -webkit-font-smoothing: antialiased; }

.legal-wrap { max-width: 760px; margin: 0 auto; padding: clamp(36px,6vh,80px) 6vw 72px; }
.legal-home { display: inline-block; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; font-size: 12px; color: var(--wine); text-decoration: none; opacity: .7; transition: opacity .2s, color .2s; }
.legal-home:hover { opacity: 1; color: var(--red); }

.legal-wrap h1 { font-family: 'Paul Slab', serif; font-weight: 700; text-transform: uppercase; color: var(--bright); line-height: 1; font-size: clamp(30px,5vw,52px); margin: 26px 0 6px; }
.legal-updated { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; opacity: .55; margin: 0 0 34px; }
.legal-wrap h2 { font-family: 'Paul Slab', serif; font-weight: 700; font-size: clamp(18px,2.1vw,25px); color: var(--wine); margin: 38px 0 10px; }
.legal-wrap p, .legal-wrap li { font-weight: 300; font-size: 15px; line-height: 1.65; color: #5d2730; }
.legal-wrap p { margin: 0 0 12px; }
.legal-wrap ul { padding-left: 20px; margin: 0 0 12px; }
.legal-wrap li { margin: 0 0 6px; }
.legal-wrap a { color: var(--red); }
.legal-wrap b, .legal-wrap strong { font-weight: 600; color: var(--wine); }
.legal-block { margin: 0 0 12px; }
.legal-block span { display: block; }

.legal-foot { margin-top: 58px; padding-top: 20px; border-top: 1px solid rgba(110,19,32,.14); display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; }
.legal-foot span { font-size: 12px; opacity: .55; }
.legal-foot a { font-size: 12px; color: var(--wine); text-decoration: none; opacity: .75; }
.legal-foot a:hover { opacity: 1; color: var(--red); }