/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com
Description: Un tema hijo de Hello Elementor
Author: Tu Nombre
Author URI: https://tuweb.com
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-child
*/

/* Aquí puedes agregar estilos personalizados */

p a, span a {
	color: #646464 !important;
	font-weight: 600 !important;
}

.wc-block-components-checkout-place-order-button {
	border-color #d1d1d1 !important;
}

.alignwide {
	margin: 40px 0 !important;
}

/* contenedor de la tarjeta*/
.product-card {
    position:relative;
    overflow:hidden;
}

/* imagen del shortcode (3.ª galería)*/
.product-card .third-img {
    position:absolute; inset:0;          
    transition:opacity .35s ease-in-out;
    opacity:0;                          
}

/* si el shortcode envuelve su <img> en un <div>, asegúrate de que la foto
   llene el espacio */
.product-card .third-img img {
    width:100%; height:15.5rem object-fit:cover;
}

/* efecto hover*/
.product-card:hover .third-img{ opacity:1; } 

/* Tarjeta de categoría*/
.cat-card{
    position:relative;           
    overflow:hidden;            
}

/* Imagen por defecto (primaria) */

.cat-card .cat-img-primary{
    transition:opacity .35s ease-in-out;
}

/*Imagen que aparece al hover */
.cat-card .cat-img-hovering{
    position:absolute;   
	height: 515px;
    inset:0;                      
    opacity:0;                   
    transition:opacity .35s ease-in-out;
}

/* Nos aseguramos de que la imagen llena la tarjeta sin deformarse */
.cat-card .cat-img-hovering img,
.cat-card .cat-img-primary img{
    width:100%;
    height:100%;
    object-fit:cover; 
}

/* Efecto hover */
.cat-card:hover .cat-img-hovering{ opacity:1; }