*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#202020}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{border-bottom:1px solid #e5e5e5;background:#fff;position:sticky;top:0;z-index:50}.topbar{max-width:1180px;margin:auto;padding:18px 16px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:28px;font-weight:900;letter-spacing:-1px}.menu-toggle{display:none;border:0;background:#111;color:#fff;padding:10px 14px;border-radius:6px}.main-nav{display:flex;gap:22px;max-width:1180px;margin:auto;padding:0 16px 14px;font-size:14px;font-weight:700}.main-nav a:hover{color:#c00}.page-wrap{max-width:1180px;margin:24px auto;padding:0 16px}.hero-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:210px 210px;gap:10px;margin-bottom:28px}.hero-grid article{position:relative;overflow:hidden;background:#222}.hero-grid img{width:100%;height:100%;object-fit:cover}.hero-main{grid-row:1/3}.hero-overlay{position:absolute;inset:auto 0 0;padding:24px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.82))}.hero-overlay span,.category,.article-category{font-size:12px;text-transform:uppercase;font-weight:800;color:#c62828}.hero-overlay span{color:#fff}.hero-overlay h2{margin:8px 0 0;font-size:24px}.hero-main .hero-overlay h2{font-size:34px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid #111;margin:18px 0}.section-head h1,.section-head h2{margin:0 0 8px}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.news-card{border-bottom:1px solid #ddd;padding-bottom:18px}.news-card img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}.news-card h3{font-size:20px;line-height:1.25;margin:6px 0}.news-card p{color:#555;line-height:1.5}.category-block{margin:42px 0}.sidebar{display:flex;flex-direction:column;gap:20px}.ad-card{border:1px solid #eee;background:#fafafa}.ad-card img{width:100%;height:auto}.widget{border-top:3px solid #111;padding-top:12px}.widget h3{margin-top:0}.widget a{display:block;padding:12px 0;border-bottom:1px solid #ddd;font-weight:700}.article h1{font-size:44px;line-height:1.06;margin:10px 0 12px}.meta{color:#666;margin-bottom:14px}.share-row{display:flex;gap:10px;margin:14px 0 20px}.share-row a{padding:8px 12px;background:#eee;border-radius:4px;font-size:14px}.cover{width:100%;max-height:620px;object-fit:cover;margin:18px 0}.article-body{font-family:Georgia,serif;font-size:20px;line-height:1.8;margin:24px 0}.article-video{width:100%;background:#000;margin:22px 0}.carousel{position:relative;background:#111;margin:22px 0;overflow:hidden}.slides{min-height:280px}.slide{display:none;margin:0;text-align:center}.slide.active{display:block}.slide img{width:100%;max-height:680px;object-fit:contain;margin:auto;background:#111}.slide figcaption{color:#ddd;padding:8px 12px;font-size:14px}.carousel button{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.82);font-size:30px}.carousel .prev{left:10px}.carousel .next{right:10px}.counter{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.65);color:#fff;padding:5px 9px;border-radius:4px;font-size:13px}.site-footer{margin-top:60px;background:#111;color:#fff;padding:40px max(16px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer a{display:block;margin:8px 0}.credit{opacity:.75}.search-form{display:flex;gap:10px;margin:20px 0}.search-form input{flex:1;padding:13px;border:1px solid #bbb}.search-form button,.btn,button{cursor:pointer}.admin-bg{background:#f3f4f6}.admin-shell{max-width:980px;margin:auto;padding:16px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.btn{display:inline-block;padding:11px 14px;border-radius:7px;background:#e5e7eb;border:0}.btn.primary{background:#111;color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stats div{background:#fff;border-radius:10px;padding:18px;display:flex;flex-direction:column}.stats b{font-size:28px}.stats span{color:#666}.admin-card,.login-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 18px rgba(0,0,0,.06)}.login-card{max-width:420px;margin:8vh auto}.login-card label,.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700}.login-card input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:12px;border:1px solid #cfd3d8;border-radius:7px;font:inherit}.login-card button{width:100%;padding:12px;background:#111;color:#fff;border:0;border-radius:7px;margin-top:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.form-grid .check{flex-direction:row;align-items:center}.form-grid .check input{width:auto}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.admin-row small{display:block;color:#777;margin-top:4px}.alert{background:#fff4ce;border:1px solid #eed57e;padding:12px;border-radius:7px;margin:12px 0}
@media(max-width:850px){.menu-toggle{display:block}.main-nav{display:none;flex-direction:column;padding:12px 16px 18px}.main-nav.open{display:flex}.hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 180px 180px}.hero-main{grid-column:1/3;grid-row:auto}.content-grid{grid-template-columns:1fr}.sidebar{order:2}.article h1{font-size:34px}.site-footer{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
@media(max-width:560px){.page-wrap{margin-top:14px}.hero-grid{display:block}.hero-grid article{height:220px;margin-bottom:10px}.hero-main .hero-overlay h2,.hero-overlay h2{font-size:23px}.news-grid{grid-template-columns:1fr}.article h1{font-size:30px}.article-body{font-size:18px}.stats{grid-template-columns:1fr 1fr 1fr;gap:7px}.stats div{padding:12px}.stats b{font-size:22px}.admin-actions .btn{flex:1;text-align:center}.login-card{margin:20px 12px}.site-header{position:static}}
/* VISTA COMPLETA EN CELULAR, CON SIDEBAR A LA DERECHA */

html,
body {
    min-width: 1180px;
}

.site-header,
.page-wrap,
.site-footer {
    min-width: 1180px;
}

.page-wrap {
    width: 1180px;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.content-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 34px !important;
}

.sidebar {
    display: flex !important;
    flex-direction: column !important;
    order: initial !important;
    width: 320px !important;
}

.main-nav {
    display: flex !important;
    flex-direction: row !important;
}

.menu-toggle {
    display: none !important;
}

.news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hero-grid {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr !important;
    grid-template-rows: 210px 210px !important;
}

.hero-main {
    grid-row: 1 / 3 !important;
    grid-column: auto !important;
}

.article-layout {
    grid-template-columns: minmax(0, 1fr) 320px !important;
}

.site-footer {
    grid-template-columns: 2fr 1fr 1fr !important;
}

.ad-card img {
    width: 100%;
    height: auto;
    object-fit: contain;
}