/* ==================================================
   WIPR DESIGN SYSTEM
   ================================================== */

:root {
    --wipr-blue: #315A82;
    --wipr-dark-blue: #173A5E;
    --wipr-green: #A8D500;
    --wipr-white: #FFFFFF;
    --wipr-black: #111111;
}


/* ==================================================
   FEATURED NEWS
   ================================================== */

/* Categoría */
.featured-news-section .featured-news-category {
    background: var(--wipr-blue) !important;
    color: var(--wipr-white) !important;
}

/* Títulos */
.featured-news-section .featured-news-title,
.featured-news-section .featured-news-title a {
    color: var(--wipr-white) !important;
}

/* Extracto */
.featured-news-section .featured-news-excerpt {
    color: var(--wipr-white) !important;
}

/* Metadata */
.featured-news-section .featured-news-meta,
.featured-news-section .featured-news-author,
.featured-news-section .featured-news-date,
.featured-news-section .featured-news-comments {
    color: var(--wipr-white) !important;
}

/* Overlay */
.featured-news-section .featured-news-overlay {
    background: linear-gradient(
        to bottom,
        rgba(23, 58, 94, 0.05) 20%,
        rgba(23, 58, 94, 0.90) 100%
    ) !important;
}

/* Hover categoría */
.featured-news-section .featured-news-category:hover {
    background: var(--wipr-green) !important;
    color: var(--wipr-dark-blue) !important;
}

/* Hover titular */
.featured-news-section .featured-news-title a:hover {
    color: var(--wipr-green) !important;
}

/* ==================================================
   WIPR - ÚLTIMA HORA
   ================================================== */

/* Barra completa */
.breaking-news-section .breaking-news-inner {
    background: #FFFFFF !important;
}

/* Etiqueta ÚLTIMA HORA */
.breaking-news-section .breaking-news-label {
    background: var(--wipr-blue) !important;
    color: var(--wipr-white) !important;
}

.breaking-news-section .breaking-news-label span {
    color: var(--wipr-white) !important;
}

/* Icono de transmisión */
.breaking-news-section .breaking-news-icon {
    color: var(--wipr-green) !important;
}

/* Titulares */
.breaking-news-section .breaking-news-item a {
    color: var(--wipr-dark-blue) !important;
}

/* Hover del titular */
.breaking-news-section .breaking-news-item a:hover {
    color: var(--wipr-blue) !important;
}

/* Botones anterior / próximo */
.breaking-news-section .breaking-news-prev,
.breaking-news-section .breaking-news-next {
    background: var(--wipr-green) !important;
    color: var(--wipr-dark-blue) !important;
    border-color: var(--wipr-green) !important;
}

/* Hover de navegación */
.breaking-news-section .breaking-news-prev:hover,
.breaking-news-section .breaking-news-next:hover {
    background: var(--wipr-blue) !important;
    color: var(--wipr-white) !important;
    border-color: var(--wipr-blue) !important;
}

/* ==================================================
   WIPR - ÚLTIMA HORA
   Correcciones Rubik
   ================================================== */

.breaking-news-section .breaking-news-label {
    background: var(--wipr-blue) !important;
    color: var(--wipr-white) !important;
}

/* Triángulo decorativo de Rubik */
.breaking-news-section .breaking-news-label::before,
.breaking-news-section .breaking-news-label::after {
    border-left-color: var(--wipr-blue) !important;
    border-right-color: var(--wipr-blue) !important;
    background-color: var(--wipr-blue) !important;
}

/* ==========================================================
   WIPR 2.0 — BRAND OVERRIDES
   Rubik News
   ========================================================== */

:root {
    --wipr-blue: #315A82;
    --wipr-dark-blue: #173A5E;
    --wipr-green: #A8D500;
    --wipr-white: #FFFFFF;
    --wipr-black: #111111;
    --wipr-light-gray: #F4F5F6;
}


/* ==========================================================
   GLOBAL LINKS
   ========================================================== */

a {
    color: var(--wipr-blue);
}

