:root{--bg:#06122d;--panel:rgba(11,34,78,.72);--panel2:rgba(255,255,255,.08);--red:#ff1538;--blue:#0d5fff;--text:#f7f9ff;--muted:#aebbd7;--line:rgba(255,255,255,.14);--shadow:0 18px 50px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:radial-gradient(circle at 12% 0,#5c0923 0,transparent 28%),radial-gradient(circle at 86% 12%,#123a8c 0,transparent 30%),linear-gradient(180deg,#07122c,#040b1d 58%,#07152d);color:var(--text);min-height:100vh}.wrap{width:min(1500px,94%);margin:auto}.top{position:sticky;top:0;z-index:30;background:rgba(4,13,36,.74);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-weight:900;white-space:nowrap}.brand img{width:70px;height:54px;object-fit:cover;border-radius:12px}.brand span{font-size:18px}.brand b{color:#3d82ff}.nav nav{display:flex;gap:18px;flex:1}.nav nav a{color:#eaf0ff;text-decoration:none;font-size:14px;padding:10px 6px;border-radius:10px}.nav nav a:hover,.nav nav .active{color:white;background:rgba(255,21,56,.16)}.actions{display:flex;align-items:center;gap:10px}.actions input{width:220px}.actions input,input,textarea,select{background:rgba(255,255,255,.07);border:1px solid var(--line);color:white;border-radius:12px;padding:12px 14px;outline:none}.actions input:focus,input:focus,textarea:focus,select:focus{border-color:#4b8cff;box-shadow:0 0 0 3px rgba(75,140,255,.13)}select option{color:#111}.live,.btn{border:0;border-radius:12px;padding:12px 18px;color:white;font-weight:800;cursor:pointer}.live,.primary{background:linear-gradient(135deg,#ff2948,#e90025);box-shadow:0 10px 28px rgba(255,21,56,.24)}.ticker{background:linear-gradient(90deg,#ed1233,#720c27 45%,#14265e);border-bottom:1px solid rgba(255,255,255,.16)}.ticker .wrap{height:46px;display:flex;align-items:center;overflow:hidden}.ticker b{background:#ff1538;padding:14px 20px;margin-right:22px;white-space:nowrap}.ticker-track{display:flex;gap:38px;white-space:nowrap;animation:scroll 28s linear infinite}.ticker-track span:after{content:'•';margin-left:38px;color:#ff6b7f}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-45%)}}.ad{border:1px solid rgba(255,255,255,.14);background:linear-gradient(120deg,rgba(25,77,165,.35),rgba(230,20,64,.16),rgba(13,95,255,.26));backdrop-filter:blur(16px);border-radius:18px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#cbd7f4}.ad b{font-size:18px;color:white}.ad span{font-size:11px;letter-spacing:.15em}.ad small{opacity:.72}.ad-top{height:92px;margin:18px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.9fr) 300px;gap:16px}.hero-card,.mini,.live-card,.news-card,.popular,.admin-panel,.stats>div{border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero-card{height:520px;min-height:520px;border-radius:22px;display:flex;align-items:flex-end;overflow:hidden;position:relative;background:#07142f}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,25,.04) 20%,rgba(2,8,25,.45) 58%,rgba(2,8,25,.96) 100%);z-index:1}.hero-content{padding:34px;width:100%;position:relative;z-index:2}.hero-content h1{font-size:clamp(30px,3vw,52px);line-height:1.02;margin:10px 0 14px;max-width:850px;text-wrap:balance;text-shadow:0 3px 18px rgba(0,0,0,.55)}.hero-content p{max-width:760px;color:#dce4f7;font-size:17px}.hero-content>div{display:flex;justify-content:space-between;align-items:center;gap:18px}.hero-meta{width:100%}.tag{display:inline-block;padding:5px 9px;border-radius:7px;background:linear-gradient(135deg,#0e6cff,#5b38e8);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.04em}.side-stack{display:grid;gap:12px}.mini{background:var(--panel);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:42% 1fr;min-height:160px}.mini img{width:100%;height:100%;object-fit:cover}.mini div{padding:14px}.mini h3{font-size:16px;line-height:1.15;margin:9px 0}.right-rail{display:flex;flex-direction:column;gap:14px}.live-card{min-height:310px;border-radius:20px;padding:24px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,20,55,.35),rgba(6,30,86,.8))}.live-card:before{content:'';position:absolute;inset:-60%;background:conic-gradient(transparent,#ff1538,transparent,#0d5fff,transparent);animation:spin 12s linear infinite;opacity:.25}@keyframes spin{to{transform:rotate(360deg)}}.live-card>*{position:relative}.live-card img{width:145px;height:120px;object-fit:cover;border-radius:18px;margin-top:22px}.orb{position:absolute;width:180px;height:180px;border-radius:50%;background:#e31639;filter:blur(70px);top:40px;left:50px}.ad-box{min-height:190px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:26px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px}.section-title h2{margin:0;font-size:22px}.section-title h2:before{content:'';display:inline-block;width:6px;height:22px;background:#ff1538;border-radius:8px;margin-right:10px;vertical-align:-4px}.section-title a{color:#78a6ff;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.news-card{background:rgba(255,255,255,.94);color:#08132d;border-radius:18px;overflow:hidden}.news-card img{width:100%;height:170px;object-fit:cover}.news-card .pad{padding:14px}.news-card h3{font-size:16px;line-height:1.18;margin:9px 0}.news-card p{font-size:13px;color:#4d5a75;line-height:1.35}.news-card small{color:#6d7890}.popular{background:var(--panel);border-radius:18px;padding:12px;margin-bottom:14px}.popular>div{display:grid;grid-template-columns:28px 58px 1fr;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.popular>div:last-child{border:0}.popular b{width:26px;height:26px;background:#ff1538;border-radius:50%;display:grid;place-items:center}.popular img{width:58px;height:44px;border-radius:8px;object-fit:cover}.popular span{font-size:12px}.ad-wide{height:150px;margin:24px 0}.sections{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.sections a{min-height:92px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:white;text-decoration:none;font-size:12px;transition:.2s}.sections a:hover{transform:translateY(-4px);background:rgba(25,85,190,.25)}.sections span{font-size:25px}.denuncia{margin:26px 0;background:linear-gradient(110deg,#ef1637,#152f74 60%,#0c5fc4);border-radius:20px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.denuncia h2,.denuncia p{margin:4px 0}footer{border-top:1px solid var(--line);margin-top:30px;background:#030918;padding:36px 0;color:#aebbd7}footer .brand{margin-bottom:12px}footer p{font-size:13px}.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(430px,92%);padding:36px;border:1px solid var(--line);background:rgba(7,24,59,.8);backdrop-filter:blur(24px);border-radius:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:13px}.login-card img{width:120px;height:90px;object-fit:cover;border-radius:18px}.login-card h1{margin:4px 0}.login-card p{margin:0 0 10px;color:var(--muted)}.login-card a{color:#9dbbff;text-align:center;text-decoration:none}.error{background:#631b2b;border:1px solid #a72d46;padding:10px;border-radius:10px}.admin-body{background:linear-gradient(135deg,#05132d,#0a1f49);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:rgba(3,14,38,.9);backdrop-filter:blur(22px);border-right:1px solid var(--line);padding:22px 14px}.sidebar .brand{margin-bottom:34px}.sidebar a{display:block;color:#c9d4eb;text-decoration:none;padding:13px 14px;border-radius:11px;margin:4px 0}.sidebar a:hover,.sidebar a.active{background:linear-gradient(90deg,#ff1538,#b20c29);color:white}.admin-main{margin-left:230px;padding:34px;width:calc(100% - 230px)}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-head h1{font-size:40px;margin:4px 0}.admin-head p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats>div{background:var(--panel);border-radius:18px;padding:22px}.stats span{font-size:25px}.stats b{font-size:34px;display:block;margin-top:8px}.stats small{color:var(--muted)}.admin-panel{background:var(--panel);border-radius:20px;padding:20px;margin:18px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}th{color:#9eb1d7}.row-news{display:flex;align-items:center;gap:10px;min-width:330px}.row-news img{width:58px;height:42px;object-fit:cover;border-radius:8px}.status{padding:5px 8px;border-radius:8px;font-size:11px}.status.ok{background:#1c6b4c;color:#b7ffdc}.status.draft{background:#6f5720;color:#ffe5a3}.edit,.link{color:#7eacff;background:none;border:0;text-decoration:none;cursor:pointer}.danger{color:#ff7f91}.inline{display:inline}.editor{display:grid;gap:14px}.editor label{display:grid;gap:7px;color:#bdc9e1;font-size:13px}.editor input,.editor textarea,.editor select{width:100%}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important}.check input{width:auto}.section-form{display:flex;gap:10px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chips form{display:inline}.chips span{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:20px;background:rgba(255,255,255,.08)}.chips button{border:0;background:none;color:#ff8a9a;font-size:18px;cursor:pointer}@media(max-width:1180px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr 1fr}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}.sections{grid-template-columns:repeat(5,1fr)}}@media(max-width:760px){.wrap{width:92%}.nav{height:72px}.brand span{display:none}.actions input{display:none}.hero-grid,.content-grid{grid-template-columns:1fr}.hero-card{height:470px;min-height:470px}.hero-bg{object-position:center center}.side-stack{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.sections{grid-template-columns:repeat(2,1fr)}.ticker b{font-size:11px}.hero-content{padding:22px}.hero-content h1{font-size:34px}.hero-content p{font-size:14px}.denuncia{flex-direction:column;align-items:flex-start;gap:15px}.sidebar{position:static;width:100%;height:auto}.sidebar a{display:inline-block}.admin-main{margin:0;width:100%;padding:18px}.stats{grid-template-columns:1fr 1fr}.admin-head{align-items:flex-start;gap:16px}.admin-head h1{font-size:32px}.two{grid-template-columns:1fr}}@media(max-width:480px){.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.admin-head{flex-direction:column}}

/* Navegación funcional */
.clickable{cursor:pointer}
.hero-card.clickable:hover,.news-card.clickable:hover,.mini.clickable:hover{transform:translateY(-2px)}
.popular-link{display:grid;grid-template-columns:34px 64px 1fr;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.popular-link img{width:64px;height:50px;object-fit:cover;border-radius:10px}
.popular-link b{font-size:1.45rem;opacity:.6}
.article-page,.section-page{padding-top:34px;padding-bottom:55px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}
.article-shell{background:rgba(8,18,38,.72);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:clamp(20px,4vw,44px);backdrop-filter:blur(18px)}
.article-shell h1{font-size:clamp(2rem,4.5vw,4rem);line-height:1.04;margin:14px 0}
.article-meta{opacity:.7;margin-bottom:22px}
.article-image{width:100%;max-height:580px;object-fit:cover;border-radius:20px;display:block}
.article-lead{font-size:1.2rem;line-height:1.7;font-weight:600;margin:26px 0}
.article-body{font-size:1.06rem;line-height:1.85;opacity:.9}
.back-link{display:inline-block;margin-bottom:18px;color:inherit;text-decoration:none;opacity:.8}
.empty-state{grid-column:1/-1;padding:45px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.04)}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-layout aside{display:none}}


