/* Legal pages (condiciones, privacidad): same paper, ink and brown as the sales page,
   set for reading. Plain and complete on purpose: the law asks for clear, accessible text. */
:root {
  --papel: #F4F3F0;
  --tinta: #16191C;
  --tinta-2: #44484C;
  --linea: #D3CFC7;
  --marron: #9A5528;
  --marron-fondo: #F1E6DC;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font: 400 17px/1.6 "Newsreader", Georgia, serif;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
}
.doc { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
@media (min-width: 720px) { .doc { padding: 56px 32px 96px; } }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--marron); outline-offset: 3px; }
.volver { font: 600 14px/1.4 Manrope, Arial, sans-serif; color: var(--tinta-2); text-decoration: none; }
.volver:hover { color: var(--tinta); }
h1 { font: 500 clamp(32px, 6vw, 44px)/1.1 "Newsreader", Georgia, serif; margin: 24px 0 8px; text-wrap: balance; }
h2 { font: 700 18px/1.35 Manrope, Arial, sans-serif; margin: 40px 0 12px; }
.fecha { font: 500 14px/1.4 Manrope, Arial, sans-serif; color: var(--tinta-2); margin: 0 0 24px; }
p, li { max-width: 68ch; }
ul { padding-left: 1.2em; }
li { margin: 4px 0; }
.titular {
  display: grid; grid-template-columns: max-content 1fr; gap: 6px 20px;
  margin: 0; padding: 16px 20px; background: #fff; border: 1px solid var(--linea); border-radius: 6px;
  font: 500 15px/1.5 Manrope, Arial, sans-serif;
}
.titular dt { color: var(--tinta-2); }
.titular dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .titular { grid-template-columns: 1fr; gap: 0; }
  .titular dd { margin-bottom: 8px; }
}
.modelo { margin: 24px 0; padding: 16px 20px; border: 1.5px dashed var(--linea); border-radius: 6px; font-size: 16px; }
.modelo p { margin: 8px 0; }
table { width: 100%; border-collapse: collapse; font: 500 14px/1.5 Manrope, Arial, sans-serif; margin: 12px 0; }
th, td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--linea); }
th { color: var(--tinta-2); font-weight: 600; }
@media (max-width: 560px) {
  thead { display: none; }
  tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--linea); }
  td { display: block; border: 0; padding: 2px 0; }
  td:first-child { font-weight: 700; }
}
.ver-tambien { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--linea); font: 500 15px/1.5 Manrope, Arial, sans-serif; color: var(--tinta-2); }