/**
Theme Name: perfectpool
Author: Luis Oses y Hector Gomez
Email: hectorgomezsistemas@gmail.com
Description: Tema realizado para perfectpool.cl
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: perfectpool
Template: astra
*/


body {
	font-family:Lato !important;
}

a {
  text-decoration: none!important;
}


/*******MENU PRINCIPAL********/
.menu-desplegable{
	width:fit-content!important;
}

.menu {
	list-style: none;
    padding: 0px;
    margin: 0px;
	display: flex;
	flex-wrap: wrap;
	font-family:inherit; 
}

@media (min-width: 768px) {
    .menu {
	    width: 600px;
    }
}
.menu-item {
	margin: 0px 10px 0px 10px;
	flex: 1 1 0;
	min-width: 135px;
	text-decoration: none;
	max-width: 135px;
}

.padre-1 {

	text-transform: uppercase;
}


.padre {
	margin-top:0px!important;
	margin-left:-10px;
	text-transform: uppercase;
}

.menu-item > a, .padre {
	font-weight: bold;
	color: black;
	text-decoration: none;
	display: block;
	margin-bottom: 0px;
	line-height: 15px;
	color:#484848;
	font-size:15px;
  font-family:Lato;
	padding:5px 10px 5px 10px;
	border-radius:5px;
	
}
.sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sub-menu li {
	margin-bottom: 3px;
}
.sub-menu a {
	color: gray;
	text-decoration: none;
	font-weight: 400;
	line-height: 15px;
	margin-left:-9px;
	font-size:90%;
}

.padre:hover,
.sub-menu a:hover, 
.menu-item >a:hover  {
  background-color:#E7A108!important;
	color:#FFF;	
	
}
/*******FIN MENU PRINCIPAL********/



/***** ESTILO DE BARRA DE NOTIFICACIONES DE WOOCOMMERCE *******/
body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button {
    padding: 2px 8px 2px 8px!important;
    border: none!important;
}
/***** FIN ESTILO DE BARRA DE NOTIFICACIONES DE WOOCOMMERCE *******/



/***** ESTILOS PARA CARRO FLOTANTE *******/
.elementor-menu-cart__main{
	bottom:auto!important;
	padding: var(--cart-padding, 20px 20px)!important;
	z-index:9999999999999999;
}
.elementor-menu-cart__products {
    max-height: calc(84vh - 250px)!important;
    /*overflow: hidden;*/
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/***** FIN ESTILOS PARA CARRO FLOTANTE *******/


/***** ESTILOS PARA SCROLL *******/
/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #397524 #DFE9EB;
}*/

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    max-width: 300px;
    max-height: 300px;
    object-fit: cover;
}

.woocommerce-js .quantity .minus {
	border-radius: 10px 0px 0px 10px;
}

.woocommerce-js .quantity .plus{
	border-radius: 0px 10px 10px 0px;
}

.buttons_added {
	height: 36px!important;
}

.woocommerce-js input[type=number].qty {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    height:36px !important;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 10px;
  width: 12px;
}
*::-webkit-scrollbar-track {
  border-radius: 1px!important;
  background-color: #F2F4F7;
}

*::-webkit-scrollbar-track:hover {
  background-color: #F2F4F7;
}

*::-webkit-scrollbar-track:active {
  background-color: #F2F4F7;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #CACACA;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #36B0E6;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #116FBF;
}
/***** FIN ESTILOS PARA SCROLL *******/





/****ANIMACIONES*****/
.pulsate-fwd {
	-webkit-animation: pulsate-fwd 1s ease-in-out infinite both;
	        animation: pulsate-fwd 1s ease-in-out infinite both;
}

@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.slide-in-blurred-top {
	-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}


.puff-in-top {
	-webkit-animation: puff-in-top 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
	        animation: puff-in-top 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
}

@-webkit-keyframes puff-in-top {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-top {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

/*********SLIDER DE TEXTO**********/
.top-header {
            width: 100%;
            height: 28px;
            background-color: #f7a92d00;
            overflow: hidden;
            position: relative;
            display: flex;
            justify-content: center;
        }
        .slider-texts {
            display: flex;
            flex-direction: row;    /* Cambiado de column a row */
            transition: transform 0.5s cubic-bezier(0.77,0,0.175,1);
            height: 28px !important;
            width: 100%;
        }
        .slider-texts div {
            min-width: 100vw;   /* Ocupa todo el ancho de la ventana */
            max-width: 100vw;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px !important;
            color: white;
        }
        @media (max-width: 768px) {
            .slider-texts div {
                font-size: 12px!important;
            }
        }
        @media (max-width: 380px) {
            .slider-texts div {
                /*font-size: 11px!important;*/
              font-size: .7em!important;
            }
            .slider-texts {
                height: 33px !important;
            }
        }
		.icondespacho{
		   width:20px;
		   height:20px;
			margin-top:-4px;
		   margin-bottom:0px;
		color:white;
		}

/* Bloquear el scroll horizontal en todas las páginas */
        body {
            overflow-x: hidden !important;
        }

        /* Asegurar que contenedores con anchos grandes no causen scroll horizontal */
        html, body {
            max-width: 100% !important;
            overflow-x: hidden !important;
        }

        /* WooCommerce ajustes para productos */
        .single-product {
            overflow-x: hidden !important;
        }