/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/


/* Modo mantenimiento - ocultar header and footer */
.postid-1348 .elementor-location-header,
.postid-1348 .elementor-location-footer {
	display: none !important;
}








/* Header */
.menu-principal li a {       
    padding: 12px 8px;
    height: 25px;
    margin-top: 9px;
}
.header-social-icons .elementor-icon i:before, .header-social-icons .elementor-icon svg:before {
    top: 4px;
}

/* Single Page */
.contenedor-single-page .e-con-boxed {
	padding-left:0px !important;
	padding-right:0px !important;
}

/* Generales */
.hover-verde a:hover {
	color: var(--e-global-color-accent) !important;
}
.hover-black a:hover {
	color: #000000 !important;
}


/* Home */
	
/* Texto animado de derecha a izquierda que se repite */
.carrusel-container {
	position: relative;
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.texto-animado {
	white-space: nowrap;
    position: absolute;
    top: 8px;
    animation: carrusel 20s linear infinite;
	color: #ffffff;
	font-size:30px;
	font-family: "Inter", Sans-serif;
	font-weight: 900;
}
.texto-animado a {
	color: #ffffff !important;
}
.texto-animado span {
	margin-right:50px;
}

@keyframes carrusel {
	0% {
    	left: 100%;
	}
	100% {
		left: -100%;
	}
}

/* Carrusel de imágenes con scroll horizontal que se mueve con el ratón */
.container {
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
}
.inner-container {
	width: 105%; /* Ajustar el ancho para mostrar todas las imágenes */
	transition: width 0.3s ease-in-out; /* Añadir una transición para suavizar el efecto de aparición */
}
.image {
	display: inline-block;
	margin: 0px 2px;
	max-width: 33.33%; /* Establecer el ancho máximo en un tercio del ancho de la pantalla */
}
.image:hover {
	cursor: pointer;
	cursor: hand;
}
	/* Estilos para personalizar la barra de desplazamiento */
.container::-webkit-scrollbar {
	width: 12px;
	height: 5px; /* Altura de la barra de scroll */
}

.container::-webkit-scrollbar-thumb {
	background-color: var(--e-global-color-accent);
	border-radius: 1px;
}
.container::-webkit-scrollbar-track {
	background-color: transparent;
}
.container::-webkit-scrollbar-button {
	display: none;
}
    /* Estilos para personalizar la barra de desplazamiento en Firefox */
.container {
	scrollbar-width: thin; /* Altura de la barra de scroll, en Firefox no se puede hacer mucho más */
	scrollbar-color: var(--e-global-color-accent) transparent;
}

/* Página Studio / Services */
	/* Carrusel imagenes */
.carrusel-imagenes-studio {
	width: 350px !important;
}
.elementor-slideshow__footer {
	display: none !important;
}
	/* Parte de los clientes (título, descripción e imagen) */
 		/* Estilo para el contenedor principal */
.clientes-wrapper {
	display: inline;	
}
.cliente {
	margin-bottom: 10px;
}
       /* Estilo para la capa izquierda (títulos) */
.clientes-list {	
    padding: 10px;
    width: 20%;
	float:left;
}
		/* Estilo para la capa central (descripciones) */
.clientes-text {    
    padding: 10px;
    width: 20%;	
	float: left;
}
		/* Estilo para la capa derecha (imágenes) */
.clientes-image {    
    width: 60%;
	float:left;
	margin-top: -80px;
}
        /* Estilo para el título del cliente */
.cliente-title {
	font-family: "Inter";
	font-weight: 700;
	font-size:22px;
	line-height:24px;
}
.cliente-title:hover {
	color: var(--e-global-color-accent);	
	cursor:pointer;
	cursor:hand;
}
        /* Estilo para la descripción del cliente */
.cliente-description {
	display: none;
	font-family: "Inter";
	font-weight: 700;	
	font-size: 16px;
	color: var(--e-global-color-accent);
}
		/* Estilo para la imagen destacada del cliente */
.cliente-thumbnail {
	display: none;
	max-width: 100%;
}
	/* Carrusel logos */
.carrusel-logos .swiper-slide-image {
    height: 100px !important;
    width: auto !important;	
}


/* Página Shop */
.texto-animado-shop {
	white-space: nowrap;
    position: absolute;
    top: 8px;
    animation: carrusel 20s linear infinite;
	color: #000000;
	font-size:24px;
	font-family: "Inter", Sans-serif;
	font-weight: 800;
}
.texto-animado-shop a {
	color: #000000 !important;
}
.texto-animado-shop span {
	margin-right:70px;
}

@keyframes carrusel {
	0% {
    	left: 100%;
	}
	100% {
		left: -100%;
	}
}
	/* Imagen con capa superpuesta con la descripción */

.image-overlay-container {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}
.image-overlay-container img {
    cursor: pointer;
    cursor: hand;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  cursor: pointer;
}
.description {
	background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 15px 20px;
    position: absolute;
    bottom: 15px;
    right: 10px;
    text-align: left;
	font-family: 'Inter';
    font-size: 12px;
    font-weight: 700;
}





/* Página individual producto */
/* Hay que maquetar todas las secciones (izquierda, derecha y centro) para que la galería de imágenes del producto haga scroll en vertical - Ya no es necesario */
  	/*
.producto-contenedor {
	display: flex;
}
	
.producto-izquierda, .producto-derecha {
	flex: 1;
}
    
.producto-centro {
	flex: 3;
	position: relative;
}
	
.producto-scrollable {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100%;
	overflow: auto;
}
	
.producto-scrollable::-webkit-scrollbar {
	width: 0em;
}
.producto-scrollable img {   
    display: block; 
	width: 100%;
}*/
	/* Galería de imágenes predeterminada */
.woo-variation-product-gallery {
	margin-bottom:0px !important;
}
.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image {
	opacity: 1 !important;
}
	/* Botón Size guide */
.md-size-chart-btn {
    background-color: unset !important;
    padding: 0px 0px 2px 0px !important;
    font-family: "Inter";
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #000000 !important;
    border-bottom: solid 1px #000000 !important;
    border-radius: 0px !important;
}
	/* Información extra */
.producto-contenedor .elementor-toggle .elementor-tab-title.elementor-active {
	border-bottom: solid 1px #000000 !important;
}
.producto-contenedor .elementor-toggle .elementor-tab-content {
	border-bottom: none !important;
}
.producto-contenedor .elementor-toggle .elementor-tab-content a {
	color: #000000;
}
.producto-contenedor .elementor-toggle .elementor-tab-content a:hover {
	color: var(--e-global-color-accent) !important;
}
	/* Variaciones */
.woo-variation-swatches.wvs-show-label .variations td, .woo-variation-swatches.wvs-show-label .variations th {
	display: table !important;
	background-color: transparent !important;
}
.woocommerce-variation-description {
	font-family: "Inter" !important;
	font-size: 14px !important;
	font-weight:500 !important;
}
.reset_variations {
	display: none !important;
}
		/* Modificaciones a las imagenes que seleccionan el color */
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    border-radius: 17px;
    box-shadow: none !important;
    max-width: 30px;
    padding: 0px !important;
	height:60px;
	margin-right:10px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    -webkit-box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px var(--e-global-color-accent)) !important;
    box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px var(--e-global-color-accent)) !important;   
	max-width: 30px;
    padding: 0px !important;
	height:60px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item img { 
    max-width: 30px;
    border-radius: 17px;
	height:60px;
	object-fit: cover;
}
		/* Las modificaciones anteriores también afectan a los recuadros para seleccionar el tamaño, así que cambiamos un poco el primer grupo de opciones (size) para que sean cuadradas */
