/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* GENERALES */
.text-black{color: #000;}
.text-red{color: var(--e-global-color-1e4051c);}
.text-semibold{font-weight: 600;}
.text-balance{text-wrap: balance;}
.text-pretty{text-wrap: pretty;}

/* Search modal */
.bdt-modal-dialog{
	background-color: #000;
}

.bdt-modal.bdt-open {
    opacity: .9;
}

.bdt-icon svg{
	color: #fff!important;
}

.bdt-modal-close-full{
	border: 0!important;
    background-color: transparent!important;
    top: 60px;
    right: 60px;
}
/* Search modal */

/* Elementor 'fixes' */
button{
	outline: 0px!important;
}
/* Elementor 'fixes' */

/* WooCommerce Overrite */
.payment_box{
	background-color: #e1e1e1!important;
	border-radius: 5px!important;
}

.woocommerce-checkout #payment ul.payment_methods li input{
	margin-right: 5px!important;
}

.woocommerce{
	& .woocommerce-notices-wrapper{
		& .wc-block-components-notice-banner{
			border-radius: 5px!important;
			padding: 25px!important;
			background-color: var(--e-global-color-0d21885)!important;
			color: #fff!important;
			border: 0px!important;
			max-width: 1140px!important;
    		margin: 40px auto 0 auto!important;
			
			&.is-error{
				& svg{
					background-color: var(--e-global-color-1e4051c);

					& path{
						fill: #fff!important;
					}
				}
			}	
		}
	}
}

.modal-cart{
	& .woocommerce-mini-cart-item{
		&:not(:last-child){
			border-bottom: 1px solid var(--e-global-color-a06e9ff);
		}
		& img{
			width: 50px!important;
			border: 1px solid #00000014;
			border-radius: 5px;
		}
		& .remove{
			position: absolute;
			left: 0px;
			top: 50%;
			transform: translateY(-50%);
		}
		& a:not(.remove){
			margin-top: 3px;
		}
		padding: 15px 0 15px 30px!important;
		position: relative;
	}

	& .woocommerce-mini-cart__total{
		font-size: 1.2em;
		padding-top: 30px;
		border-top: 1px solid var(--e-global-color-a06e9ff);

		& .amount{
			font-weight: bold;
			font-size: 1.3em;
		}
	}
	
	& .woocommerce-mini-cart__buttons{
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
		
		& .button{
			background-color: var(--e-global-color-primary)!important;
			color: var(--e-global-color-secondary)!important;
			text-transform: uppercase;
			font-size: .9em!important;
			font-weight: normal!important;
			border-radius: 5px!important;
			padding: 12px 22px!important;
	
			&:hover{
				background-color: var(--e-global-color-secondary)!important;
				color:#fff!important;
			}
		}
	}
}

.payment_box{
	padding: 20px!important;
	& .wc-payment-form{
		border: 0!important;
		padding: 0!important;
	}
}
/* WooCommerce Overrite */

/* Tooltip*/
.proximamente{
	cursor: not-allowed;
	position: relative;
	& a:hover{
		all: unset;
	}
}

.proximamente:hover:before{
	content:'Próximamente';
	position: absolute;
	background-color: #fff;
	border-radius: 5px;
	padding: 3px 7px;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	font-size: .7em;
	border: 1px solid #efefef;
	box-shadow: 0 3px 12px rgba(0,0,0,.01);
}

body:not(.home){
	.proximamente:hover:before{
		top: 80px;
	}
}
/* Tooltip*/

/* Tags de los productos */
.tags{
	display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.tag{
	color: #FFFFFF;
    font-size: 0.7em;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.3em;
    letter-spacing: 0.6px;
    border-radius: 50px;
    padding: 3px 14px;
    display: inline-block;
    background-color: var(--e-global-color-a642114);
}

.tag-oferta,
.tag-nuevo{background-color: var(--e-global-color-8685ec8);}
.tag-edicion-limitada{background-color: var(--e-global-color-1e4051c);}
.tag-proximamente,
.tag-lo-mas-vendido{background-color: var(--e-global-color-78d279c);}
.tag-bajo-reserva{background-color: var(--e-global-color-78d279c);}
/* Tags de los productos */
/* GENERALES */

/* HEADER */
/* Estilos del menu para el resto de páginas que NO son la Home (solo para desktop) */
@media screen and (min-width: 1024px){
	body:not(.home){
		& #header{
			background-color: var(--e-global-color-0d21885);
			& .e-con-inner{
				padding-bottom: 0;
			}
		}

		& #header_menu, & #header_accesos{
			padding: 0;
			border: 0;
		}

		& #header_menu .elementor-nav-menu a{
			color: var(--e-global-color-accent);
			padding: 24px 12px;
			&:hover{
				background-color: #fff;
				color: #000;
			}
		}

		& #header_accesos svg{
			fill: var(--e-global-color-accent);
		}
	}
}
/* Estilos del menu para el resto de páginas que NO son la Home (solo para desktop) */

