/* ============================================================
   Guinea Global - pages.css
   Estilos compartidos de: categoria, noticia, buscar, archivo, pagina, contacto, 404
   ============================================================ */
.gg-main { padding: 28px 0 48px; }
.gg-breadcrumb { font-size: .88rem; color: #6b7280; margin-bottom: 18px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.gg-breadcrumb a { color: #D4AF37; text-decoration: none; }
.gg-breadcrumb a:hover { text-decoration: underline; }

.gg-page-head { background: linear-gradient(135deg, #0B2D4A, #D4AF37); color: #fff; padding: 34px 28px; border-radius: 14px; margin-bottom: 28px; }
.gg-page-head h1 { margin: 0 0 6px; font-size: clamp(1.5rem, 4vw, 2.2rem); color: #fff; }
.gg-page-head p { margin: 0; opacity: .9; }

.gg-subcats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.gg-subcats a, .gg-chip { display: inline-block; padding: 7px 14px; border-radius: 999px; background: #fff; border: 1px solid #e5e7eb; color: #0B2D4A; text-decoration: none; font-size: .9rem; transition: .2s; }
.gg-subcats a:hover, .gg-subcats a.active, .gg-chip:hover { background: #D4AF37; color: #fff; border-color: #D4AF37; }

.gg-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
.gg-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,.06); display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s; }
.gg-card:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(0,0,0,.1); }
.gg-card-img { aspect-ratio: 16 / 10; background: #e5e7eb; overflow: hidden; }
.gg-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gg-card-body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.gg-card-cat { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #D4AF37; text-decoration: none; }
.gg-card h3 { margin: 0; font-size: 1.05rem; line-height: 1.35; }
.gg-card h3 a { color: #0B2D4A; text-decoration: none; }
.gg-card h3 a:hover { color: #D4AF37; }
.gg-card p { margin: 0; color: #4a5568; font-size: .92rem; }
.gg-meta { margin-top: auto; font-size: .8rem; color: #6b7280; display: flex; flex-wrap: wrap; gap: 12px; }

.gg-empty { background: #fff; border-radius: 12px; padding: 48px 24px; text-align: center; color: #6b7280; box-shadow: 0 4px 14px rgba(0,0,0,.05); }
.gg-empty i { font-size: 3rem; color: #d1d5db; margin-bottom: 12px; display: block; }

.gg-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 32px 0 0; }
.gg-pagination a, .gg-pagination span { min-width: 40px; height: 40px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #fff; border: 1px solid #e5e7eb; color: #0B2D4A; text-decoration: none; }
.gg-pagination a:hover { border-color: #D4AF37; color: #D4AF37; }
.gg-pagination .current { background: #D4AF37; border-color: #D4AF37; color: #fff; }

.gg-sidebar .gg-widget { background: #fff; border-radius: 12px; padding: 18px; box-shadow: 0 4px 14px rgba(0,0,0,.06); margin-bottom: 22px; }
.gg-widget h3 { margin: 0 0 12px; font-size: 1.05rem; border-left: 4px solid #D4AF37; padding-left: 10px; }
.gg-widget ul { list-style: none; margin: 0; padding: 0; }
.gg-widget li { padding: 9px 0; border-bottom: 1px solid #f1f5f9; }
.gg-widget li:last-child { border-bottom: 0; }
.gg-widget a { color: #0B2D4A; text-decoration: none; }
.gg-widget a:hover { color: #D4AF37; }
.gg-widget small { display: block; color: #6b7280; margin-top: 2px; }

/* Artículo */
.gg-article { background: #fff; border-radius: 14px; padding: clamp(18px, 4vw, 38px); box-shadow: 0 4px 14px rgba(0,0,0,.06); }
.gg-article h1 { font-size: clamp(1.6rem, 4.5vw, 2.4rem); line-height: 1.25; margin: 8px 0 10px; color: #0B2D4A; }
.gg-article .gg-sub { font-size: 1.15rem; color: #4a5568; margin-bottom: 16px; }
.gg-article .gg-byline { display: flex; flex-wrap: wrap; gap: 14px; color: #6b7280; font-size: .9rem; padding: 12px 0; border-top: 1px solid #eef2f6; border-bottom: 1px solid #eef2f6; margin-bottom: 20px; }
.gg-article .gg-hero { width: 100%; border-radius: 12px; margin-bottom: 22px; }
.gg-article .gg-body { font-size: 1.05rem; line-height: 1.8; color: #1f2937; }
.gg-article .gg-body p { margin: 0 0 1.1em; }
.gg-article .gg-body h2, .gg-article .gg-body h3 { margin: 1.4em 0 .5em; color: #0B2D4A; }
.gg-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.gg-share { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.gg-share a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 8px; color: #fff; text-decoration: none; font-size: .9rem; }
.gg-share .fb { background: #1877f2; } .gg-share .tw { background: #111827; } .gg-share .wa { background: #25d366; }

/* Formularios públicos */
.gg-form { background: #fff; border-radius: 14px; padding: clamp(18px, 4vw, 32px); box-shadow: 0 4px 14px rgba(0,0,0,.06); }
.gg-form label { display: block; font-weight: 600; margin: 14px 0 6px; }
.gg-form input[type=text], .gg-form input[type=email], .gg-form input[type=tel], .gg-form textarea, .gg-form select { width: 100%; padding: 12px 14px; border: 1px solid #d1d5db; border-radius: 8px; font-family: inherit; }
.gg-form textarea { min-height: 160px; resize: vertical; }
.gg-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; background: #D4AF37; color: #fff; border: 0; border-radius: 8px; font-weight: 600; cursor: pointer; text-decoration: none; margin-top: 18px; }
.gg-btn:hover { background: #B58B25; color: #fff; }
.gg-alert { padding: 13px 16px; border-radius: 8px; margin-bottom: 18px; }
.gg-alert.ok { background: #dcfce7; color: #166534; }
.gg-alert.err { background: #fee2e2; color: #991b1b; }
.gg-search-form { display: flex; gap: 8px; margin-bottom: 24px; }
.gg-search-form input { flex: 1; min-width: 0; padding: 13px 16px; border: 1px solid #d1d5db; border-radius: 8px; }
.gg-search-form button { padding: 0 22px; background: #D4AF37; color: #fff; border: 0; border-radius: 8px; cursor: pointer; }
.gg-404 { text-align: center; padding: 70px 16px; }
.gg-404 .code { font-size: clamp(4rem, 18vw, 8rem); font-weight: 800; color: #D4AF37; line-height: 1; }

@media (max-width: 576px) {
    .gg-page-head { padding: 24px 18px; border-radius: 10px; }
    .gg-search-form { flex-direction: column; }
    .gg-search-form button { padding: 12px; }
    .gg-share a { flex: 1 1 100%; justify-content: center; }
}


/* ============================================================
   GUINEA GLOBAL | IDENTIDAD AZUL Y DORADO
   Solo color: no modifica estructura, grid, tamaños ni funciones.
   ============================================================ */
:root { --gg-navy:#0B2D4A; --gg-gold:#D4AF37; --gg-gold-dark:#B58B25; --gg-white:#FFFFFF; }
/* Portada: componentes que incluyen CSS incrustado en index.php */
.breaking-ticker-wrapper { background:var(--gg-navy)!important; color:#fff!important; }
.breaking-label { background:var(--gg-gold)!important; color:var(--gg-navy)!important; }
.ticker-item, .ticker-item:hover { color:#fff!important; }
.banner-btn, .subscribe-btn, .search-box button { background:var(--gg-gold)!important; color:var(--gg-navy)!important; }
.banner-btn:hover, .subscribe-btn:hover, .search-box button:hover { background:var(--gg-gold-dark)!important; }
.banner-prev:hover,.banner-next:hover,.banner-dot.active,.banner-dot:hover { background:var(--gg-gold)!important; }
.section-header, .gg-news-main { border-color:var(--gg-gold)!important; }
.section-header h3,.widget-title,.card-content h4 a,.gg-news-title,.gg-news-share h3,.gg-related h2 { color:var(--gg-navy)!important; }
.section-header a,.card-content .cat,.card-content h4 a:hover,.trending-number,.trending-list li a:hover { color:var(--gg-gold-dark)!important; }
.subscribe-widget .widget-title i,.subscribe-input-wrapper i,.stat-value { color:var(--gg-gold-dark)!important; }
.subscribe-input-wrapper input:focus { border-color:var(--gg-gold)!important; box-shadow:0 0 0 3px rgba(212,175,55,.13)!important; }
/* Noticia individual: respeta la maquetación actual */
.gg-news-page { background:#F5F7FA!important; }
.gg-news-main { border-top-color:var(--gg-gold)!important; }
.gg-news-category { background:#FFF8E7!important; color:var(--gg-navy)!important; }
.gg-news-breadcrumb a:hover,.gg-news-body a { color:var(--gg-gold-dark)!important; }
.gg-news-title,.gg-news-body h2,.gg-news-body h3,.gg-side-card h3,.gg-more-list a,.gg-related-card a { color:var(--gg-navy)!important; }
.gg-side-card h3 { border-left-color:var(--gg-gold)!important; }
.gg-news-body blockquote { border-left-color:var(--gg-gold)!important; background:#FFF9EA!important; }
.gg-news-share-links .gg-copy { background:var(--gg-navy)!important; color:#fff!important; }
.gg-news-share-links .gg-copy:hover { background:#17496C!important; }
/* Identidad compartida header / footer; sin afectar colores propios de redes sociales */
.top-bar,.main-nav,.site-footer,footer.site-footer { background:var(--gg-navy)!important; }
.main-nav .nav-menu>li>a { color:#fff!important; }
.main-nav .nav-menu>li>a:hover,.main-nav .nav-menu>li>a:focus-visible { color:var(--gg-gold)!important; }
.main-nav .dropdown-menu { background:var(--gg-navy)!important; }
.main-nav .dropdown-menu a { color:#fff!important; }
.main-nav .dropdown-menu a:hover { background:#17496C!important; color:var(--gg-gold)!important; }
.site-footer a:hover { color:var(--gg-gold)!important; }
/* Publicidad: conserva sus contenedores y no altera creatividades o banners. */