/**
 * CM Mobile Hover State
 * 
 * Estilos para simular el efecto hover en dispositivos táctiles.
 * Solo se aplican en dispositivos sin mouse (hover: none).
 * 
 * @package CM_Mobile_Hover_State
 * @version 1.0.0
 */
/* ============================================
   TOUCH DEVICES ONLY - Simulated Hover States
   ============================================ */
@media (hover: none) {
    
    /* --------------------------------------
       Tarjeta con imagen
       -------------------------------------- */
    .cm--tarjeta-con-imagen.is-hover-active::before {
        transform: translate(-50%, 50%) scale(1);
    }
    
    .cm--tarjeta-con-imagen.is-hover-active img {
        opacity: 1;
    }
    
    .cm--tarjeta-con-imagen.is-hover-active p,
    .cm--tarjeta-con-imagen.is-hover-active h3,
    .cm--tarjeta-con-imagen.is-hover-active h2 {
        color: #002e48 !important;
    }
    /* --------------------------------------
       Tarjeta sin imagen
       -------------------------------------- */
    .cm--tarjeta-sin-imagen.is-hover-active::before {
        transform: translate(-50%, 50%) scale(1);
    }
    
    .cm--tarjeta-sin-imagen.is-hover-active .cm--hidden-paragraph {
        max-height: 100rem;
    }
    
    /* Variante verde */
    .cm--tarjeta-verde.cm--tarjeta-sin-imagen.is-hover-active,
    .cm--tarjeta-verde.cm--tarjeta-sin-imagen.is-hover-active svg {
        color: #f16021 !important;
    }
    /* --------------------------------------
       Tarjeta horizontal
       -------------------------------------- */
    .cm--tarjeta-horizontal.is-hover-active::before {
        transform: translate(-50%, 50%) scale(1);
    }
    
    .cm--tarjeta-horizontal.is-hover-active rect {
        fill: #002e48 !important;
    }
    
    .cm--tarjeta-horizontal.is-hover-active path {
        fill: #8dc63f !important;
    }
    /* --------------------------------------
       Tarjeta horizontal blue
       -------------------------------------- */
    .cm--tarjeta-horizontal-blue.is-hover-active::before {
        transform: translate(-50%, 50%) scale(1);
    }
    
    .cm--tarjeta-horizontal-blue.is-hover-active h4 {
        color: #8dc63f !important;
    }
    
    .cm--tarjeta-horizontal-blue.is-hover-active rect {
        fill: #8dc63f !important;
    }
    
    .cm--tarjeta-horizontal-blue.is-hover-active path {
        fill: #002e48 !important;
    }
}