/* Páginas de privacidad y términos: misma paleta y tipografías que la web de venta, pensadas para leer */
:root { --noche: #09090A; --panel: #131316; --linea: #2A2A30; --texto: #F4F3F1; --suave: #B4B2B8; --tenue: #7E7C84; --naranja: #FF7A00; --naranja-2: #FF9A3D; color-scheme: dark }
* { box-sizing: border-box }
html { -webkit-text-size-adjust: 100% }
body { margin: 0; background: var(--noche); color: var(--texto); font: 17px/1.65 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased }
a { color: var(--naranja-2) }
a:focus-visible { outline: 3px solid var(--naranja-2); outline-offset: 3px }
.caja { width: 100%; max-width: 760px; margin: 0 auto; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)) }
.arriba { border-bottom: 1px solid var(--linea) }
.arriba .caja, .pie .caja { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; min-height: 64px }
.marca { display: inline-flex; align-items: center; gap: 10px; color: var(--texto); text-decoration: none; font: 800 20px/1 'Barlow Condensed', 'Arial Narrow', sans-serif; letter-spacing: 0.1em }
.texto { padding-top: 40px; padding-bottom: 56px }
.etiqueta { margin: 0; font: 700 13px/1 'Barlow', sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: var(--naranja) }
h1 { margin: 14px 0 0; font: 800 clamp(38px, 7vw, 56px)/1 'Barlow Condensed', 'Arial Narrow', sans-serif; text-wrap: balance }
h2 { margin: 36px 0 8px; font: 700 26px/1.1 'Barlow Condensed', 'Arial Narrow', sans-serif }
p { margin: 0 0 12px; max-width: 68ch }
.bajada { margin-top: 16px; font-size: 19px; color: var(--suave) }
ul { margin: 0 0 12px; padding-left: 22px; max-width: 68ch }
li { margin-bottom: 8px }
b { color: var(--texto) }
.nota-legal { margin-top: 14px; padding: 14px 16px; background: var(--panel); border: 1px solid var(--linea); border-radius: 12px; font-size: 14px; line-height: 1.55; color: var(--suave) }
.pie { border-top: 1px solid var(--linea); font-size: 15px }
.pie .caja { padding-top: 12px; padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) }