/* Estilos de las páginas legales de Málaga del Terror.
   Claro y legible: estas páginas se leen en el celular y las revisa el proveedor de pagos. */

:root{
  --tinta:#141110; --gris:#5f564f; --linea:#e2ddd6; --papel:#fffdfa;
  --rojo:#8f1a15; --suave:#f7f4f0; --ambar:#8a5a12;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--papel); color:var(--tinta);
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:28px 20px 72px}

header{border-bottom:2px solid var(--tinta);padding-bottom:14px;margin-bottom:26px}
header a.marca{
  font-weight:800; font-size:.82rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--rojo); text-decoration:none;
}
header h1{font-size:1.65rem;line-height:1.2;margin:10px 0 6px;letter-spacing:-.01em}
header .meta{color:var(--gris);font-size:.86rem}

h2{font-size:1.05rem;margin:30px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--linea)}
h3{font-size:.95rem;margin:20px 0 6px}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:7px}
b,strong{font-weight:650}
a{color:var(--rojo)}
small{color:var(--gris);font-size:.85rem}

.tabla{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:.9rem}
.tabla th{
  text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--gris);border-bottom:1.5px solid var(--tinta);padding:0 10px 7px 0;
}
.tabla td{padding:9px 10px 9px 0;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla td:first-child{font-weight:600;white-space:nowrap}

.nota{
  background:var(--suave); border:1px solid var(--linea); border-left:3px solid var(--ambar);
  border-radius:4px; padding:14px 16px; margin:16px 0; font-size:.9rem; color:var(--gris);
}
.nota b{color:var(--tinta)}

.pendiente{
  background:rgba(138,90,18,.07); border-bottom:1px dashed var(--ambar);
  padding:1px 5px; border-radius:3px; font-weight:600; color:var(--ambar);
}

.pie{margin-top:40px;padding-top:18px;border-top:1px solid var(--linea);font-size:.86rem;color:var(--gris)}
.pie a{display:inline-block;margin-right:16px;margin-bottom:6px}

@media print{
  .pie a{color:var(--tinta)}
  body{font-size:11pt}
}