/* Estilos del menu SOLO para la HOME */
body.home{
	#header_logo *{
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	
	& #header.elementor-sticky--effects{
		background-color: #fff;
		& img{
			width: 70px;
		}

		& #header_menu .menu-item a{
			color: #000!important;
			&:hover{
				color: var(--e-global-color-accent)!important;
			}
		}

		& #header_accesos svg,
		& #header_accesos svg path{
			fill: #000!important;
		}

		/* iPad */
		@media only screen 
			and (min-device-width: 834px) 
			and (max-device-width: 1194px) 
			and (-webkit-min-device-pixel-ratio: 2)
			and (pointer: coarse){
				img{
					width: 100%;
				    max-width: 200px;
				}
				#header_menu,
				#header_accesos{
					border: 0px solid transparent!important;
					padding: 17px 0!important;
				}
		}
		/* iPad */
	}

	/* iPad */
	@media only screen 
		and (min-device-width: 834px) 
		and (max-device-width: 1194px) 
		and (-webkit-min-device-pixel-ratio: 2)
		and (pointer: coarse){
			img{
				width: 100%;
				max-width: 200px;
			}
			#header_menu,
			#header_accesos{
				border: 0px solid transparent!important;
				padding: 17px 0!important;
			}
	}
	/* iPad */
	
	@media screen and (max-width: 1024px){
		& #header.elementor-sticky--effects{
			background-color: var(--e-global-color-0d21885);
			& #header_accesos svg,
			& #header_accesos svg path{
				fill: var(--e-global-color-secondary)!important;
			}
			& img {
			    width: 100%;
			    max-width: 200px;
			}
			& #header_menu .menu-item a{
				color: var(--e-global-color-secondary)!important;
			}
		}
	}
}
/* Estilos del menu SOLO para la HOME */

@media screen and (max-width: 1024px){
	#header{
		background-color: var(--e-global-color-0d21885);
	}
	
	#header_menu .elementor-nav-menu{
		padding: 0 25px;
	}
	
	#header_menu .elementor-nav-menu__container{
		width: 50%;
		max-width: 200px;
	}
	
	#header_accesos svg{
		fill: var(--e-global-color-accent);
	}
}
/* HEADER */

/* HOME */
/* Contador */
.contador .elementor-countdown-item{
	position: relative;
}

.contador .elementor-countdown-label{
	position: absolute;
	left: 0;
	top: -20px;
}

@media screen and (max-width: 767px){
	.contador .elementor-countdown-wrapper{
		display: grid!important;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 35px;
	}
	
	.contador .elementor-countdown-item{
		margin: 0!important;
	}
}
/* Contador */

/* Testimonios */
.testimonios .elementor-swiper-button-prev{
	left: -20px!important;
}

.testimonios .elementor-swiper-button-next{
	right: -20px!important;
}
/* Testimonios */
/* HOME */

/* TIENDA */
@media screen and (max-width: 767px){
	.header_tienda{
		&:before {
			background-color: #00000000 !important;
			background-image: linear-gradient(180deg, #00000000 30%, #000000 70%) !important;
		}
	}
}
/* TIENDA */

/* MI CUENTA */
#mi-cuenta{
	& .woocommerce-MyAccount-navigation-link a{
		padding: 12px 18px;
	}
	
	& .woocommerce-MyAccount-navigation-link a:before{
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		display: block;
		text-align: center;
		font-size: 2em;
	}
	
	& .woocommerce-MyAccount-navigation-link--dashboard a:before{content: '\f015';}
	& .woocommerce-MyAccount-navigation-link--orders a:before{content: '\f466';}
	& .woocommerce-MyAccount-navigation-link--downloads a:before{content: '\f019';}
	& .woocommerce-MyAccount-navigation-link--edit-address a:before{content: '\f59f';}
	& .woocommerce-MyAccount-navigation-link--payment-methods a:before{content: '\f09d';}
	& .woocommerce-MyAccount-navigation-link--edit-account a:before{content: '\f4ff';}
	& .woocommerce-MyAccount-navigation-link--customer-logout a:before{content: '\f2f5';}
	
	& .woocommerce-Addresses{
		& .woocommerce-Address{
			display: flex;
			gap: 15px;
			flex-direction: column;
		}
		
		& a.edit{
			background-color: var(--e-global-color-0d21885);
			color: var(--e-global-color-secondary);
			font-size: .9em;
			font-weight: normal;
			text-transform: uppercase;
			padding: 10px 24px;
			border-radius: 5px;
			margin: 0;
			min-width: 150px;
    		text-align: center;
			position: relative;
			-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-ms-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;
			
			&:hover{
				background-color: var(--e-global-color-secondary);
				color: #fff;
			}
		}
		
		& address{
			background-color: var(--e-global-color-33dd98a);
			padding: 30px;
			height: auto!important;
			border-radius: 5px;
		}
	}
}

