/* ==========================================================================
   Microsite color system
   Variables genéricas por microsite → reglas de componente una sola vez
   ========================================================================== */

/* === Variables por microsite === */

:root {
    --microsite-primary: yellow;
    --microsite-secondary: yellow;
    --microsite-text: var(--white);
    --microsite-icon-filter: brightness(0) invert(1);
}

body.microsite-castillos-batallas {
    --microsite-primary: #04435d;
    --microsite-secondary: #cdd9df;
    --microsite-text: var(--white);
    --microsite-icon-filter: brightness(0) invert(1);
}

body.microsite-iberos {
    --microsite-primary: #991617;
    --microsite-secondary: #ebd0d1;
    --microsite-text: var(--white);
    --microsite-icon-filter: brightness(0) invert(1);
}

body.microsite-renacimiento {
    --microsite-primary: #ffdd30;
    --microsite-secondary: #fff8d6;
    --microsite-text: var(--black);
    --microsite-icon-filter: brightness(0);
}

body.microsite-julio {
    --microsite-primary: #376db2;
    --microsite-secondary: #d7e2f0;
    --microsite-text: var(--white);
    --microsite-icon-filter: brightness(0) invert(1);
}

body.microsite-artesania {
    --microsite-primary: #8c887c;
    --microsite-secondary: #e7e7e5;
    --microsite-text: var(--white);
    --microsite-icon-filter: brightness(0) invert(1);
}

body.microsite-sierra-magina {
    --microsite-primary: #24e87c;
    --microsite-secondary: #d3fae5;
    --microsite-text: var(--black);
    --microsite-icon-filter: brightness(0);
}

body.microsite-cazorla {
    --microsite-primary: #a2a925;
    --microsite-secondary: #eceed3;
    --microsite-text: var(--white);
    --microsite-icon-filter: brightness(0) invert(1);
}

/* === Hero Single === */

body[class*="microsite-"] .microsite-hero-single {
    background-color: var(--microsite-primary);
}

body[class*="microsite-"] .microsite-hero-single_title-container h1 {
    color: var(--microsite-text) !important;
}

body[class*="microsite-"] .microsite-hero-single .hero_breadcrumb .hero_breadcrumb-link {
    color: var(--microsite-text);
}

body[class*="microsite-"] .microsite-hero-single .hero_breadcrumb .hero_breadcrumb-link:hover {
    color: var(--microsite-text);
}

body[class*="microsite-"] .microsite-hero-single .hero_breadcrumb img {
    filter: var(--microsite-icon-filter);
}

body.microsite-renacimiento .hero_breadcrumb-link {
    color: var(--black);
}

body.microsite-renacimiento .hero_breadcrumb-link:hover {
    color: var(--black);
}

body.microsite-renacimiento .hero_breadcrumb img {
    filter: brightness(0);
}

/* === Menu === */

body[class*="microsite-"] .microsite-menu {
    background-color: var(--microsite-primary);
}

body.microsite-sierra-magina .microsite-menu_button,
body.microsite-sierra-magina .microsite-menu_link,
body.microsite-renacimiento .microsite-menu_button,
body.microsite-renacimiento .microsite-menu_link {
    color: var(--black);
}

body.microsite-sierra-magina .microsite-menu_link:hover,
body.microsite-renacimiento .microsite-menu_link:hover {
    color: var(--black);
}

body.microsite-sierra-magina .microsite-menu_link.w--current,
body.microsite-renacimiento .microsite-menu_link.w--current {
    color: var(--black);
}

body.microsite-sierra-magina .microsite-menu_separator,
body.microsite-renacimiento .microsite-menu_separator {
    filter: none;
}

body.microsite-sierra-magina .microsite-menu_logo,
body.microsite-renacimiento .microsite-menu_logo {
    filter: contrast(200%) brightness(0%);
}

body.microsite-sierra-magina .microsite-menu_button-icon,
body.microsite-renacimiento .microsite-menu_button-icon {
    filter: invert(0);
}

body.microsite-cazorla .microsite-menu_button,
body.microsite-cazorla .microsite-menu_link {
    color: var(--white);
}

body.microsite-cazorla .microsite-menu_link:hover {
    color: var(--white);
}

body.microsite-cazorla .microsite-menu_link.w--current {
    color: var(--white);
}

body.microsite-cazorla .microsite-menu_separator {
    filter: invert(1);
}

