/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   Hello Elementor Child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

 h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-block-start:0; }

body.page-id-403 #header__main {
	margin-bottom:0; background-color: var(--color-azul);
}


.flip-card-inner {  
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d; /* Permite que los hijos mantengan la posición 3D */
}

/* Efecto al pasar el cursor (Hover) */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Estilos comunes para ambas caras */
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Oculta la parte trasera de la capa durante el giro */
  backface-visibility: hidden;  
  overflow: hidden;  
}

/* Estilo de la cara frontal */
.flip-card-front {
  background-color: #eee;
}

/* Estilo de la cara trasera: ya inicia girada a 180° */
.flip-card-back {
  background-color: #333;
  transform: rotateY(180deg);
}

/* Ajuste de las imágenes para que cubran todo el contenedor */
.flip-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}