/* Corrección global: imágenes dentro de noticias individuales */
.article-shell .article-image{
    width:100%;
    height:auto;
    max-height:420px;
    object-fit:cover;
    object-position:center;
    display:block;
    margin:24px auto;
    border-radius:18px;
}

/* En pantallas grandes evita imágenes excesivamente anchas */
@media (min-width:1100px){
    .article-shell .article-image{
        width:min(100%,820px);
        max-height:460px;
    }
}

/* Tablet */
@media (max-width:900px){
    .article-shell .article-image{
        width:100%;
        max-height:380px;
        border-radius:16px;
    }
}

/* Móvil */
@media (max-width:600px){
    .article-shell .article-image{
        width:100%;
        max-height:280px;
        margin:18px auto;
        border-radius:14px;
    }
}

/* Apogeo TV · YouTube exclusivo */
.yt-channel,.youtube-source{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-weight:800}
.thumb-wrap{position:relative}.thumb-wrap img{display:block;width:100%;height:100%;object-fit:cover}
.play-badge{position:absolute;left:14px;bottom:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(225,20,35,.92);color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;margin:24px 0;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%}
.glass-panel,.feed-error{padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(8,18,38,.68);backdrop-filter:blur(18px);margin-bottom:20px}
.category-grid a small{display:block;opacity:.62;font-size:.75rem;margin-top:4px}
.ad{cursor:default!important}

