/*
Theme Name: HonduNews by QUANTICO / Javier Romero
Theme URI: https://quantico.hn/
Author: QUANTICO / Javier Romero
Author URI: https://quantico.hn/
Description: Theme editorial ligero para periódicos digitales hondureños. Construido sin plugins de terceros.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: hondunews
*/

:root{
  --hn-bg:#f3f3f3;
  --hn-surface:#fff;
  --hn-header:#202020;
  --hn-primary:#c90000;
  --hn-tag:#c90000;
  --hn-button:#c90000;
  --hn-footer:#20364a;
  --hn-text:#222;
  --hn-muted:#777;
  --hn-border:#dedede;
  --hn-container:1180px;
  --hn-gap:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hn-bg);color:var(--hn-text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.hn-container{width:min(calc(100% - 32px),var(--hn-container));margin-inline:auto}
.hn-skip{position:absolute;left:-9999px}.hn-skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:99999}
.hn-topbar{background:var(--hn-header);color:#fff;font-size:12px}
.hn-topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:30px;gap:15px}
.hn-topbar-left,.hn-topbar-right{display:flex;align-items:center;gap:12px}
.hn-top-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.hn-top-buttons{display:flex;gap:7px}
.hn-top-button{background:#111;color:#fff;border:1px solid #444;border-radius:3px;padding:3px 14px;font-size:11px}
.hn-brand-row{background:#fff;border-bottom:1px solid #ddd}
.hn-brand-inner{min-height:98px;display:grid;grid-template-columns:220px 1fr 46px;align-items:center;gap:22px}
.hn-logo{width:100%;height:64px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.hn-logo img{width:auto;height:auto;max-width:100%;max-height:64px;object-fit:contain;object-position:left center}
.hn-logo-text{font-weight:900;font-size:28px;letter-spacing:-1px;color:var(--hn-primary)}
.hn-ad{background:#e8e8e8;min-height:62px;display:flex;align-items:center;justify-content:center;text-align:center;color:#888;font-size:12px;overflow:hidden}
.hn-ad img{width:100%;height:100%;object-fit:cover}
.hn-menu-toggle{width:42px;height:42px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
.hn-menu-toggle span{display:block;height:4px;background:#aaa;border-radius:1px}
.hn-main-nav{background:var(--hn-primary);color:#fff}
.hn-main-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;overflow:auto;scrollbar-width:none}
.hn-main-nav li{flex:0 0 auto}
.hn-main-nav a{display:block;padding:9px 14px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.hn-main-nav a:hover,.hn-main-nav .current-menu-item>a{background:rgba(0,0,0,.18)}
.hn-breaking{background:#fff;border-bottom:1px solid var(--hn-border);font-size:11px}
.hn-breaking-inner{display:flex;gap:14px;align-items:center;min-height:30px;overflow:hidden}
.hn-breaking-label{font-weight:900;color:var(--hn-primary);white-space:nowrap}
.hn-breaking-track{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hn-sidebar-drawer{position:fixed;inset:0;z-index:99998;visibility:hidden}
.hn-sidebar-drawer.is-open{visibility:visible}
.hn-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:.25s}
.hn-sidebar-drawer.is-open .hn-drawer-backdrop{opacity:1}
.hn-drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(360px,90vw);background:#fff;transform:translateX(100%);transition:.25s;padding:24px;overflow:auto}
.hn-sidebar-drawer.is-open .hn-drawer-panel{transform:none}
.hn-drawer-close{float:right;border:0;background:none;font-size:30px;cursor:pointer}
.hn-drawer-panel h3{margin-top:35px}
.hn-drawer-panel ul{list-style:none;padding:0}
.hn-drawer-panel li{border-bottom:1px solid #eee}
.hn-drawer-panel a{display:block;padding:12px 0}
.hn-socials{display:flex;gap:7px;flex-wrap:wrap}
.hn-socials a{width:32px;height:32px;border-radius:50%;background:#eee;display:grid;place-items:center;font-size:12px;font-weight:700}
.hn-main{padding:22px 0}
.hn-section{margin-bottom:22px}
.hn-section-title{display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--hn-primary);margin:0 0 12px;padding:0 0 7px;font-size:19px;color:var(--hn-primary);font-weight:800}
.hn-section-title:before{content:"";width:4px;height:19px;background:var(--hn-primary);display:inline-block}
.hn-grid-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:3px}
.hn-hero-main,.hn-hero-side-card{position:relative;overflow:hidden;background:#111}
.hn-hero-main{min-height:390px}
.hn-hero-side{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.hn-hero-side-card{min-height:194px}
.hn-card-image{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.hn-card:hover .hn-card-image,.hn-hero-main:hover .hn-card-image,.hn-hero-side-card:hover .hn-card-image{transform:scale(1.06)}
.hn-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0) 65%);pointer-events:none}
.hn-card-content{position:absolute;left:0;right:0;bottom:0;padding:14px;color:#fff;z-index:2}
.hn-tag{display:inline-block;background:var(--hn-tag);color:#fff;padding:3px 7px;font-size:9px;font-weight:800;text-transform:uppercase;margin-bottom:5px}
.hn-card-title{font-size:17px;line-height:1.18;margin:0 0 5px;font-weight:800}
.hn-hero-main .hn-card-title{font-size:25px}
.hn-meta{font-size:10px;color:#ddd}
.hn-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:18px;align-items:start}
.hn-content-col{min-width:0}
.hn-sidebar{display:flex;flex-direction:column;gap:18px}
.hn-widget{background:#fff;border:1px solid #ddd;padding:13px}
.hn-widget-title{margin:0 0 10px;font-size:12px;font-weight:800;text-transform:uppercase;border-bottom:2px solid var(--hn-primary);padding-bottom:7px}
.hn-weather{text-align:center}
.hn-weather-city{font-weight:800}
.hn-weather-temp{font-size:32px;font-weight:800;margin:6px 0}
.hn-weather-desc{font-size:11px;color:var(--hn-muted)}
.hn-market-table{width:100%;border-collapse:collapse;font-size:11px}
.hn-market-table th,.hn-market-table td{padding:6px 4px;border-bottom:1px solid #eee;text-align:left}
.hn-market-table th{font-weight:800}
.hn-diff-up{color:#17813a}.hn-diff-down{color:#b3261e}.hn-diff-flat{color:#777}
.hn-updated{font-size:9px;color:#777;margin-top:8px}
.hn-cat-module{background:#fff;padding:12px;border:1px solid #ddd;margin-bottom:18px}
.hn-cat-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}
.hn-feature-card{position:relative;min-height:300px;overflow:hidden;background:#111}
.hn-feature-card .hn-card-title{font-size:22px}
.hn-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hn-mini-card{position:relative;min-height:140px;overflow:hidden;background:#111}
.hn-mini-card .hn-card-title{font-size:13px}
.hn-list{display:flex;flex-direction:column;gap:10px}
.hn-list-item{display:grid;grid-template-columns:90px 1fr;gap:9px;border-bottom:1px solid #eee;padding-bottom:9px}
.hn-list-item img{width:90px;height:65px;object-fit:cover}
.hn-list-title{font-size:12px;line-height:1.25;font-weight:700;margin:0}
.hn-list .hn-meta{color:#999;margin-top:3px}
.hn-ad-slot{margin:18px 0}
.hn-video{background:#111;color:#fff;padding:12px}
.hn-video-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.hn-video-head h3{margin:0;font-size:15px}
.hn-video iframe{width:100%;aspect-ratio:16/9;border:0}
.hn-post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hn-post-card{background:#fff;border:1px solid #ddd;overflow:hidden}
.hn-post-card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .45s}
.hn-post-card:hover img{transform:scale(1.06)}
.hn-post-body{padding:10px}
.hn-post-title{font-size:14px;line-height:1.25;margin:0 0 5px;font-weight:800}
.hn-post-excerpt{font-size:11px;color:#777;margin:0}
.hn-pagination{margin:22px 0;display:flex;justify-content:center;gap:5px}
.hn-pagination a,.hn-pagination span{background:#fff;border:1px solid #ddd;padding:7px 11px;font-size:12px}
.hn-single{background:#fff;border:1px solid #ddd;padding:22px}
.hn-single h1{font-size:34px;line-height:1.12;margin:8px 0}
.hn-single .hn-feature-image{width:100%;max-height:650px;object-fit:cover;margin:15px 0}
.hn-single-content{font-family:Georgia,serif;font-size:18px;line-height:1.8}
.hn-single-content p{margin:0 0 1.1em}
.hn-share{display:flex;gap:7px;margin:15px 0}
.hn-share a{padding:7px 11px;background:#eee;font-size:11px}
.hn-footer{background:var(--hn-footer);color:#fff;margin-top:30px}
.hn-footer-main{padding:35px 0}
.hn-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}
.hn-footer h3{font-size:12px;text-transform:uppercase;margin:0 0 12px}
.hn-footer p,.hn-footer li{font-size:11px;color:#d7dfe5}
.hn-footer ul{list-style:none;padding:0;margin:0}
.hn-footer li{margin-bottom:7px}
.hn-newsletter{display:flex}
.hn-newsletter input{min-width:0;flex:1;border:0;padding:9px}
.hn-newsletter button{border:0;background:var(--hn-button);color:#fff;padding:9px 12px;font-weight:700}
.hn-footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:12px 0;text-align:center;font-size:10px;color:#d7dfe5}
.hn-credit{font-weight:700}
.hn-search-form{display:flex;gap:8px;margin-bottom:18px}
.hn-search-form input{flex:1;padding:11px;border:1px solid #ccc}
.hn-search-form button{background:var(--hn-button);color:#fff;border:0;padding:0 18px;font-weight:700}
.hn-empty{background:#fff;padding:30px;text-align:center}
@media (max-width:1050px){
  .hn-layout{grid-template-columns:190px minmax(0,1fr)}
  .hn-layout>.hn-sidebar:last-child{grid-column:2}
  .hn-post-grid{grid-template-columns:repeat(3,1fr)}
  .hn-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:780px){
  .hn-topbar-left .hn-top-item:nth-child(n+2){display:none}
  .hn-brand-inner{grid-template-columns:150px 1fr 40px;gap:10px;min-height:80px}
  .hn-logo{height:52px}.hn-logo img{max-height:52px}.hn-logo-text{font-size:22px}
  .hn-main-nav{display:none}
  .hn-grid-hero{grid-template-columns:1fr}
  .hn-hero-main{min-height:330px}
  .hn-hero-side{grid-template-columns:1fr 1fr}
  .hn-layout{grid-template-columns:1fr}
  .hn-layout>.hn-sidebar:last-child{grid-column:auto}
  .hn-sidebar{display:grid;grid-template-columns:1fr 1fr}
  .hn-cat-grid{grid-template-columns:1fr}
  .hn-post-grid{grid-template-columns:repeat(2,1fr)}
  .hn-footer-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .hn-container{width:min(calc(100% - 20px),var(--hn-container))}
  .hn-topbar-right{display:none}
  .hn-brand-inner{grid-template-columns:120px 1fr 36px}
  .hn-brand-inner .hn-ad{min-height:48px}
  .hn-logo img{max-width:120px}
  .hn-hero-main .hn-card-title{font-size:20px}
  .hn-hero-side{grid-template-columns:1fr}
  .hn-hero-side-card{min-height:160px}
  .hn-sidebar{grid-template-columns:1fr}
  .hn-mini-grid{grid-template-columns:1fr 1fr}
  .hn-post-grid{grid-template-columns:1fr}
  .hn-single{padding:15px}
  .hn-single h1{font-size:27px}
  .hn-single-content{font-size:17px}
}

/* HonduNews 1.1 — superficies limpias y sombra editorial */
.hn-widget,.hn-cat-module,.hn-post-card,.hn-single,.hn-empty,.hn-video{border:0!important;box-shadow:0 3px 14px rgba(0,0,0,.08)}
.hn-widget{background:#fff}
.hn-cat-module{background:#fff}
.hn-post-card{background:#fff}
.hn-layout>.hn-sidebar{gap:18px}
.hn-cat-grid-balanced{grid-template-columns:1.15fr 1fr}
.hn-cat-style-2 .hn-mini-grid{grid-template-columns:1fr 1fr}
.hn-cat-style-2 .hn-mini-card{min-height:150px}
.hn-feature-wide{min-height:280px;margin-bottom:12px}
.hn-style3-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hn-style3-card{position:relative;min-height:145px;overflow:hidden;background:#111}
.hn-style3-card .hn-card-title{font-size:13px}
.hn-currency-tabs{display:flex;gap:5px;margin:-1px 0 12px}
.hn-currency-tab{flex:1;border:0;background:#eee;color:#333;padding:7px 5px;font-size:10px;font-weight:800;cursor:pointer}
.hn-currency-tab.is-active{background:var(--hn-button);color:#fff}
.hn-currency-panel{display:none}.hn-currency-panel.is-active{display:block}
.hn-currency-code{font-size:12px;font-weight:800;color:var(--hn-primary);margin-bottom:7px}
.hn-currency-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hn-currency-values div{background:#f7f7f7;padding:8px;text-align:center}
.hn-currency-values span{display:block;font-size:9px;color:#777;text-transform:uppercase}
.hn-currency-values strong{display:block;font-size:15px;margin-top:2px}
.hn-market-table tr:last-child td{border-bottom:0}
@media (max-width:780px){
  .hn-cat-grid-balanced{grid-template-columns:1fr}
  .hn-style3-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .hn-style3-grid{grid-template-columns:1fr 1fr}
}