/* CM26_HERO_REFINADO_V2
   Imagen ampliada y botón Más información tipo original. */

/* IMAGEN: conservar proporciones y ampliar su presencia. */

@media (min-width: 1100px) {
    body.cm26-v2
    #cm-premium-hero.cm26-v3 .cm-visual {
        overflow: visible !important;
    }

    body.cm26-v2
    #cm-premium-hero.cm26-v3 .cm-visual img {
        width: 116% !important;
        max-width: none !important;
        height: auto !important;
        margin-left: -8% !important;
        object-fit: contain !important;

        /* Ampliación independiente de la animación del slider. */
        scale: 1.20 !important;
        transform-origin: center center !important;
    }
}

/* En tabletas, ampliación más moderada. */

@media (min-width: 768px) and (max-width: 1099px) {
    body.cm26-v2
    #cm-premium-hero.cm26-v3 .cm-visual img {
        width: 108% !important;
        max-width: none !important;
        height: auto !important;
        margin-left: -4% !important;
        object-fit: contain !important;

        scale: 1.06 !important;
        transform-origin: center center !important;
    }
}

/* En móviles conservar el tamaño adaptable. */

@media (max-width: 767px) {
    body.cm26-v2
    #cm-premium-hero.cm26-v3 .cm-visual img {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        scale: 1 !important;
    }
}


/* CM26_LEARN_ORIGINAL_V1
   Componente original de Academy.
   Conserva las dimensiones y la geometría originales. */

/* Contenedor con las mismas clases del Home original. */

body.cm26-v2
#cm-premium-hero .cm26-learn-wrapper {
    --color-1: #C99745;

    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* No modificar dimensiones ni formas del botón original. */

body.cm26-v2
#cm-premium-hero .cm26-learn-original {
    --color-1: #C99745;

    color: #FFFFFF !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Cambiar únicamente el azul del icono a dorado. */

body.cm26-v2
#cm-premium-hero .cm26-learn-original i {
    --color-1: #C99745;
    color: #C99745 !important;
}

/* Mantener la geometría original de la media luna. */

body.cm26-v2
#cm-premium-hero .cm26-learn-original i::after {
    border-left-color: #C99745 !important;
}

/* Texto blanco para el fondo grafito. */

body.cm26-v2
#cm-premium-hero .cm26-learn-original:hover {
    color: #F7D891 !important;
}