@media screen and (max-width: 767px){
	#mi-cuenta {
		& ul{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 10px;
			
			& li{
				margin: 0;
				padding: 0;
			}
		}
		
		& .woocommerce-MyAccount-navigation-link a:before{
			content: '';
		}
	}

}
/* MI CUENTA */

/* FICHA DE PRODUCTO */
/*.imagenes_producto{
	& .woocommerce-product-gallery{
		display: flex;
		flex-direction: row-reverse;
		gap: 20px;
		
		& .flex-viewport{
			flex: 1;
		}

		& ol{
			display: flex;
			gap: 13.5px;
			flex-direction: column;
			width: 95px;
			
			& li{
				width: 100%!important;
				padding: 0!important;
			}
		}
	}
}*/
/* FICHA DE PRODUCTO */

/* CONTACTO */
.form_contacto{
	& .desplegable_privacidad{
		margin: 10px 0 -8px 0!important;
		& .elementor-toggle-title,
		& .elementor-tab-content{
			color: #000!important;
		}
		& svg{
			fill: #000!important;
		}
	}
	& .elementor-field-type-acceptance,
	& .elementor-field-type{
		font-size: 0.8em;
		& input[type="checkbox"]{
			transform: translateY(2px);
			margin-right: 5px;
		}
	}
}
/* CONTACTO */

/* FAQ*/
.faq_category_filter{
	& .jet-radio-list-wrapper fieldset{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}
	& .jet-filter-row{
		flex: 1 1 0px;
		&:has(input[data-label="General"]){order: 1;}
		&:has(input[data-label="Mi cuenta"]){order: 2;}
		&:has(input[data-label="Envío"]){order: 3;}
		&:has(input[data-label="Devolución"]){order: 4;}
		&:has(input[data-label="Pago"]){order: 5;}
		
		& label{
			width: 100%;
			& input + .jet-radio-list__button:before{
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				display: block;
				text-align: center;
				font-size: 1.6em;
			}
			& input[data-label="Devolución"] + .jet-radio-list__button:before{content: '\f49e';}
			& input[data-label="Envío"] + .jet-radio-list__button:before{content: '\f48b';}
			& input[data-label="General"] + .jet-radio-list__button:before{content: '\f059';}
			& input[data-label="Mi cuenta"] + .jet-radio-list__button:before{content: '\f118';}
			& input[data-label="Pago"] + .jet-radio-list__button:before{content: '\f09d';}
			
			& .jet-radio-list__button{
				padding: 20px;
				height: 100px;
				width: 100%;
				display: flex;
				flex-direction: column!important;
				gap: 10px;
				justify-content: center;
			}
		}
	}
}

@media screen and (max-width: 767px){
	.faq_category_filter{
		& .jet-filter-row{
			flex: 1 1 100px;
		}
	}
}
/* FAQ*/

/* FOOTER */
/* Newsletter */
.form_newsletter .elementor-field-type-email{
	order: 0;
	padding-right: 0!important;
}
.form_newsletter .elementor-field-type-acceptance{order: 3;}
.form_newsletter .elementor-field-type-html{order: 4;}
.form_newsletter .elementor-field-type-submit{
	order: 2;
	padding-left: 0!important;
}

.form_newsletter .elementor-field-type-acceptance label{
	font-size: .68em!important;
}

.form_newsletter .elementor-field-type-acceptance a{
	color: var(--e-global-color-accent);
	&:hover{
		text-decoration: underline;
	}
}