a:hover,
a:focus,
a:active {
    color: var(--wipr-dark-blue);
}


/* ==========================================================
   BUTTONS
   ========================================================== */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn,
.reply a {
    color: var(--wipr-blue);
    border-color: var(--wipr-blue);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:hover,
.btn:focus,
.reply a:hover,
.reply a:focus,
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    background-color: var(--wipr-blue);
    color: var(--wipr-white);
}


/* ==========================================================
   FORM FOCUS
   ========================================================== */

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    border-color: var(--wipr-blue);
}


/* ==========================================================
   SITE TITLE
   ========================================================== */

.site-title a:hover,
.site-title a:focus {
    color: var(--wipr-blue);
}


/* ==========================================================
   MAIN NAVIGATION
   ========================================================== */

.navigation-menu {
    background-color: var(--wipr-blue);
}

#primary-menu {
    background-color: var(--wipr-dark-blue);
}


/* ==========================================================
   PAGINATION
   ========================================================== */

.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers:focus {
    background-color: var(--wipr-blue);
    border-color: var(--wipr-blue);
    color: var(--wipr-white);
}


/* ==========================================================
   POST NAVIGATION
   ========================================================== */

.site-main .comment-navigation a:hover,
.site-main .posts-navigation a:hover,
.site-main .post-navigation a:hover,
.site-main .comment-navigation a:focus,
.site-main .posts-navigation a:focus,
.site-main .post-navigation a:focus {
    color: var(--wipr-blue);
}

.post-navigation .nav-previous a:hover svg,
.post-navigation .nav-previous a:focus svg,
.post-navigation .nav-next a:hover svg,
.post-navigation .nav-next a:focus svg {
    fill: var(--wipr-blue);
}


/* ==========================================================
   SIDEBAR / SEARCH / TAGS
   ========================================================== */

.widget_search input[type="submit"],
.wp-block-search__button {
    background-color: var(--wipr-blue);
    color: var(--wipr-white);
}

#secondary a:hover,
#secondary a:focus {
    color: var(--wipr-blue);
}

.wp-block-tag-cloud a:hover,
.wp-block-tag-cloud a:focus {
    color: var(--wipr-white) !important;
    background-color: var(--wipr-blue);
    border-color: var(--wipr-blue);
}


/* ==========================================================
   POST / ARCHIVE
   ========================================================== */

.entry-title a:hover,
.entry-title a:focus,
.posted-on a:hover,
.posted-on a:focus,
.comments-link a:hover,
.comments-link a:focus,
.blog-archive .posted-on a:hover,
.blog-archive .byline a:hover,
.blog-archive .posted-on a:focus,
.blog-archive .byline a:focus,
.blog-post-item .entry-meta a:hover,
.blog-post-item .entry-meta a:focus,
.single-post-wrap .entry-footer .tags-links a:hover,
.single-post-wrap .entry-footer .tags-links a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus {
    color: var(--wipr-blue);
}


/* ==========================================================
   FEATURED NEWS / FEATURE POSTS
   ========================================================== */

.section-feature-posts-one-area
.feature-posts-content
.cat-links a,

.featured-news-section
.featured-news-category {
    background-color: var(--wipr-blue) !important;
    color: var(--wipr-white) !important;
}


/* Featured headline */

.featured-news-section .featured-news-title,
.featured-news-section .featured-news-title a {
    color: var(--wipr-white) !important;
}


/* Featured excerpt + metadata */

.featured-news-section .featured-news-excerpt,
.featured-news-section .featured-news-meta,
.featured-news-section .featured-news-author,
.featured-news-section .featured-news-date,
.featured-news-section .featured-news-comments {
    color: var(--wipr-white) !important;
}


/* Featured overlay */

.featured-news-section .featured-news-overlay {
    background: linear-gradient(
        to bottom,
        rgba(23, 58, 94, 0.05) 20%,
        rgba(23, 58, 94, 0.90) 100%
    ) !important;
}


/* Featured hover */