/* APOGEO TV 2.0 - refinamientos UX, accesibilidad y monetización */
html{scroll-behavior:smooth} body{overflow-x:hidden}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:3px}
.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:1.7rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding-top:34px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid a{color:inherit;text-decoration:none;opacity:.8}.footer-bottom{padding:20px 0;opacity:.65}
.legal-page{max-width:900px;padding-top:40px;padding-bottom:60px}.legal-page .article-shell p{font-size:1.05rem;line-height:1.85}
.search-form{display:flex;gap:12px;margin:20px 0 30px}.search-form input,.admin-form input,.admin-form textarea{width:100%;box-sizing:border-box;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:12px;padding:13px 14px}.search-form input{flex:1}.admin-form{display:grid;gap:14px}.admin-form label{display:grid;gap:7px;font-weight:700}.admin-form textarea{min-height:110px;resize:vertical}.admin-form .body-editor{min-height:260px}.check-row{display:flex;gap:24px;flex-wrap:wrap}.check-row label{display:flex;grid-template-columns:none;align-items:center;gap:8px}.check-row input{width:auto}
.admin-page{padding:32px 0 60px}.admin-list{display:grid;gap:14px}.admin-item{border:1px solid rgba(255,255,255,.12);background:rgba(8,18,38,.7);border-radius:18px;padding:14px}.admin-item summary{cursor:pointer;display:flex;align-items:center;gap:14px}.admin-item summary img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.admin-item summary div{display:grid;gap:5px}.admin-item form{padding:22px 6px 6px}
.success,.editorial-note{padding:16px 18px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.06);margin:16px 0}
.ad{min-height:90px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;border:1px dashed rgba(255,255,255,.16);background:rgba(255,255,255,.025);margin:24px 0}.ad span{font-size:.68rem;letter-spacing:.14em;opacity:.55}.ad small{opacity:.45}.ad-box{min-height:250px}.ad-wide{min-height:100px}
@media(max-width:900px){.menu-toggle{display:block}.nav nav{display:none}.menu-open .nav nav{display:flex;position:absolute;top:72px;left:14px;right:14px;z-index:99;flex-direction:column;padding:18px;border-radius:18px;background:rgba(5,15,35,.97);box-shadow:0 20px 60px rgba(0,0,0,.4)}.yt-channel{display:none}.footer-grid{grid-template-columns:1fr}.hero-grid,.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr;display:grid}.ad-box{min-height:100px}}
@media(max-width:600px){.side-stack{grid-template-columns:1fr}.hero-card{min-height:480px}.hero-copy h1{font-size:clamp(1.7rem,8vw,2.4rem)}.cards{grid-template-columns:1fr}.search-form{flex-direction:column}.admin-item summary img{width:88px}.footer-grid{gap:22px}}

/* Banners de campaña aportados por el anunciante */
.sponsor-top,.sponsor-side{display:flex;flex-direction:column;align-items:center;gap:8px;margin:22px auto 26px;max-width:100%;overflow:hidden}.sponsor-label{font-size:10px;letter-spacing:.15em;color:#aab7cb}.sponsor-top img{display:block;width:min(100%,728px);height:auto;aspect-ratio:728/90;object-fit:contain;border-radius:10px}.sponsor-side img{display:block;width:min(100%,300px);height:auto;aspect-ratio:300/250;object-fit:contain;border-radius:12px}.sponsor-side{margin-top:24px}@media(max-width:600px){.sponsor-top{margin:14px auto 20px}.sponsor-top img{border-radius:6px}}