@font-face { font-family: "Fraunces"; src: url("/fuentes/fraunces.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/fuentes/manrope.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
:root { --crema: #fbf6ef; --tinta: #2b1d13; --tinta-2: #6b5646; --linea: #eadfd2; --naranja: #d8733a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--crema); color: var(--tinta); font: 500 16.5px/1.65 "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
header { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 860px; margin: 0 auto; padding: 22px 20px; }
header a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; font-weight: 800; font-size: 19px; }
header a b { color: var(--naranja); }
header nav { display: flex; gap: 16px; flex-wrap: wrap; font-size: 14.5px; }
header nav a { font-weight: 700; font-size: 14.5px; color: var(--tinta-2); }
main { max-width: 860px; margin: 0 auto; padding: 20px 20px 80px; }
h1 { font: 600 clamp(34px, 5vw, 46px)/1.1 "Fraunces", Georgia, serif; letter-spacing: -.02em; margin: 10px 0 8px; }
h2 { font: 600 24px/1.2 "Fraunces", Georgia, serif; margin: 38px 0 10px; }
p, li { color: #3d2a1c; }
.fecha { color: var(--tinta-2); font-size: 14.5px; margin-bottom: 26px; }
table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 15px; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 0 var(--linea); }
th, td { text-align: left; vertical-align: top; padding: 11px 14px; border-bottom: 1px solid var(--linea); }
th { background: #f4ebdf; font-weight: 800; font-size: 14px; }
a { color: var(--naranja); }
.tabla { overflow-x: auto; }
footer { max-width: 860px; margin: 0 auto; padding: 24px 20px 50px; border-top: 1px solid var(--linea); color: var(--tinta-2); font-size: 14px; }