.desplegable_privacidad .elementor-toggle-icon{
	font-size: .6em;
	transform: translateY(4px);
}

@media screen and (max-width: 767px){
	.form_newsletter .elementor-field-type-email{
		padding-right: 5px!important;
		& input{
			border-radius: 5px!important;
		}
	}
	
	.form_newsletter .elementor-field-type-submit{
		padding-left: 5px!important;
		& button{
			border-radius: 5px!important;
			border-width: 1px!important;
		}
	}
}
/* Newsletter */
/* FOOTER */

/* LANDINGS DE VENTA */
/* Chicho Terremoto */
.chicho-contador{
	& .elementor-countdown-wrapper{
		display: grid;
    	grid-template-columns: repeat(2, 1fr);
		gap: 50px;
		& .elementor-countdown-item{
			background-color: #95beea0d;
    		border-radius: 5px;
    		box-shadow: inset 2px -2px 4px -2px #ffffff40, 2px 2px 4px -2px #00000040;
			position: relative;
			padding: 10px;
			&:before {
				content: '';
				display: block;
				width: 155px;
				height: 10px;
				top: -25px;
				position: absolute;
				background-image: radial-gradient(rgb(10 255 14) 47.2%, #ffffff00 47.2%);
				background-position: 0px 12px;
				background-size: 13px 13px;
				background-color: rgb(255 255 255 / 0%);
			}
			&:first-child:before{
				left: -17px;
			}
			&:last-child:before{
				right: -17px;
			}
			& span{
				background: #FFFFFF;
    			background: radial-gradient(circle farthest-corner at center center, #FFFFFF 0%, #afd9f1 100%);
    			-webkit-background-clip: text;
    			-webkit-text-fill-color: transparent;
				text-shadow: rgba(175,217,241,0.9) 0px 0px 10px;
				font-weight: bold;
			}
		}
	}
}

@media screen and (max-width: 767px){
	.chicho-contador{
		& .elementor-countdown-wrapper{
			& .elementor-countdown-item{
				display: flex!important;
				flex-direction: column;
			}
		}
	}
}

@media screen and (max-width: 767px){
	.chicho-letra-pequena p:not(span){
		color: #fff!important;
	}
}

.chicho-testimonios{
	& .elementor-testimonial{
		align-items: center!important;
	}

	@media screen and (max-width: 767px){
		& .elementor-testimonial{
			flex-direction: column-reverse!important;
		}
	}
	
	& .elementor-testimonial__cite{
		margin: 0!important;
	}

	& .elementor-testimonial__footer{
		padding: 10px!important;
	}
	
	& .elementor-testimonial__content{
		background-color: #fff;
		padding: 20px;
		border-radius: 10px;
		border: 1px solid #20202014;
		display: flex;
		flex-direction: column-reverse;
		gap: 5px;
	}

	& .swiper-slide {
		overflow: visible;
		
		& .elementor-testimonial__image img{
			z-index: 1;
			position: relative;
		}
		
		&:before{
			content: '';
			background-repeat: no-repeat;
			background-size: cover;
			background-position: left;
			width: 60px;
			height: 60px;
			position: absolute;
			left: -20px;
			top: 50%;
			transform: translateY(-50%);
		}

		@media screen and (max-width: 767px){
			&:before{
				background-position: center;
				width: 60px;
				height: 60px;
				position: absolute;
				left: 50%;
				top: 23px;
				transform: translate(calc(-50% - 30px) ,0);
			}
		}

		&:nth-child(1n+0):before{
			background-image: url('/wp-content/uploads/balon-1.svg');
		}
		
		&:nth-child(2n+0):before{
			background-image: url('/wp-content/uploads/balon-2.svg');
		}

		&:nth-child(3n+0):before{
			background-image: url('/wp-content/uploads/balon-3.svg');
		}
	}
	
	& .elementor-swiper-button-prev{
		left: 0!important;
	}

	& .elementor-swiper-button-next{
		right: 0!important;
	}
}

.chicho-cita{
	position: relative;
	
	&:after{
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 30px 30px;
		border-color: transparent transparent #f2f2f2 transparent;
		left: 50%;
		transform: translateX(calc(-50% - 80px)) skew(335deg);
		top: -30px;
	}
}

.chicho-faq{
	& .elementor-accordion-item{
		border-bottom: 1px solid #20202014!important;
	}
}
/* Chicho Terremoto */
/* LANDINGS DE VENTA */