.featured-news-section .featured-news-category:hover {
    background-color: var(--wipr-green) !important;
    color: var(--wipr-dark-blue) !important;
}

.featured-news-section .featured-news-title a:hover,
.section-feature-posts-one-area
.feature-posts-content
.feature-posts-title a:hover,
.section-feature-posts-one-area
.feature-posts-content
.feature-posts-title a:focus,
.section-feature-posts-one-area
.feature-posts-content
.entry-meta a:hover,
.section-feature-posts-one-area
.feature-posts-content
.entry-meta a:focus {
    color: var(--wipr-green) !important;
}


/* ==========================================================
   CATEGORY BADGES
   ========================================================== */

.blog-archive .post.layout_two .cat-links a {
    background-color: var(--wipr-blue);
    color: var(--wipr-white);
}


/* ==========================================================
   SECTION HEADINGS
   ========================================================== */

.section-header:after {
    background-color: var(--wipr-green);
}


/* ==========================================================
   FOOTER
   ========================================================== */

#footer-widgets .widget-title:after {
    background-color: var(--wipr-green);
}


/* ==========================================================
   BACK TO TOP
   ========================================================== */

.to-top {
    background-color: var(--wipr-blue);
}


/* ==========================================================
   404
   ========================================================== */

.error-404.not-found .title {
    color: var(--wipr-blue);
}

/* ==========================================================
   WIPR 2.0 — HOMEPAGE COLOR OVERRIDES
   Trending / Latest News / Featured Posts
   ========================================================== */


/* ==========================================================
   1. TRENDING NOW
   ========================================================== */

/* Icono/acento */
.trending-news-section i,
.trending-news-section svg,
.trending-news-wrapper i,
.trending-news-wrapper svg {
    color: var(--wipr-green) !important;
    fill: var(--wipr-green) !important;
}

/* Titulares */
.trending-news-section a,
.trending-news-wrapper a,
.trending-news-item a {
    color: var(--wipr-blue) !important;
}

.trending-news-section a:hover,
.trending-news-section a:focus,
.trending-news-wrapper a:hover,
.trending-news-wrapper a:focus,
.trending-news-item a:hover,
.trending-news-item a:focus {
    color: var(--wipr-green) !important;
}


/* ==========================================================
   2. SECTION HEADINGS
   LATEST NEWS / FEATURED POSTS / ETC.
   ========================================================== */

/* Línea/acento debajo o junto al título */
.section-header::before,
.section-header::after,
.section-title::before,
.section-title::after {
    background-color: var(--wipr-green) !important;
    border-color: var(--wipr-green) !important;
}


/* ==========================================================
   3. LATEST NEWS
   ========================================================== */

/* Categoría */
.latest-posts-section .cat-links a,
.latest-featured-posts .cat-links a,
.latest-news .cat-links a,
.blog-post-item .cat-links a {
    color: var(--wipr-blue) !important;
}

/* Titulares */
.latest-posts-section .entry-title a,
.latest-featured-posts .entry-title a,
.latest-news .entry-title a,
.blog-post-item .entry-title a {
    color: var(--wipr-dark-blue) !important;
}

/* Hover */
.latest-posts-section .entry-title a:hover,
.latest-featured-posts .entry-title a:hover,
.latest-news .entry-title a:hover,
.blog-post-item .entry-title a:hover {
    color: var(--wipr-green) !important;
}


/* ==========================================================
   4. FEATURED POSTS
   ========================================================== */

/* Badge de categoría */
.section-feature-posts-one-area .cat-links a,
.feature-posts-content .cat-links a {
    background-color: var(--wipr-blue) !important;
    color: var(--wipr-white) !important;
}

/* Hover badge */
.section-feature-posts-one-area .cat-links a:hover,
.feature-posts-content .cat-links a:hover {
    background-color: var(--wipr-green) !important;
    color: var(--wipr-dark-blue) !important;
}

/* Titular sobre fotografía */
.section-feature-posts-one-area .feature-posts-title,
.section-feature-posts-one-area .feature-posts-title a,
.feature-posts-content .feature-posts-title,
.feature-posts-content .feature-posts-title a {
    color: var(--wipr-white) !important;
}

