:root{--verde:#09432d;--verdeosc:#05402a;--rojo:#9e1f33;--crema:#f6efdc;--papel:#fbf6e9;--tinta:#201d18;--gris:#728a7a;--linea:rgba(9,67,45,.28)}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 15% 10%,rgba(158,31,51,.08),transparent 28%),radial-gradient(circle at 85% 0%,rgba(9,67,45,.12),transparent 30%),repeating-linear-gradient(0deg,rgba(9,67,45,.035) 0 1px,transparent 1px 7px),var(--crema);color:var(--tinta);font-family:Georgia,"Times New Roman",serif;letter-spacing:.01em}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(32,29,24,.16) .7px,transparent .8px);background-size:5px 5px;mix-blend-mode:multiply;opacity:.32;z-index:2000}
.navbar{background:linear-gradient(180deg,var(--verdeosc),var(--verde));border-bottom:4px solid var(--rojo);box-shadow:0 8px 0 rgba(9,67,45,.16)}
.navbar .nav-link{color:#f4fee6;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-left:1px solid rgba(244,254,230,.22)}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff;background:rgba(158,31,51,.42)}
.navbar-brand{font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.logo-marco{width:52px;height:52px;object-fit:cover;border-radius:50%;border:3px solid #f4fee6;background:#fff;box-shadow:0 0 0 3px var(--rojo)}
.hero{padding-top:9rem;position:relative;overflow:hidden;border-bottom:5px double var(--verde)}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:18px;background:repeating-linear-gradient(135deg,var(--rojo) 0 14px,var(--crema) 14px 28px,var(--verde) 28px 42px)}
.masthead{font-size:clamp(2.4rem,6vw,5.7rem);line-height:.9;font-weight:900;text-transform:uppercase;color:var(--verdeosc);text-shadow:3px 3px 0 rgba(158,31,51,.22);letter-spacing:-.04em}
.kicker{display:inline-block;background:var(--rojo);color:#fff;padding:.35rem .8rem;transform:rotate(-1.2deg);box-shadow:4px 4px 0 var(--verde);font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.lead-retro{font-size:1.2rem;border-left:6px solid var(--rojo);padding-left:1rem;background:rgba(251,246,233,.72)}
.logo-hero{width:min(260px,58vw);aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:50%;border:8px solid var(--verde);box-shadow:0 0 0 8px var(--crema),0 0 0 12px var(--rojo),0 22px 40px rgba(9,67,45,.28);padding:.6rem}
.img-periodico{width:100%;height:100%;object-fit:cover;filter:sepia(.22) contrast(1.06) saturate(1.05);border:4px solid var(--tinta);box-shadow:8px 8px 0 var(--verde),-6px -6px 0 rgba(158,31,51,.7);background:var(--papel)}
.hero .img-periodico{aspect-ratio:16/9}
.seccion{padding:5rem 0;position:relative}
.seccion:nth-of-type(even){background:linear-gradient(90deg,rgba(9,67,45,.06),rgba(158,31,51,.05));border-top:3px solid var(--linea);border-bottom:3px solid var(--linea)}
.titulo-seccion{font-weight:900;text-transform:uppercase;color:var(--verdeosc);letter-spacing:-.03em;position:relative;display:inline-block}
.titulo-seccion::after{content:"";display:block;height:10px;margin-top:.25rem;background:repeating-linear-gradient(90deg,var(--rojo) 0 18px,transparent 18px 26px,var(--verde) 26px 44px)}
.subtitulo{font-weight:900;color:var(--rojo);text-transform:uppercase;letter-spacing:.04em;border-bottom:3px solid var(--verde);padding-bottom:.35rem}
.papel{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(251,246,233,.92));border:3px solid var(--tinta);box-shadow:10px 10px 0 rgba(9,67,45,.18);position:relative}
.papel::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(9,67,45,.35);pointer-events:none}
.card{border:3px solid var(--tinta);border-radius:0;background:var(--papel);box-shadow:8px 8px 0 rgba(158,31,51,.18);transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translate(-4px,-4px) rotate(-.35deg);box-shadow:14px 14px 0 rgba(9,67,45,.28)}
.card-img-top{aspect-ratio:3/2;object-fit:cover;filter:sepia(.24) contrast(1.05);border-bottom:4px solid var(--tinta)}
.card-body{border-top:6px double var(--verde)}
.sello{display:inline-flex;align-items:center;gap:.4rem;border:3px solid var(--rojo);color:var(--rojo);border-radius:50rem;padding:.25rem .75rem;font-weight:900;text-transform:uppercase;background:#fff;transform:rotate(-2deg)}
.btn-retro{border:3px solid var(--tinta);border-radius:0;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:5px 5px 0 var(--tinta);transition:transform .2s ease,box-shadow .2s ease}
.btn-retro:hover{transform:translate(3px,3px);box-shadow:0 0 0 var(--tinta)}
.btn-verde{background:var(--verde);color:#fff}
.btn-rojo{background:var(--rojo);color:#fff}
.cta-banda{background:repeating-linear-gradient(-45deg,var(--verde) 0 22px,var(--verdeosc) 22px 44px);color:#fff;border-top:6px solid var(--rojo);border-bottom:6px solid var(--rojo)}
.cta-banda .display-6{text-shadow:3px 3px 0 rgba(0,0,0,.3)}
.icono{width:1.15em;height:1.15em;vertical-align:-.22em;fill:currentColor}
.cita{font-size:1.35rem;font-weight:700;color:var(--verdeosc);border:8px double var(--rojo);padding:1.4rem;background:rgba(255,255,255,.62)}
.footer{background:var(--tinta);color:var(--crema);border-top:10px solid var(--verde)}
.footer a{color:#fff}
.link-retro{color:var(--rojo);font-weight:900;text-decoration:none;border-bottom:3px solid var(--verde)}
.link-retro:hover{color:var(--verdeosc);background:rgba(158,31,51,.14)}
.divisor{height:22px;background:repeating-linear-gradient(90deg,var(--verde) 0 18px,var(--crema) 18px 28px,var(--rojo) 28px 46px);border-top:3px solid var(--tinta);border-bottom:3px solid var(--tinta)}
@media (max-width:991.98px){.hero{padding-top:7.5rem}.navbar .nav-link{border-left:0;border-top:1px solid rgba(244,254,230,.18)}.seccion{padding:3.4rem 0}}
@media print{.navbar,.cta-banda,.btn{display:none!important}body::before{display:none}}