body.microsite-cazorla .microsite-menu_logo {
    filter: brightness(0) invert(1);
}

body.microsite-cazorla .microsite-menu_button-icon {
    filter: invert(1);
}

@media screen and (min-width: 1280px) {
    body[class*="microsite-"] .microsite-menu_submenu {
        background-color: var(--microsite-primary);
    }

    body.microsite-sierra-magina .microsite-menu_submenu-link,
    body.microsite-renacimiento .microsite-menu_submenu-link {
        color: var(--black);
    }

    body.microsite-sierra-magina .microsite-menu_submenu-link:hover,
    body.microsite-renacimiento .microsite-menu_submenu-link:hover {
        color: var(--black);
    }
}

/* === CTA Banner === */

body[class*="microsite-"] .banner-fullwidth_line {
    background-color: var(--microsite-primary);
}

body[class*="microsite-"] .banner-fullwidth_button {
    background-color: var(--microsite-primary);
    color: var(--microsite-text);
}

/* === Downloads Block === */

body[class*="microsite-"] .downloads .title-container div:after {
    background-color: var(--microsite-secondary);
}

/* === Buttons Block === */

body[class*="microsite-"] .buttons_block .title-container div:after {
    background-color: var(--microsite-secondary);
}

/* === Single Text === */

body[class*="microsite-"] .microsite-single-text .title-container div:after {
    background-color: var(--microsite-secondary);
}

/* === Features Image === */

body[class*="microsite-"] .features-image .title-2 {
    border-left: 4px solid var(--microsite-primary);
    padding-left: 12px;
}

/* === Calidad / Links Block === */

body[class*="microsite-"] .microsite-links .title-container div:after {
    background-color: var(--microsite-secondary);
}

body[class*="microsite-"] .microsite-links_section-title {
    color: var(--microsite-primary);
}

body.microsite-renacimiento .microsite-links_section-title {
    color: var(--black);
}

/* === Nodes Slider === */

body[class*="microsite-"] .microsite-slider_block .title-container div:after {
    background-color: var(--microsite-secondary);
}

/* === Tabs Sliders === */

body[class*="microsite-"] .tabs-sliders .title-container div:after {
    background-color: var(--microsite-secondary);
}

/* === Tabs === */

body[class*="microsite-"] .tabs-menu-link.w--current:after {
    background-color: var(--microsite-secondary);
}

/* === Home Map === */

body[class*="microsite-"] .home-map .tabs-sliders_tab-link:hover,
body[class*="microsite-"] .home-map .tabs-sliders_tab-link.w--current {
    border-color: var(--microsite-primary);
    background-color: var(--microsite-primary);
    color: var(--microsite-text);
}

body[class*="microsite-"] .home-map .home-map_element-title-container:after {
    background-color: var(--microsite-secondary);
}

body[class*="microsite-"] .home-map .home-map_element-bottom:after {
    background-color: var(--microsite-secondary);
}

/* === Timeline === */

body[class*="microsite-"] .microsite-timeline .title-container div:after {
    background-color: var(--microsite-secondary);
}

body[class*="microsite-"] .microsite-timeline_line {
    background-color: var(--microsite-primary);
}

body[class*="microsite-"] .microsite-timeline_dot {
    background-color: var(--microsite-primary);
    box-shadow: 0 0 0 3px var(--microsite-primary);
}

body[class*="microsite-"] .microsite-timeline_period {
    color: var(--microsite-primary);
}

body[class*="microsite-"] .microsite-timeline_link {
    border-bottom-color: var(--microsite-primary);
}

/* === Share === */

body[class*="microsite-"] .share_container {
    text-align: left;
    align-items: flex-start;
}

body[class*="microsite-"] .share_hashtag {
    text-align: left;
}

body[class*="microsite-"] .share_hashtag-rect {
    background-color: var(--microsite-secondary);
}

/* === Home Agenda (brandcode) === */

body[class*="microsite-"] .home-agenda .title-content-gap .title-container:after {
    background-color: var(--microsite-secondary);
}

body[class*="microsite-"] .home-agenda_date-container {
    background-color: var(--microsite-primary);
}

body[class*="microsite-"] .home-agenda_date-container p {
    color: white;
}

body.microsite-castillos-batallas .share_container,
body.microsite-cazorla .share_container {
    justify-content: start;
    align-items: baseline;
}