/* CM26_REMATES_V1
   Acabados finales de Construmin 2.
   No modificar slider, cursos, testimonios ni footer. */

/* SOBRE NOSOTROS: subtítulo dorado */

body:has(#cm26-premium-footer)
.skil-content > .title-head {
    color: #A6772F !important;
    -webkit-text-fill-color: #A6772F !important;
    background: none !important;
}

/* Conservar intacta la animación de la palabra Construmin. */


/* CONTADOR 150K+: icono y número dorados */

body:has(#cm26-premium-footer)
.skill-image .over-text > span {
    background: linear-gradient(
        115deg,
        #A97729 0%,
        #F4D68C 55%,
        #BB8534 100%
    ) !important;
    border-color: transparent !important;
    box-shadow: 0 6px 18px rgba(157,110,38,.17) !important;
}

body:has(#cm26-premium-footer)
.skill-image .over-text .b-text h5 {
    color: #AA792E !important;
    -webkit-text-fill-color: #AA792E !important;
}

body:has(#cm26-premium-footer)
.skill-image .over-text .b-text p {
    color: #52606A !important;
}


/* BLOG: subtítulo dorado */

body:has(#cm26-premium-footer)
.blog-wrapper .section-title .title-head {
    color: #A6772F !important;
    -webkit-text-fill-color: #A6772F !important;
    background: none !important;
}


/* BLOG: etiqueta de categoría, sin morado */

body:has(#cm26-premium-footer)
.blog-wrapper .card-head > span {
    background: linear-gradient(
        105deg,
        #A97729 0%,
        #F6D88D 55%,
        #BF8937 100%
    ) !important;
    color: #202830 !important;
    -webkit-text-fill-color: #202830 !important;
    border: 0 !important;
    box-shadow: 0 4px 12px rgba(106,78,37,.12) !important;
}


/* CM26_HEADER_SOLO_TEXTO_V2
   Hover original: solo cambia el color del texto. */

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li > a {
    background: transparent !important;
    box-shadow: none !important;
    transition: color .25s ease !important;
}

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li > a:hover,

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li > a:focus-visible,

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li > a.active {
    color: #AF7B2E !important;
    -webkit-text-fill-color: #AF7B2E !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom-color: #AF7B2E !important;
}

/* La flechita del menú conserva su forma. */

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li > a:hover i {
    color: #AF7B2E !important;
}

/* Contador de favoritos del encabezado */

body:has(#cm26-premium-footer)
.header-area .badge.bg-pink {
    background: #C4933F !important;
    color: #FFFFFF !important;
}

@media (prefers-reduced-motion: reduce) {
    body:has(#cm26-premium-footer)
    .header-area .header-menu
    ul.primary-menu.main-menu-ul > li > a {
        transition: none !important;
    }
}

/* CM26_FLECHA_MENU_CORREGIDA_V4 */

/* Texto dorado del menú */
body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li > a {
    --color-1: #AF7B2E;
}

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li:hover > a,

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li > a.active {
    color: #AF7B2E !important;
    -webkit-text-fill-color: #AF7B2E !important;
}

/* Línea inferior dorada, sin crear líneas junto a la flecha */
body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li:hover > a::before,

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li > a.active::before {
    background-color: #AF7B2E !important;
    border-bottom-color: #AF7B2E !important;
}

/* Restaurar el fondo transparente de la flecha */
body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li > a.menu-parent-a::after {
    background-color: transparent !important;
    background-image: none !important;
}


/* CM26_FLECHA_TRIANGULO_DORADO_V2 */

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul
> li:hover > a.menu-parent-a::after,

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul
> li > a.menu-parent-a:focus-visible::after,

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul
> li > a.menu-parent-a.active::after {

    border-top-color: #AF7B2E !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;

    background: transparent !important;
    box-shadow: none !important;
}

/* CM26_HOME_ACTIVO_DORADO_V5
   Destacar permanentemente Home en Construmin 2. */

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li:first-child > a,

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li:first-child > a.active,

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li:first-child > a:hover {
    color: #AF7B2E !important;
    -webkit-text-fill-color: #AF7B2E !important;
    border-bottom-color: #AF7B2E !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Si el tema dibuja una linea para Home,
   conservarla y cambiarla a dorado. */

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li:first-child > a::before,

body:has(#cm26-premium-footer)
.header-area .header-menu
ul.primary-menu.main-menu-ul > li:first-child > a::after {
    background-color: #AF7B2E !important;
    border-bottom-color: #AF7B2E !important;
}
/* CM26_IDIOMAS_SUPERPOSICION_V1
   Mostrar el selector de idiomas sobre el encabezado. */

/* Elevar la barra superior y liberar sus contenedores. */
body.cm26-v2 :has(#lng-selector):not(body):not(.header-area) {
    position: relative !important;
    z-index: 2100 !important;
    overflow: visible !important;
}

/* El selector personalizado de Academy. */
body.cm26-v2 form:has(#lng-selector) .nice-select {
    position: relative !important;
    z-index: 2102 !important;
    overflow: visible !important;
}

/* La lista conserva su apariencia y posición originales. */
body.cm26-v2 form:has(#lng-selector) .nice-select .list {
    z-index: 2103 !important;
}

/* No se modifica la posición sticky del encabezado. */