/*
 Theme Name: Hello Elementor Child
 Theme URI: https://tusitio.com
 Description: Child theme de Hello Elementor
 Author: Tu nombre
 Template: hello-elementor
 Version: 1.0
*/


/*Categories Header*/
#wc-category-slider-212.wc-category-slider{margin-top:0;}
#wc-category-slider-212 .owl-stage {
  display: flex !important;
  justify-content: center !important;
  width: auto !important; /* permite que se ajuste al contenido */
  margin: 0 auto !important;
  text-align: center !important;
}
#wc-category-slider-212 .owl-stage .owl-item {
  float: none !important; /* evita desplazamiento lateral */
}

div#wc-category-slider-212,#wc-category-slider-212 .owl-stage-outer.owl-height, #wc-category-slider-212.wc-category-slider.hide-image.wc-category-basic .wc-slide .wc-slide-content-wrapper, #wc-category-slider-212.wc-category-slider.owl-drag .owl-item, #wc-category-slider-212.wc-category-slider.hide-border .wc-slide, #wc-category-slider-212.wc-category-slider .wc-slide-link, #wc-category-slider-212.wc-category-slider.hide-image .wc-slide, #wc-category-slider-212.wc-category-slider.hide-image.wc-category-default .wc-slide .wc-slide-content-wrapper  {
     height: 33px !important;
    max-height: 33px !important;
    min-height: 33px !important;
    margin: 0;
}

#wc-category-slider-212.wc-category-slider.owl-drag .owl-item {
 background: #e9eddc;color:white;
}

#wc-category-slider-212.wc-category-slider .wc-slide-link{padding-top: 7.2px;}
#wc-category-slider-212.wc-category-slider.hide-image.wc-category-default .wc-slide .wc-slide-content-wrapper:hover {
background: #000000;
}
#wc-category-slider-212 .owl-stage .owl-item:hover .wc-slide-link,
#wc-category-slider-212 .owl-stage .owl-item:hover .wc-slide-link .wc-slide-title {
  color: #ffffff !important;
  fill: #ffffff !important; /* por si el texto es SVG o icono */
}

#wc-category-slider-212 .wc-slide-link h3{    font-size: 13px !important;
    font-weight: 400 !important;}

#wc-category-slider-212.wc-category-slider.hide-image.wc-category-default .wc-slide .wc-slide-content-wrapper{
    max-height: 54px !important; /*border: 1px solid #e5e5e5;*/border-radius:5px;}

#wc-category-slider-212.wc-category-slider.owl-drag .owl-item {
    background: #f3f3f3;
    color: white;
    width: 120px !important;
}
/*category navigation*/
.wc-category-slider .owl-nav {
    margin-top: 0;
    position: absolute;
    right: 5px;
    top: -60px;
    padding-top: 55px;
}




/*GALERIA IMAGENES DE PRODUCTO*/
/* Functionality: Custom thumbnail size in product image gallery
 * Date:  2021-03-10
 * Author: Rafael Azuaje
 */

/* DESKTOP */
.woocommerce .flex-control-thumbs {
    margin: 10px 0px 10px -5px !important; /* Thumbnails separation top and bottom */
    width: 100% !important; /* Controls width of thumbnails container on desktop - Horizontally */
	display: flex;
}
/* Controls thumbnails width on desktop - vertically
 * Enable this ONLY for VERTICAL display
 */ 
ol.flex-control-nav.flex-control-thumbs li {
	width: 15% !important; 
}
/* Enable this ONLY for HORIZONTAL display */
/*ol.flex-control-nav.flex-control-thumbs li {
	width: 18% !important; 
}*/

/* PHONES */
@media (max-width:414px){
	ol.flex-control-nav.flex-control-thumbs li {
		width: 18% !important; /* Controls thumbnails width on mobile - Horizontally */
	}
}

/* TABLETS */
@media (min-width:568px) and (max-width:768px){
	/* Controls thumbnails container width on tablet - vertically
	 * Enable this ONLY for VERTICAL display */
	.woocommerce .flex-control-thumbs {
    	margin: 10px 0px 10px -5px !important; 
    	width: 15% !important;
	}
	/* Controls width of thumbnails container on tablet - horizontally
	 * Enable this ONLY for HORIZONTAL display */
	/*.woocommerce .flex-control-thumbs {
    	width: 70% !important; 
	}*/
	ol.flex-control-nav.flex-control-thumbs li {
		width: 90% !important; /* Controls thumbnails image width on tablet - vertically */
	}
}
@media (min-width:769px) and (max-width:1024px){
	/* Controls thumbnails container width on tablet - vertically
	 * Enable this ONLY for VERTICAL display */
	.woocommerce .flex-control-thumbs {
    	margin: 10px 0px 10px -5px !important; 
    	width: 12% !important;
	}
	/* Controls width of thumbnails container on tablet - horizontally
	 * Enable this ONLY for HORIZONTAL display */
	/*.woocommerce .flex-control-thumbs {
    	width: 70% !important; 
	}*/
	ol.flex-control-nav.flex-control-thumbs li {
		width: 100% !important; /* Controls thumbnails image width on tablet - vertically */
	}
}

/* Functionality: Product page image thumbnails on left side
 * Date:  2021-03-10
 * Author: Rafael Azuaje
 * Disable this segment if you want to display horizontally
 */
