/* Quovra · páginas legales (mismo contenido, identidad de "La familia") */
:root { --estudio: #E6E7E4; --papel: #F2F3F1; --tinta: #17181A; --grafito: #575A5E; --linea: rgba(23, 24, 26, .13); --piloto: #1E9A5C;
  --display: "Funnel Display", "Funnel Sans", ui-sans-serif, system-ui, sans-serif; --texto: "Funnel Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { background: var(--estudio); color: var(--tinta); font: 400 17px/1.65 var(--texto); -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 2px solid var(--tinta); outline-offset: 3px; border-radius: 4px; }
.legal-top { max-width: 760px; margin: 0 auto; padding: 22px 24px 0; }
.marca { display: inline-flex; align-items: center; gap: 10px; color: var(--tinta); text-decoration: none; font: 600 19px/1 var(--display); letter-spacing: -.02em; }
.marca svg { width: 26px; height: 26px; }
.piloto { fill: var(--piloto); }
.wrap { max-width: 760px; margin: 28px auto 72px; padding: 44px clamp(22px, 5vw, 56px) 56px; background: var(--papel); border-radius: 22px; box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 18px 40px -28px rgba(23, 24, 26, .35); }
@media (max-width: 640px) { .wrap { margin: 18px 12px 48px; } }
a { color: var(--tinta); text-decoration: underline; text-decoration-color: rgba(23, 24, 26, .35); text-underline-offset: 3px; }
a:hover { text-decoration-color: currentColor; }
.back { font-size: 15px; color: var(--grafito); text-decoration: none; }
.lang { float: right; font-size: 13px; font-weight: 600; text-decoration: none; padding: 3px 10px; border: 1px solid var(--linea); border-radius: 999px; }
h1 { font: 500 clamp(34px, 5vw, 52px)/1.02 var(--display); letter-spacing: -.035em; margin: 26px 0 8px; }
.fecha { font-size: 14px; color: var(--grafito); margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid var(--linea); }
h2 { font: 500 22px/1.2 var(--display); letter-spacing: -.02em; margin: 34px 0 8px; }
p, li { color: var(--grafito); font-size: 16.5px; }
p + p { margin-top: 10px; }
strong { color: var(--tinta); font-weight: 600; }
ul { padding-left: 20px; margin: 8px 0; }
li { margin: 5px 0; }
.prods { background: #fff; border: 1px solid var(--linea); border-radius: 14px; padding: 16px 22px 16px 38px; margin-top: 12px; }