/* Estilos base compartidos por todos los artículos */
:root {
  --burgundy: #6D1A36;
  --burgundy-dark: #4a1125;
  --cream: #FAF7F2;
  --white: #FFFFFF;
  --text: #1a1a1a;
  --gray: #666666;
  --light: #f5eef1;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Georgia', serif; background: var(--cream); color: var(--text); line-height: 1.8; }
a { color: var(--burgundy); }

/* NAV */
nav { background: var(--burgundy); padding: 16px 40px; display:flex; justify-content:space-between; align-items:center; }
nav .logo { color: white; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; font-family: Georgia, serif; text-decoration:none; }
nav ul { list-style:none; display:flex; gap:28px; }
nav ul li a { color: rgba(255,255,255,0.85); text-decoration:none; font-family: 'Helvetica Neue', sans-serif; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
nav ul li a:hover { color: white; }

/* ARTICLE HERO */
.article-hero { background: var(--burgundy); padding: 60px 40px 50px; text-align:center; }
.article-hero .categoria { font-family: 'Helvetica Neue', sans-serif; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-bottom: 16px; }
.article-hero h1 { font-size: clamp(26px, 4vw, 40px); color: white; max-width: 800px; margin: 0 auto 20px; line-height: 1.25; }
.article-hero .meta { font-size: 13px; color: rgba(255,255,255,0.55); font-family: 'Helvetica Neue', sans-serif; }

/* ARTICLE BODY */
.article-body { max-width: 760px; margin: 0 auto; padding: 60px 24px 80px; }
.article-body p { margin-bottom: 22px; font-size: 17px; line-height: 1.85; }
.article-body h2 { font-size: 26px; color: var(--burgundy); margin: 50px 0 18px; border-bottom: 2px solid var(--light); padding-bottom: 10px; }
.article-body h3 { font-size: 20px; color: var(--text); margin: 36px 0 14px; }
.article-body ul, .article-body ol { margin: 0 0 22px 28px; }
.article-body li { margin-bottom: 10px; font-size: 17px; line-height: 1.75; }
.article-body .destacado { background: var(--light); border-left: 4px solid var(--burgundy); padding: 20px 28px; margin: 36px 0; font-style: italic; font-size: 18px; color: var(--burgundy); border-radius: 0 6px 6px 0; }
.article-body .fuente { font-size: 13px; color: var(--gray); font-style: italic; margin-top: -14px; margin-bottom: 22px; }
.article-body table { width:100%; border-collapse: collapse; margin: 28px 0; font-size: 15px; }
.article-body table th { background: var(--burgundy); color: white; padding: 10px 14px; text-align:left; }
.article-body table td { padding: 9px 14px; border-bottom: 1px solid #e0d0d8; }
.article-body table tr:nth-child(even) td { background: var(--light); }

/* CTA */
.cta-box { background: var(--burgundy); color: white; padding: 40px; border-radius: 6px; text-align: center; margin: 60px 0 20px; }
.cta-box h3 { font-size: 22px; margin-bottom: 14px; }
.cta-box p { font-size: 16px; color: rgba(255,255,255,0.85); margin-bottom: 20px; }
.cta-box a { display: inline-block; background: white; color: var(--burgundy); padding: 12px 32px; border-radius: 4px; font-family: 'Helvetica Neue', sans-serif; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-decoration:none; }

/* REFS */
.referencias { background: #f9f4f6; border: 1px solid #e0d0d8; border-radius: 6px; padding: 28px 32px; margin-top: 50px; }
.referencias h4 { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray); margin-bottom: 16px; }
.referencias p { font-size: 13px; color: var(--gray); font-style: italic; margin-bottom: 8px; line-height: 1.6; }

/* FOOTER */
footer { background: var(--burgundy-dark); color: rgba(255,255,255,0.6); text-align:center; padding: 32px 24px; font-family: 'Helvetica Neue', sans-serif; font-size: 13px; }
footer a { color: rgba(255,255,255,0.7); }

@media(max-width:600px){ nav ul { display:none; } .article-hero { padding: 40px 20px 36px; } }