/*.variations tr:first-child .variable-items-wrapper .variable-item {   
	border-radius: 0px !important;   
	height:30px !important;
	margin-right:0px !important;
}
*/
		/* Quitamos el titulo de la imagen en el lightbox */
		/* Quitamos la tabla (que está vacía porque hemos puesto una imagen) en el popup Size Guide */
.pswp__caption,
.chart-container .chart-table {
	display: none !important;
}
		/* Ajustamos el popup Size Guide */
.md-size-chart-modal-body {
    max-width: 1024px !important;
    height: fit-content;
    padding: 0px;
}

		/* Popup del carrito que se abre al clicar en el icono del menú */
.titulo-minicart {
	background-color: #000000;
    color: #ffffff;
    font-family: "Inter";
    text-align: center;
    font-weight: 600;
    font-size: 24px;
}
.elementor-menu-cart__container {    
    background-color: rgba(255,255,255,.80) !important;    
}
.elementor-menu-cart__main {
	top: 86px !important;
    height: fit-content;
    border: solid 1px !important;
    right: 20px !important;
	padding: 0px 0px 0px 0px !important
}
.elementor-menu-cart__close-button {
	/*top: 5px;
    right: 5px;*/
	display: none !important;
}
/*.elementor-menu-cart__products, */ , .woocommerce-mini-cart__empty-message {
	padding:0px 5px !important;
}
.elementor-menu-cart__product {
	padding:5px !important;
	border: none !important;
}
.elementor-menu-cart__subtotal {
	padding:10px 5px !important;
}
.elementor-menu-cart__product-remove {
	right: 10px !important;
}

