/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions. Note: Blocksy is built with the latest web technologies in order to bring you the smoothest experience, that told, old browsers like IE 11 and below may not work as expected. We strongly recommend you to update/switch to a modern browser.
Tags: blog,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 2.0.11.1704798059
Updated: 2024-01-09 12:00:59

*/

.menu-categorias-tienda{display:none; }

/*checkbox form suscripcion*/
.mailpoet-privacy-consent{ color:#fff; width:100%;  }
.styled-checkbox { width:100% !important;  display:flex !important; align-items:center; align-content:center; justify-content:center; }
.styled-checkbox span {  display:flex; align-items:center; }
.styled-checkbox span span{ display:inline-block; margin-right:5px}
.styled-checkbox span a { color:#fff !important; text-decoration:undeline; }
/* El checkbox personalizado */
.styled-checkbox input[type="checkbox"] {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin: 0; /* muy importante: elimina margen que puede romper alineación */
  vertical-align: middle;
}

/* Icono de check marcado */
.styled-checkbox input[type="checkbox"]:checked::before {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  color: #fff;
  font-size: 14px;
}

/* Checkbox marcado */
.styled-checkbox input[type="checkbox"]:checked {
  background-color: green;
  border-color: green;
}

/*texto usuarios categorías*/
.desc{margin-bottom:80px !important; padding:0 5%;    }
.desc h2{ line-height:100%; }



/*banner campañas*/
/* El contenedor del banner ocupa todo el ancho disponible */
.canem-cabecera-campanas.banner_canem.canem-highlight-wrapper {
    width: 100% !important;
    max-width: 100% !important;
	margin-bottom:1px; 
}

/* Enlace ocupando todo el ancho también */
.canem-cabecera-campanas.banner_canem.canem-highlight-wrapper > a {
    display: block !important;
    width: 100% !important;
}

/* La imagen se adapta al 100% del contenedor */
.canem-cabecera-campanas.banner_canem.canem-highlight-wrapper img {
    display: block !important;   /* pisa el inline-block del style="" */
    width: 100% !important;
    height: auto !important;
}


/*Iconos Home minis en Single Product*/
.iconos__home_mini{ display:flex; flex-wrap:wrap; color:#43763d; padding:0 2%;
	>div{ width:25%; padding:1%; padding-top:35px;  background-repeat: no-repeat; background-position: top; background-size:35px; font-size:14px; text-align:center;    }
	.pago{background-image: url("img/pago_verde.svg");}
	.paquete{background-image: url("img/paquete_verde.svg");}
	.entrega{background-image: url("img/envio-urgente_verde.svg");}
	.envio{background-image: url("img/envio-gratis_verde.svg");}
}
#tarjetas{ display:flex; justify-content:center;
}
.tarjetas{ display:block; width:100%; max-width:150px;   aspect-ratio:1/.4; background-repeat: no-repeat;  background-size:contain; background-image: url("img/tarjetas.jpg"); margin-top:10px;   }


.seo-extra-content-product {
    margin-top: 80px;
    padding: 40px 0 20px;
	
	/* h2{ font-size:25px;} */
	/* h3{ font-size:20px;} */
}

.seo-extra-content-product__inner {
    max-width: 1200px;
    margin: 0 auto;
	padding:5%; 
}

.seo-extra-content-product__inner p {
    margin: 0 0 18px;
    line-height: 1.7;
}

.seo-extra-content-product__inner img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}

.seo-extra-content-product__inner figure {
    margin: 25px 0;
}

.seo-extra-content-product__inner .wp-caption {
    max-width: 100% !important;
    margin: 25px auto;
}

.seo-extra-content-product__inner .wp-caption-text {
    font-size: 14px;
    line-height: 1.5;
    opacity: .8;
    margin-top: 8px;
    text-align: center;
}

.seo-extra-content-product__inner .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.seo-extra-content-product__inner .alignleft {
    float: left;
    margin: 8px 25px 20px 0;
    max-width: 45%;
}

.seo-extra-content-product__inner .alignright {
    float: right;
    margin: 8px 0 20px 25px;
    max-width: 45%;
}

.seo-extra-content-product__inner::after {
    content: "";
    display: block;
    clear: both;
}

.seo-extra-content-product__inner .gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.seo-extra-content-product__inner .gallery img {
    width: 100%;
}




@media only screen and ( max-width: 768px ) {
	
	.menu-categorias-tienda{display:block; margin-bottom:20px; }
	.menu-categorias-list{ list-style: none; margin:0; padding:0; }
	.menu-categorias-list li {  background-color:#4e8548;; border:1px #f7f3f3 solid; color:#f7f3f3; text-align:center;   }
	.menu-categorias-list a { color:#f7f3f3; display:block; padding:5px; }
	
	.ct-container, .ct-container-full{ padding-top:10px; }
	.hero-section.is-width-constrained{ margin-bottom:5px !important; }
	
	
	/*Iconos Home minis en Single Product*/
.iconos__home_mini{
	>div{ width:50%; margin-bottom:10px;}
}
.boton-whatsapp{
	img{ width:30px !important; height:30px !important; }
}


}//