/* Hover titular */
.section-feature-posts-one-area .feature-posts-title a:hover,
.feature-posts-content .feature-posts-title a:hover {
    color: var(--wipr-green) !important;
}


/* ==========================================================
   5. FEATURED POSTS OVERLAY
   ========================================================== */

.section-feature-posts-one-area .post-thumbnail::after,
.section-feature-posts-one-area .featured-image::after,
.section-feature-posts-one-area .feature-posts-image::after {
    background: linear-gradient(
        to bottom,
        rgba(23, 58, 94, 0.03) 15%,
        rgba(23, 58, 94, 0.92) 100%
    ) !important;
}


/* ==========================================================
   6. HOMEPAGE META
   ========================================================== */

.section-feature-posts-one-area .entry-meta,
.section-feature-posts-one-area .entry-meta a {
    color: var(--wipr-white) !important;
}


/* ==========================================================
   7. GLOBAL RUBIK HOME ACCENTS
   ========================================================== */

/* Evita que badges de categorías del Home conserven rojo Rubik */
.home .cat-links a {
    border-color: var(--wipr-blue);
}

/* Hover general de títulos del Home */
.home .entry-title a:hover,
.home .entry-title a:focus {
    color: var(--wipr-green) !important;
}

/* ==========================================================
   WIPR 2.0
   LATEST NEWS + FEATURED POSTS
   Selectores reales de Rubik News
   ========================================================== */


/* ----------------------------------------------------------
   HEADERS DE SECCIÓN
   ---------------------------------------------------------- */

.latest-featured-section .news-section-line,
.politics-business-section .news-section-line {
    background: var(--wipr-green) !important;
    border-color: var(--wipr-green) !important;
}


/* ==========================================================
   LATEST NEWS
   ========================================================== */

/* Categoría */
.latest-featured-section .latest-news-category {
    color: var(--wipr-blue) !important;
}

/* Categoría hover */
.latest-featured-section .latest-news-category:hover,
.latest-featured-section .latest-news-category:focus {
    color: var(--wipr-green) !important;
}


/* Titulares */
.latest-featured-section .latest-news-title,
.latest-featured-section .latest-news-title a {
    color: var(--wipr-dark-blue) !important;
}

/* Titulares hover */
.latest-featured-section .latest-news-title a:hover,
.latest-featured-section .latest-news-title a:focus {
    color: var(--wipr-green) !important;
}


/* ==========================================================
   FEATURED POSTS — POST PRINCIPAL
   ========================================================== */

/* Categoría sobre fotografía */
.latest-featured-section .featured-post-category {
    background: var(--wipr-blue) !important;
    color: var(--wipr-white) !important;
}

/* Categoría hover */
.latest-featured-section .featured-post-category:hover,
.latest-featured-section .featured-post-category:focus {
    background: var(--wipr-green) !important;
    color: var(--wipr-dark-blue) !important;
}


/* Titular principal */
.latest-featured-section .featured-main-title,
.latest-featured-section .featured-main-title a {
    color: var(--wipr-white) !important;
}

/* Titular principal hover */
.latest-featured-section .featured-main-title a:hover,
.latest-featured-section .featured-main-title a:focus {
    color: var(--wipr-green) !important;
}


/* Metadata sobre fotografía */
.latest-featured-section .featured-main-meta,
.latest-featured-section .featured-main-meta span,
.latest-featured-section .featured-main-meta i {
    color: var(--wipr-white) !important;
}


/* Overlay */
.latest-featured-section .featured-main-overlay {
    background: linear-gradient(
        to bottom,
        rgba(23, 58, 94, 0.05) 10%,
        rgba(23, 58, 94, 0.92) 100%
    ) !important;
}


/* ==========================================================
   FEATURED POSTS — POSTS PEQUEÑOS
   ========================================================== */

