/*
HistoriayMisterios - capa editorial.
Inspiración: prensa documental, fotografía protagonista, negro, blanco y amarillo dorado.
No copia plantillas ni marca de terceros.
*/

:root {
    --hym-yellow: #FFD51C;
    --hym-black: #000000;
    --hym-ink: #111111;
    --hym-dark: #171717;
    --hym-paper: #ffffff;
    --hym-soft: #f4f1ea;
    --hym-border: #d8d2c3;
    --hym-muted: #666666;
    --hym-serif: Georgia, "Times New Roman", serif;
    --hym-sans: "Arial Narrow", "Roboto Condensed", "Oswald", Arial, Helvetica, sans-serif;
}

body {
    background: var(--hym-paper);
    color: var(--hym-ink);
    font-family: Arial, Helvetica, sans-serif;
}

body,
button,
input,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.main-navigation,
.af-main-banner .entry-title,
.entry-title,
.widget-title {
    font-family: var(--hym-sans);
    letter-spacing: .01em;
}

.single .entry-content,
.page .entry-content,
.entry-content p {
    font-family: var(--hym-serif);
    font-size: 18px;
    line-height: 1.75;
}

a {
    color: var(--hym-black);
}

a:hover,
a:focus {
    color: #8a6f00;
}

.site-branding,
.morenews-header,
.header-layout-side,
div#main-navigation-bar {
    background: var(--hym-black) !important;
    color: var(--hym-paper);
}

.site-title a,
.site-description,
.morenews-header a,
.header-layout-side a {
    color: var(--hym-paper) !important;
}

.site-title,
.site-title a {
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .08em;
}

.site-title::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 28px;
    border: 4px solid var(--hym-yellow);
    margin-right: 12px;
    vertical-align: middle;
    box-sizing: border-box;
}

div#main-navigation-bar {
    border-top: 1px solid rgba(255,255,255,.12);
    border-bottom: 4px solid var(--hym-yellow);
}

.main-navigation a,
.main-navigation .menu a {
    color: var(--hym-paper) !important;
    text-transform: uppercase;
    font-family: var(--hym-sans);
    font-weight: 700;
    letter-spacing: .04em;
}

.main-navigation a:hover,
.main-navigation .menu a:hover {
    color: var(--hym-yellow) !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn-style1 a,
.btn-style1 a:visited,
.wp-block-search__button {
    background: var(--hym-yellow) !important;
    color: var(--hym-black) !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: var(--hym-sans);
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn-style1 a:hover,
.wp-block-search__button:hover {
    background: var(--hym-black) !important;
    color: var(--hym-yellow) !important;
}

.exclusive-posts .exclusive-now,
.main-navigation .menu-description,
.af-cat-widget-carousel a.morenews-categories.category-color-1,
.af-cat-widget-carousel a.morenews-categories,
a.morenews-categories {
    background-color: var(--hym-yellow) !important;
    color: var(--hym-black) !important;
}

.main-navigation .menu-description:after {
    border-top-color: var(--hym-yellow) !important;
}

article,
.af-sec-post,
.af-main-banner,
.morenews-widget,
.widget,
.archive-layout-list article,
.archive-layout-grid article {
    border-color: var(--hym-border);
}

.af-sec-post,
.archive-layout-grid article,
.archive-layout-list article,
.widget {
    background: var(--hym-paper);
    box-shadow: none;
}

.archive-layout-grid article,
.af-sec-post {
    border-bottom: 4px solid var(--hym-black);
}

.archive-layout-grid article:hover,
.af-sec-post:hover {
    border-bottom-color: var(--hym-yellow);
}

.entry-title a,
h3.entry-title a,
h2.entry-title a {
    color: var(--hym-black);
    text-decoration: none;
}

.entry-title a:hover,
h3.entry-title a:hover,
h2.entry-title a:hover {
    color: #8a6f00;
}

.entry-meta,
.entry-meta a,
.posted-on,
.byline,
.cat-links,
.tags-links {
    color: var(--hym-muted);
    font-family: var(--hym-sans);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 12px;
}

.cat-links a,
.tags-links a,
.morenews-categories {
    background: var(--hym-black) !important;
    color: var(--hym-paper) !important;
    border-left: 4px solid var(--hym-yellow);
    padding: 4px 8px;
    font-family: var(--hym-sans);
    font-weight: 800;
    text-transform: uppercase;
}

.wp-post-image,
.post-thumbnail img,
.featured-image img,
.af-post-thumbnail img {
    filter: contrast(1.04) saturate(.95);
}

.single .entry-title,
.page .entry-title {
    font-size: clamp(34px, 4vw, 64px);
    line-height: 1.02;
    font-weight: 900;
    text-transform: uppercase;
}

.single .entry-header,
.page .entry-header {
    border-left: 8px solid var(--hym-yellow);
    padding-left: 18px;
}

.entry-content blockquote,
.wp-block-quote {
    border-left: 8px solid var(--hym-yellow);
    background: var(--hym-soft);
    padding: 18px 24px;
    font-family: var(--hym-serif);
}

.site-footer,
footer,
.af-footer {
    background: var(--hym-black) !important;
    color: var(--hym-paper);
    border-top: 4px solid var(--hym-yellow);
}

.site-footer a,
footer a,
.af-footer a {
    color: var(--hym-yellow);
}

.search-watch div.custom-menu-link > a,
.morenews-header.header-layout-side .search-watch div.custom-menu-link > a {
    background: var(--hym-yellow) !important;
    color: var(--hym-black) !important;
}

@media (max-width: 768px) {
    .single .entry-content,
    .page .entry-content,
    .entry-content p {
        font-size: 17px;
        line-height: 1.65;
    }

    .single .entry-title,
    .page .entry-title {
        font-size: 34px;
    }
}

/* HYM FIX SUBMENU COLORS 2026-05-18
   Corrige contraste de menús desplegables de segundo nivel.
   Opción elegida: fondo negro, letra blanca y hover amarillo.
*/

.main-navigation ul ul,
.main-navigation .menu ul,
.main-navigation .sub-menu,
#main-navigation-bar ul ul,
#main-navigation-bar .sub-menu {
    background: #000000 !important;
    border-top: 4px solid var(--hym-yellow, #FFD51C) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .35) !important;
}

.main-navigation ul ul li,
.main-navigation .sub-menu li,
#main-navigation-bar ul ul li,
#main-navigation-bar .sub-menu li {
    background: #000000 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
}

.main-navigation ul ul a,
.main-navigation .sub-menu a,
#main-navigation-bar ul ul a,
#main-navigation-bar .sub-menu a {
    background: #000000 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus,
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu a:focus,
#main-navigation-bar ul ul a:hover,
#main-navigation-bar ul ul a:focus,
#main-navigation-bar .sub-menu a:hover,
#main-navigation-bar .sub-menu a:focus {
    background: var(--hym-yellow, #FFD51C) !important;
    color: #000000 !important;
}

.main-navigation ul ul .current-menu-item > a,
.main-navigation .sub-menu .current-menu-item > a,
#main-navigation-bar ul ul .current-menu-item > a,
#main-navigation-bar .sub-menu .current-menu-item > a {
    background: var(--hym-yellow, #FFD51C) !important;
    color: #000000 !important;
}