/*
Theme Name: Hello Elementor Child
Theme URI: http://tusitio.com/hello-elementor-child/
Description: Tema hijo para Hello Elementor
Author: Tu Nombre
Author URI: http://tusitio.com
Template: hello-elementor
Version: 1.0.0
*/
/* Estado normal del contenedor principal */
.fadeinout_card {
    /* Tus estilos normales para el contenedor principal */
}

/* Inicializar fadeinout_card_sup y fadeinout_card_inf con opacidad 0 (ocultos) */
.fadeinout_card_sup,
.fadeinout_card_inf {
    opacity: 0; /* Inicialmente transparentes */
    transform: translateY(0); /* Sin desplazamiento vertical inicial */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Transición suave para opacidad y transformación */
}

/* Inicializar fadeinout_card_med con una transición para transform */
.fadeinout_card_med {
    transition: transform 0.5s ease; /* Transición suave para transformación */
}

/* Estado hover del contenedor principal */
.fadeinout_card:hover .fadeinout_card_sup,
.fadeinout_card:hover .fadeinout_card_inf {
    opacity: 1; /* Hacer visibles */
    transform: translateY(-30px); /* Desplazar hacia arriba 30px */
}

.fadeinout_card:hover .fadeinout_card_med {
    transform: translateY(-30px); /* Desplazar hacia arriba 30px */
}