.latest-featured-section .featured-small-title,
.latest-featured-section .featured-small-title a {
    color: var(--wipr-dark-blue) !important;
}

.latest-featured-section .featured-small-title a:hover,
.latest-featured-section .featured-small-title a:focus {
    color: var(--wipr-green) !important;
}


/* ==========================================================
   POLITICS / BUSINESS
   Preparado para las próximas dos columnas
   ========================================================== */

.politics-business-section .category-main-title,
.politics-business-section .category-main-title a,
.politics-business-section .category-small-title,
.politics-business-section .category-small-title a {
    color: var(--wipr-dark-blue) !important;
}

.politics-business-section .category-main-title a:hover,
.politics-business-section .category-main-title a:focus,
.politics-business-section .category-small-title a:hover,
.politics-business-section .category-small-title a:focus {
    color: var(--wipr-green) !important;
}

/* ==========================================================
   WIPR 2.0 — CORRECCIONES HOME
   Section Headers + Loop de Posts
   ========================================================== */


/* ==========================================================
   LÍNEA DE LOS HEADERS
   Politics / Business / Latest / Featured
   ========================================================== */

.news-section-header .news-section-line {
    background-color: var(--wipr-green) !important;
    border-color: var(--wipr-green) !important;
}

/* Por si Rubik genera el acento mediante pseudo-elemento */
.news-section-header .news-section-line::before,
.news-section-header .news-section-line::after,
.news-section-header::before,
.news-section-header::after,
.news-section-title::before,
.news-section-title::after {
    background-color: var(--wipr-green) !important;
    border-color: var(--wipr-green) !important;
}


/* ==========================================================
   LOOP NORMAL DE POSTS DEL HOME
   Las tarjetas de tu captura
   ========================================================== */

/* Badge LOCALES */
.home .blog-archive .cat-links a,
.blog-archive .cat-links a {
    background-color: var(--wipr-blue) !important;
    color: var(--wipr-white) !important;
    border-color: var(--wipr-blue) !important;
}

/* Hover badge */
.home .blog-archive .cat-links a:hover,
.home .blog-archive .cat-links a:focus,
.blog-archive .cat-links a:hover,
.blog-archive .cat-links a:focus {
    background-color: var(--wipr-green) !important;
    color: var(--wipr-dark-blue) !important;
    border-color: var(--wipr-green) !important;
}


/* Titulares */
.home .blog-archive .entry-title,
.home .blog-archive .entry-title a,
.blog-archive .entry-title,
.blog-archive .entry-title a {
    color: var(--wipr-dark-blue) !important;
}

/* Hover titular */
.home .blog-archive .entry-title a:hover,
.home .blog-archive .entry-title a:focus,
.blog-archive .entry-title a:hover,
.blog-archive .entry-title a:focus {
    color: var(--wipr-green) !important;
}


/* Fecha */
.home .blog-archive .entry-meta,
.home .blog-archive .entry-meta a,
.blog-archive .entry-meta,
.blog-archive .entry-meta a {
    color: #777777 !important;
}


/* Extracto */
.home .blog-archive .entry-content,
.home .blog-archive .entry-content p,
.home .blog-archive .entry-summary,
.home .blog-archive .entry-summary p,
.blog-archive .entry-content,
.blog-archive .entry-content p,
.blog-archive .entry-summary,
.blog-archive .entry-summary p {
    color: #555555 !important;
}

/* ==================================================
   WIPR - Página Noticias
   Evita contenido debajo del header
   ================================================== */

body.page-noticias #content,
body.page-noticias #content-wrap,
body.page-noticias .site-content {
    padding-top: 40px !important;
}

/* =========================================================
   WIPR HEADER - UNIFICAR ÁREA SUPERIOR
   ========================================================= */

.site-header,
.site-header .container,
.site-branding,
.header-main,
.header-wrapper {
    background-color: #315A82 !important;
}

.wipr-footer-grid {
    display: grid !important;
    grid-template-columns: 1.4fr .8fr 1.4fr !important;
    gap: 50px !important;
    align-items: start;
}