/* Minimal site styles (no external deps) */
:root{--brand:#A10C34;--text:#1F2937;--muted:#6B7280;--bg:#FFFFFF;--card:#F9FAFB;}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--text);}
.container{max-width:1120px;margin:0 auto;padding:0 16px;}
.header{position:sticky;top:0;background:#fffbdde0;background:#ffffffcc;border-bottom:2px solid var(--brand);backdrop-filter:blur(8px);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.brand{color:var(--brand);font-weight:700;font-size:20px}
.menu a{margin:0 10px;text-decoration:none;color:#374151}
.btn{background:var(--brand);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}
.hero{padding:64px 0;background:#F3F4F6;text-align:center}
.rule{width:100px;height:4px;background:var(--brand);border-radius:999px;margin:12px auto}
.grid{display:grid;grid-template-columns:1fr;gap:20px;padding:32px 0}
@media(min-width:900px){.grid{grid-template-columns:1fr 1fr}}
/* neutraliza el clearfix de Bootstrap (.container::before/::after), que crea una celda de grid fantasma */
.container.grid::before,.container.grid::after{content:none;display:none}
.card{background:var(--card);border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.card img{width:100%;height:300px;object-fit:cover}
.card-content{padding:18px}
.card h3{margin:0 0 8px 0;font-size:22px}
.card p{margin:0 0 12px 0;line-height:1.55;color:#374151;white-space:pre-wrap}
.meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}
.footer{background:#111827;color:#fff;text-align:center;padding:28px 0;margin-top:24px}