
:root{--navy:#0d1b2a;--navy2:#1e3a4f;--red:#c8102e;--red-lt:#ffd4dc;--cream:#f5f3ee;--cream2:#e8e4dc;--text:#1a1a1a;--muted:#666;--border:#ddd;--white:#ffffff;--blue:#378add;--blue-lt:#e6f1fb}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Georgia','Times New Roman',serif;background:var(--cream);color:var(--text);line-height:1.7}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.ai-badge{display:inline-flex;align-items:center;gap:3px;background:#0f2235;border:.5px solid var(--blue);border-radius:3px;padding:1px 5px;font-size:9px;color:#7ecff0;font-family:Arial,sans-serif;vertical-align:middle}
.top-bar{background:var(--red);color:var(--white);font-family:Arial,sans-serif;font-size:11px;padding:4px 0}
.top-bar__inner{display:flex;justify-content:space-between;align-items:center}
.top-bar a{color:var(--red-lt);text-decoration:none;margin-left:14px}
.top-bar a:hover{color:var(--white)}
.nameplate{background:var(--navy);padding:12px 0}
.nameplate__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nameplate__title{font-size:40px;font-weight:700;color:var(--white);letter-spacing:-2px;line-height:1;white-space:nowrap}
.nameplate__sub{font-size:10px;color:#9db4c0;letter-spacing:2px;text-transform:uppercase;margin-top:2px;font-family:Arial,sans-serif}
.nameplate__ad{flex:1;text-align:center}
.banner-slot{display:flex;align-items:center;justify-content:center;background:var(--cream2);border:1px dashed #bbb;font-family:Arial,sans-serif;font-size:10px;color:#999;letter-spacing:1px;overflow:hidden;position:relative}
.banner-slot img{width:100%;height:100%;object-fit:cover;display:block}
.banner-slot a{display:block;width:100%;height:100%}
.nav-main{background:var(--navy);border-top:1px solid var(--navy2)}
.nav-main ul{display:flex;list-style:none;flex-wrap:wrap}
.nav-main li a{display:block;padding:9px 15px;color:#c8d8e4;font-family:Arial,sans-serif;font-size:12px;text-decoration:none;letter-spacing:.3px;border-right:1px solid var(--navy2);transition:background .15s}
.nav-main li a:hover,.nav-main li.active a{background:var(--navy2);color:var(--white)}
.nav-main li.cat-destacada a{background:var(--red);color:var(--white)}
.breaking{background:var(--red);display:flex;align-items:center;padding:6px 0;overflow:hidden}
.breaking__label{background:var(--white);color:var(--red);font-family:Arial,sans-serif;font-size:10px;font-weight:700;padding:2px 8px;letter-spacing:1px;white-space:nowrap;flex-shrink:0;margin-left:16px}
.breaking__track{display:flex;overflow:hidden;flex:1;margin:0 12px}
.breaking__text{color:var(--white);font-family:Arial,sans-serif;font-size:12px;white-space:nowrap;animation:ticker 30s linear infinite}
@keyframes ticker{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.leaderboard{width:100%;height:90px;margin:0}
.layout-main{display:grid;grid-template-columns:160px 1fr 160px;gap:14px;padding:14px 0;align-items:start}
@media(max-width:900px){.layout-main{grid-template-columns:1fr}.col-sidebar-left,.col-sidebar-right{display:none}}
.col-sidebar-left,.col-sidebar-right{display:flex;flex-direction:column;gap:12px}
.ad-sky{width:160px;height:600px}
.clasificados-widget{background:var(--white);border:.5px solid var(--border);border-radius:4px;overflow:hidden}
.clasificados-widget__title{font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--navy);text-transform:uppercase;padding:7px 10px;border-bottom:1px solid var(--border);background:#faf8f4}
.clasificado-mini{padding:8px 10px;border-bottom:.5px solid #f0ede8;font-family:Arial,sans-serif;font-size:11px;line-height:1.45}
.clasificado-mini strong{color:var(--red);font-size:10px;display:block}
.clasificados-widget__more{padding:7px 10px;text-align:center}
.clasificados-widget__more a{font-size:11px;color:var(--red);text-decoration:none;font-family:Arial,sans-serif}
.col-center{min-width:0}
.hero{background:var(--white);border:.5px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:14px}
.hero__img{position:relative;height:340px;overflow:hidden;background:var(--navy)}
.hero__img img{width:100%;height:100%;object-fit:cover;display:block}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 55%)}
.hero__cat{position:absolute;top:12px;left:12px;background:var(--red);color:var(--white);font-family:Arial,sans-serif;font-size:10px;font-weight:700;padding:2px 10px;letter-spacing:1px;border-radius:2px}
.hero__title{position:absolute;bottom:0;left:0;right:0;padding:0 16px 16px;font-size:22px;line-height:1.25;color:var(--white);font-weight:700}
.hero__meta{padding:10px 14px 12px;display:flex;align-items:center;gap:10px;border-top:.5px solid #f0ede8;font-family:Arial,sans-serif;font-size:11px;color:var(--muted);flex-wrap:wrap}
.audio-player{display:inline-flex;align-items:center;gap:8px;background:var(--blue-lt);border:.5px solid #b5d4f4;border-radius:20px;padding:5px 12px;font-family:Arial,sans-serif;font-size:11px;color:#185fa5;margin-left:auto}
.audio-player__btn{width:26px;height:26px;border-radius:50%;background:var(--blue);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:10px;flex-shrink:0}
.section-head{display:flex;align-items:center;gap:10px;margin:4px 0 10px}
.section-head__label{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--navy);text-transform:uppercase;white-space:nowrap}
.section-head::after{content:'';flex:1;height:2px;background:var(--red)}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.news-card{background:var(--white);border:.5px solid var(--border);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:border-color .15s}
.news-card:hover{border-color:var(--red)}
.news-card__img{position:relative;height:110px;background:var(--navy2);overflow:hidden}
.news-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.news-card__cat{position:absolute;bottom:6px;left:6px;background:var(--red);color:var(--white);font-family:Arial,sans-serif;font-size:9px;font-weight:700;padding:1px 7px;letter-spacing:.5px;border-radius:2px}
.news-card__body{padding:9px 11px 11px;flex:1}
.news-card__title{font-size:13px;line-height:1.3;font-weight:700;color:var(--navy);margin-bottom:5px}
.news-card__meta{font-size:10px;color:#aaa;font-family:Arial,sans-serif}
.ad-mid{height:60px;width:100%;margin-bottom:12px}
.most-read{background:var(--white);border:.5px solid var(--border);border-radius:6px;overflow:hidden}
.most-read__item{display:flex;gap:10px;padding:10px 12px;border-bottom:.5px solid #f5f2ee;align-items:flex-start}
.most-read__item:last-child{border-bottom:none}
.most-read__num{font-size:24px;font-weight:700;color:var(--cream2);font-family:Arial,sans-serif;line-height:1;min-width:28px}
.most-read__title{font-size:13px;line-height:1.3;font-weight:700;color:var(--navy)}
.most-read__meta{font-size:10px;color:#aaa;font-family:Arial,sans-serif;margin-top:3px}
.site-footer{background:var(--navy);color:#9db4c0;font-family:Arial,sans-serif;font-size:11px;padding:18px 0;margin-top:14px}
.site-footer__inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.footer-links{display:flex;gap:16px}
.footer-links a{color:#9db4c0;text-decoration:none}
.footer-links a:hover{color:var(--white)}
.page-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:.5px solid var(--border);border-radius:4px;font-size:12px;text-decoration:none;background:var(--white);color:#444}
.page-btn.active{background:var(--red);color:var(--white);border-color:var(--red)}