@media (min-width:568px) {
	.woocommerce .flex-control-nav { 
		position: absolute; 
		top:-10px; 
		left: 0px;
	}
	.flex-control-thumbs {
		display: flex;
		flex-direction: column;
	}
}
@media (min-width:568px) and (max-width:768px){
	.woocommerce .flex-viewport {
		width: 86.5% !important;
		left: 100px !important;
	}
}
@media (min-width:769px) and (max-width:1024px){
	.woocommerce .flex-viewport {
		width: 87% !important;
		left: 95px !important;
	}
}
@media (min-width:1025px){
	.woocommerce .flex-viewport {
		width: 85% !important;
		left: 80px !important;
	}	
}





/*TAMAÑO DE LA IMAGEN DE PRODUCTO*/
.woocommerce-product-gallery .flex-viewport {  WIDTH: 380px !important;left: 180px !important;z-index: 1;}
@media (max-width:550px){
	.woocommerce .flex-viewport {
		width: 100% !important;
		left: 0px !important;
	}	
}

/*TAMAÑO DE LAS IMAGENES DE LA GALERIA*/
ol.flex-control-nav.flex-control-thumbs li {
width: 125px !important;
    /*border: 2px solid #dddddd;*/
    border-radius: 2px;
    margin-bottom: 6px !important;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 125px !important;
    height: 180px !important;
    object-fit: cover !important;
    aspect-ratio: auto !important;
z-index: 0;
}


/*QUITAR BOTON AÑADIR AL CARRITO*/
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none !important;
}


/*IMAGENES PRODUCTOS RELACIONADOS*/
.woocommerce ul.products li.product a img {
     /*border: 0.1px solid #444444;*/
    border-radius: 2px;
}


/*IMAGENES HOVER MOSTRAR IMAGEN SECUNDARIA*/
/* Posiciona la imagen secundaria sobre la principal */
li.product {
    position: relative;
}

li.product img.secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

/* Al hacer hover, mostrar la secundaria y ocultar la principal */
li.product:hover img.secondary-image {
    opacity: 1;
}

li.product:hover img.wp-post-image {
    opacity: 0;
}

/*Carrito header*/
a#elementor-menu-cart__toggle_button
 {
    padding-left: 0;
}

/* H3 normales (widget Heading) → Heading M */
.elementor-widget-heading h3.elementor-heading-title:not(.woocommerce-loop-product__title), h3.elementor-icon-box-title,
.elementor-icon-box-title a, .elementor-widget-accordion h3 .elementor-accordion-title {
  font-family: var(--e-global-typography-heading-m-font-family) !important;
  font-size: var(--e-global-typography-heading-m-font-size) !important;
  font-weight: var(--e-global-typography-heading-m-font-weight) !important;
  line-height: var(--e-global-typography-heading-m-line-height) !important;
}




/* Woo product titles → DEFAULT (heredado) */
.woocommerce-loop-product__title {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}


a.button.product_type_variable.add_to_cart_button{display:none !important;}


.woocommerce-variation-price {
    margin-bottom: 20px;
    margin-top: 10px;
}
nav.woocommerce-breadcrumb {
    margin-top: 15px !important;
}

.search .page-content article.post {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    padding: 30px;
}
.search .page-content img.attachment-large.size-large.wp-post-image {
    max-height: 270px;
    min-height: 270px;
    object-fit: cover;
}
.search .page-content h2.entry-title{font-size:18px;}
.search .page-content h2.entry-title a{color:black !important;}
@media (max-width:1050px){
.search .page-content article.post {
    width: 100%;
}
}

/*Ajuste paginas de politicas*/
.page-id-60 h2, .page-id-60 h3,.page-id-51 h2, .page-id-51 h3,.page-id-115 h2, .page-id-115 h3,.page-id-3 h2, .page-id-3 h3 {
    margin-top: 35px;
}


.archive .term-description { margin-bottom: 50px; }

/*Fondo del carrito header FIX*/
.elementor-kit-17 .elementor-button, .elementor-kit-17 .elementor-button:hover {
    background-color: #ffffff;
}

/*Css de categorias solo nombre*/
.categorias-solo-nombres {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
margin-bottom: 40px;
justify-content: center;
}

.categorias-solo-nombres li {
    margin: 0;
padding: 2px 6px 2px 6px;
border: 1px solid #bbbbbb;
    border-radius: 5px;
}
.categorias-solo-nombres li:hover {
    background: #605042;
    color: white;
    border: 1px solid #605042;
}
.categorias-solo-nombres a {
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
	color: #605042;
}
.categorias-solo-nombres li:hover a {
    color: white;
}


@media (max-width: 768px) {
    .categorias-solo-nombres {
        gap: 12px;
    }
}

.archive h1.woocommerce-products-header__title.page-title{text-align:center !important;margin-top:60px;}

/*Blog css*/
.wp-singular h2 {
    margin-top: 40px;
}
.wp-singular h3 {
    margin-top: 20px;
}


@media (max-width: 768px) {
    .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100% !important;
    }
}

a#elementor-menu-cart__toggle_button {
    background: white;
}

.wp-singular .price {
    font-size: 16px !important;
} 

.categoriasshortcode img, .galeriaclientes img {
    min-height: 310px;
    max-height: 310px;
    object-fit: cover;
}