/* Mensaje WooCommerce */
.woocommerce-notices-wrapper {
	display: none !important;
}



/* Página Carrito */
.woocommerce .input-text.qty {
	text-align: right !important;
    width: 45px;
    background-color: #ffffff !important;
}
.elementor-widget-woocommerce-cart .e-cart-section, .elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .col-1, .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box, .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-section, .elementor-widget-woocommerce-checkout-page .woocommerce .shipping_address, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-additional-fields, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment {
	border: solid 1px var(--e-global-color-accent) !important;
}
.elementor-widget-woocommerce-cart .woocommerce button.button:hover {
	border-color: var(--e-global-color-accent) !important;
}
.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward):hover {
    color:var(--e-global-color-accent) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: var(--e-global-color-accent) !important;;
}
	/* Esto tambien afecta a lo de la página de Pago, abajo hay una regla igual solo para ajustar el margen */
td.product-name .variation {    
    width: 370px !important;
    position: absolute;
    font-size: 12px !important;
    color: #666 !important;
}


/* Página Pago */
.page-id-13 td.product-name .variation {
    margin: 0px 0px 50px 66px !important;    
}
.woocommerce-privacy-policy-text a:hover,
#aceptar_politica_field a:hover {
	color: var(--e-global-color-accent) !important;
}
.place-order .input-checkbox {
	text-align: left !important;
}







/* Responsive */

/* Estilos para tablets */
@media (max-width: 1023px) {  
  

/* Header */
	.menu-principal .elementor-nav-menu--dropdown {
		-webkit-box-shadow: 0px 0px 94px -39px rgba(0,0,0,0.48);
		-moz-box-shadow: 0px 0px 94px -39px rgba(0,0,0,0.48);
		box-shadow: 0px 0px 94px -39px rgba(0,0,0,0.48);
		border:solid 1px #000000;
	}
	.menu-principal li a {   
	    border: solid 2px #ffffff; /* Tenemos que poner un borde también a la opción normal para que en el hover no cambie de tamaño y se vea un movimiento raro */
	    padding: 12px 8px;
	    height: 25px;
	    margin: 9px 0px 0px 10px;
	}
	.menu-principal li a:hover, .menu-principal .elementor-item-active {   
	    border: solid 2px #000000;
		max-width: fit-content !important;
	}
	
}

/* Esconder stock*/

.woocommerce div.product .stock {
 display:none;
}


/* Estilos para móviles */
@media (max-width: 767px) {  
  
       /* Estilo para la capa izquierda (títulos) */
.clientes-list {	
    padding: 10px;
    width: 60%;
	
}
		/* Estilo para la capa central (descripciones) */
.clientes-text {    
    padding: 10px;
    width: 40%;	
	
}
		/* Estilo para la capa derecha (imágenes) */
.clientes-image {    
    width: 100%;
	clear: both;
	margin-top: 0px;
}
	
	/* Página producto individual */
	
	.woo-variation-product-gallery {
		width: 100% !important
	}
	

	/* Página carrito */
	.woocommerce-page table.cart .product-thumbnail {
    	display: block !important;
	}
	.elementor-widget-woocommerce-cart .woocommerce table.cart tr {
    	padding: 10px 0px;
	}
	table.shop_table_responsive tr td.product-thumbnail::before {
    	content: "" !important;
	}
	.variation dd p {
		float: left !important;
	}
	tr.cart_item {
		padding: 0px !important;
	}
	td.product-remove, td.product-thumbnail, td.product-quantity, td.product-subtotal {
		padding:5px 0px !important;
	}
	td.product-price {
		padding:30px 0px 5px !important;
	}

    
}