/* CONSTRUMIN PREMIUM: colores exclusivos de la página 26 */

/* 1. Eliminar el resplandor excesivo del título */

body.cm26-v2 #cm-premium-hero.cm26-v3 .cm-gold,
body.cm26-v2 #cm-premium-hero.cm26-v3 .cm-gold:hover {
    filter: none !important;
    text-shadow: none !important;
}

body.cm26-v2 #cm-premium-hero.cm26-v3 .cm-gold:hover {
    animation-duration: 2s;
}


/* 2. Todos los botones dorados cambian de tonalidad */

body.cm26-v2 #cm-premium-hero .cm-button,
body.cm26-v2 .eBtn.gradient {
    background-image: linear-gradient(
        105deg,
        #A97729 0%,
        #D5A64B 22%,
        #F8DEA0 48%,
        #C18C39 72%,
        #E8C47A 100%
    ) !important;

    background-size: 240% 100% !important;
    background-position: 0% 50% !important;

    color: #18212A !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.07) !important;
    filter: none !important;

    transition:
        background-position .5s ease,
        transform .3s ease !important;
}

body.cm26-v2 #cm-premium-hero .cm-button:hover,
body.cm26-v2 .eBtn.gradient:hover {
    background-position: 100% 50% !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
    filter: none !important;
}


/* 3. Texto degradado de la sección Sobre nosotros */

body.cm26-v2 .skil-content h2 .gradient.color {
    background-image: linear-gradient(
        105deg,
        #A97729,
        #E7BC69,
        #F8DEA0,
        #A97729
    ) !important;

    background-size: 220% 100% !important;
    background-position: 0% 50%;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;

    filter: none !important;
    text-shadow: none !important;

    transition: background-position .5s ease !important;
}

body.cm26-v2 .skil-content h2 .gradient.color:hover {
    background-position: 100% 50%;
    filter: none !important;
}


/* 4. Beneficios: reemplazar el azul y morado */

body.cm26-v2 .performance-wrapper .pr-wrap {
    background: linear-gradient(
        115deg,
        #18232D 0%,
        #35404A 28%,
        #71502A 70%,
        #946B36 100%
    ) !important;

    background-size: 180% 180% !important;
    background-position: 0% 50% !important;

    box-shadow: 0 12px 35px rgba(25,31,38,.09) !important;

    transition: background-position .6s ease !important;
}

body.cm26-v2 .performance-wrapper .pr-wrap:hover {
    background-position: 100% 50% !important;
}


/* 5. Beneficios: efecto de tarjeta discreto */

body.cm26-v2 .performance-wrapper .ps-single-wrap {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;

    transition:
        background .35s ease,
        transform .35s ease !important;
}

body.cm26-v2 .performance-wrapper .ps-single-wrap:hover {
    background: rgba(237,195,112,.11) !important;

    transform: translateY(-3px) !important;
    box-shadow: none !important;
    filter: none !important;
    border-radius: 12px;
}


/* Accesibilidad: respetar movimiento reducido */

@media (prefers-reduced-motion: reduce) {
    body.cm26-v2 .cm-button,
    body.cm26-v2 .eBtn.gradient,
    body.cm26-v2 .pr-wrap {
        transition: none !important;
    }
}

/* CM26_HOVER_INDIVIDUAL_V2 */

/* El fondo completo ya no cambia al pasar el cursor. */
body.cm26-v2 .performance-wrapper .pr-wrap,
body.cm26-v2 .performance-wrapper .pr-wrap:hover {
    background-position: 0% 50% !important;
}

/* Solo cambia la tarjeta seleccionada. */
body.cm26-v2 .performance-wrapper .ps-single-wrap:hover {
    background: rgba(246, 211, 144, .13) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    margin-top: 0 !important;
    top: 0 !important;
    border-radius: 12px;
}