/*
Theme Name:  Bioxnet Theme Child
Description: Child theme for Bioxnet Theme
Template:   bioxnet
Text Domain: bioxnet-child
Version: 1.0
*/

.header-top-enlaces p a, .header-top-enlaces a{
    font-size: 14px;
}

.theme-bioxnet-child.theme-bioxnet.woocommerce div.product div.images .flex-control-thumbs li {
    width: 90px;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.theme-bioxnet-child.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: inherit;
}

.theme-bioxnet-child .vi_wpvs_variation_form .vi-wpvs-variation-wrap-wrap .vi-wpvs-variation-wrap[data-attribute="attribute_pa_especies-de-madera"] .vi-wpvs-option-wrap{
  margin: 5px 3px 3px 0;
	-webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}

.theme-bioxnet-child .vi_wpvs_variation_form .vi-wpvs-variation-wrap-wrap .vi-wpvs-variation-wrap[data-attribute="attribute_pa_especies-de-madera"] .vi-wpvs-option-wrap:hover{
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 2;
	background-color: #FFF;
	
}
.theme-bioxnet-child ol[style="list-style-type:lower-alpha"] li{
	    padding: 0 0 14px 0;
}

.theme-bioxnet-child ol[style="list-style-type:lower-alpha"] li:before{
	display:none;
}

.theme-bioxnet-child.theme-bioxnet.woocommerce div.product form.cart div.quantity, 
.theme-bioxnet-child div.product form.cart div.quantity{
    margin: 0 2px 0 0;
    min-width: 50px;
}

@media (max-width: 790px) {
.theme-bioxnet-child.theme-bioxnet.woocommerce div.product div.images .flex-control-thumbs li {
    width: 50px;
}
}

.theme-bioxnet.theme-bioxnet-child .wc-block-product-categories ul li .wc-block-product-categories-list-item-count{
	display:none;
}

.theme-bioxnet.theme-bioxnet-child .wc-block-product-categories ul li ul li a{
	font-size: 15px;
}
.theme-bioxnet.theme-bioxnet-child .wc-block-product-categories ul li ul li a:before{
	display:none;
}

.nosotros-submenu span::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 10px;
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(45deg);
    position: relative;
    top: -2px;
    transition: border-color 0.4s ease-in-out;
}

.nosotros-submenu:hover span::after {
    border-right-color: #38b54a;
    border-bottom-color: #38b54a;
}

.wp-block-navigation__submenu-container.has-text-color.has-white-color.has-background.nosotros-submenu.wp-block-navigation-submenu a{
	transition: 0.2s ease-in-out;
}

.wp-block-navigation__submenu-container.has-text-color.has-white-color.has-background.nosotros-submenu.wp-block-navigation-submenu a:hover{
	background-color: white;
	color: #2A2A2A;
}

.wp-block-navigation-item.wp-block-navigation-link span::after{
	content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    transform: rotate(45deg);
    position: relative;
    top: -2px;
}

.secc-eco{
	padding-left: 80px;
	padding-top: 100px;
}

@media (max-width: 790px) {
	.secc-eco{
	padding-left: 15px !important;
	padding-top: 15px !important;
	padding-right: 15px !important
	padding-bottom: 15px !important;
}
}

.justificado{
	text-align: justify !important;
}

@media (max-width: 790px){
	.Franquicias-column{
		padding-left: 18px !important;
		padding-right: 20px !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
	.banner-home h2{
		font-size: 20px !important;
	}
	
	.banner-home h3{
		font-size: 16px !important;
	}
	
	.banner-home img{
		height: 80px !important;
		width: auto !important;
	}
	
	.logo-movil img{
		height: 20.6px !important;
		width: auto !important;
	}
	
	.hamb-movil span{
		height: 3px !important;
		width: 22px !important;
	}
	
	.hamb-movil span:before{
		height: 3px !important;
		width: 22px !important;
	}
	
	/* Botón hamburguesa */
	#menu-toggle {
    --hamburger-gap: -5px; /* <-- cambia este valor */
    
    flex-direction: column;
    justify-content: center;
    gap: var(--hamburger-gap);
	transform: translatey(4px);
	}


	#menu-toggle span::before {
    top: calc(-1 * var(--hamburger-gap));
	}

	#menu-toggle span::after {
    top: var(--hamburger-gap);
	}

	
	.hamb-movil span:after{
		height: 3px !important;
		width: 22px !important;
	}
	
	.wp-block-bioxnet-column.InnerColumn{
		gap: 10px;
	}
	
	.wp-block-bioxnet-acordeon-galeria.columns-acordeon-galeria{
		gap: 10px;
	}
	
	.slider-desktop{
		display: none !important;
	}
	
	.slider-movil{
		display: block !important;
	}
}

.slider-movil{
	display: none;
}

.lista-blanca li::marker{
	color: white !important;
}

.acordeon-galeria-item .bg-overlay {
  transition: opacity 0.3s ease;
  opacity: 1;
}

.acordeon-galeria-item:hover .bg-overlay {
  opacity: 0.15; /* ajusta este valor a tu gusto, 0 = overlay totalmente invisible */
}

.wp-block-navigation-item__content{
	font-size: 16px !important;
}







/* ===== KEYFRAMES ===== */
@keyframes ss-zoom {
  from { transform: scale(1); }
  to   { transform: scale(1.2); }
}
@keyframes ss-overlay {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes ss-text-reveal {
  from { clip-path: inset(100% 0 0 0); transform: translateY(30px); }
  to   { clip-path: inset(0 0 0 0);   transform: translateY(0); }
}
@keyframes ss-icon-reveal {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ===== ESTADO BASE (antes de animar) ===== */
.n2-ss-slider-3 .n2-ss-slide-background-image img { transform: scale(1); }
.n2-ss-slider-3 .n2-ss-slide-background-color { opacity: 0; }
h2.n2-font-2f481903020d8e44530f18bd32309c10-hover,
h3.n2-font-4d32f5d9b139f48f7ab1c7436b9ba494-hover {
  clip-path: inset(100% 0 0 0);
  transform: translateY(30px);
}
#n2-ss-2item1 { opacity: 0; transform: translateY(40px); }

/* ===== TEXTO E ÍCONO (dentro del slide activo) ===== */
.n2-ss-slide-active h2.n2-font-2f481903020d8e44530f18bd32309c10-hover {
  animation: ss-text-reveal .9s cubic-bezier(.45,0,.55,1) .35s forwards;
}
.n2-ss-slide-active h3.n2-font-4d32f5d9b139f48f7ab1c7436b9ba494-hover {
  animation: ss-text-reveal .9s cubic-bezier(.45,0,.55,1) .55s forwards;
}
.n2-ss-slide-active #n2-ss-2item1 {
  animation: ss-icon-reveal .8s cubic-bezier(.45,0,.55,1) .25s forwards;
}

/* ===== FONDO Y OVERLAY (usando :has porque viven fuera del slide) ===== */
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="1"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="1"] .n2-ss-slide-background-image img,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="2"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="2"] .n2-ss-slide-background-image img,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="3"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="3"] .n2-ss-slide-background-image img,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="4"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="4"] .n2-ss-slide-background-image img,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="5"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="5"] .n2-ss-slide-background-image img,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="6"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="6"] .n2-ss-slide-background-image img,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="7"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="7"] .n2-ss-slide-background-image img,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="8"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="8"] .n2-ss-slide-background-image img {
  animation: ss-zoom 12s linear forwards;
}

.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="1"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="1"] .n2-ss-slide-background-color,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="2"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="2"] .n2-ss-slide-background-color,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="3"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="3"] .n2-ss-slide-background-color,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="4"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="4"] .n2-ss-slide-background-color,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="5"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="5"] .n2-ss-slide-background-color,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="6"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="6"] .n2-ss-slide-background-color,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="7"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="7"] .n2-ss-slide-background-color,
.n2-ss-slider-3:has(.n2-ss-slide[data-slide-public-id="8"].n2-ss-slide-active) .n2-ss-slide-background[data-public-id="8"] .n2-ss-slide-background-color {
  animation: ss-overlay .8s ease-in-out .25s forwards;
}