/* 
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
*/

/* Add your custom styles here */

/******************************************* Tamaños de Tipografías *******************************************/
	h1 { font-size: 2rem!important; }
	h2 { font-size: 1.81rem!important; }
	h3, .contenedor-articulo h1, .tit-contenedor-titulo-servicio h1 { font-size: 1.62rem!important; }
	h4, .contenedor-articulo h2, .profile-cover .profile-name h1 { font-size: 1.43rem!important; }
	h5, .contenedor-articulo h3 { font-size: 1.25rem!important; }
	h6, .contenedor-articulo h4, .obra-contenedor-listing .finder-title > h2 { font-size: 1.12rem!important; }	
	@media (min-width: 880px) {
		h1 { font-size: 3rem!important; }
		h2 { font-size: 2.5rem!important; }
		h3, .contenedor-articulo h1, .tit-contenedor-titulo-servicio h1 { font-size: 2.06rem!important; }
		h4, .contenedor-articulo h2, .profile-cover .profile-name h1 { font-size: 1.75rem!important; }
		h5, .contenedor-articulo h3 { font-size: 1.43rem!important; }
		h6, .contenedor-articulo h4, .obra-contenedor-listing .finder-title > h2 { font-size: 1.18rem!important; }	
		}
	@media (min-width: 1200px) {
		h1 { font-size: 3.81rem!important; }
		h2 { font-size: 3.06rem!important; }
		h3, .contenedor-articulo h1, .tit-contenedor-titulo-servicio h1 { font-size: 2.43rem!important; }
		h4, .contenedor-articulo h2, .profile-cover .profile-name h1 { font-size:1.93rem!important; }
		h5, .contenedor-articulo h3 { font-size: 1.56rem!important; }
		h6, .contenedor-articulo h4, .obra-contenedor-listing .finder-title > h2 { font-size:  1.25rem!important; }
	}


/************************************ Cabecera *********************************************/
	.salvak-contenedor-cabecera svg#logotipo-salvak {
		width: 100%;
		fill: var(--e-global-color-a48d16e);
	}
	.salvak-contenedor-cabecera,
	.salvak-contenedor-cabecera.salvak-cabecera--scrolled { 
		background-color: transparent;

		/* Efecto vidrio */
		box-shadow:
			-1px 0 2px 0 rgba(201, 201, 201, 0.10) inset,
			0 4px 4px 0 rgba(44, 44, 44, 0.08),
			-5px 5px 12px 0 rgba(255, 255, 255, 0.05) inset,
			5px -5px 12px 0 rgba(255, 255, 255, 0.05) inset;

		-webkit-backdrop-filter: blur(75px);
		backdrop-filter: blur(75px);

		/* Borde sutil para glass (opcional pero recomendado) */
		border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	}

	/* Estado morado (scroll < 100vh) */
	.salvak-contenedor-cabecera { 
		background-image: linear-gradient(90deg, #744CB4e6 0%, #2D0076cc 100%);
		background-color: rgba(45, 0, 118, 0.25); /* fallback */

		/* OJO: esto no siempre anima el gradient suave, pero lo dejo por consistencia */
		transition: background-color .25s ease;
	}

	/* Estado blanco (scroll >= 100vh) */
	.salvak-contenedor-cabecera.salvak-cabecera--scrolled svg#logotipo-salvak {
		fill: var(--e-global-color-primary);
	}
	.salvak-contenedor-cabecera.salvak-cabecera--scrolled {
		background-image: linear-gradient(90deg, #F2F2F2e6 0%, #EBE5F4cc 100%);
		background-color: rgba(242, 242, 242, 0.35); /* fallback */
	}
	.salvak-contenedor-cabecera.salvak-cabecera--scrolled ul span {
		color: var(--e-global-color-secondary)!important;
		fill: var(--e-global-color-secondary)!important;
	}
	.salvak-contenedor-cabecera.salvak-cabecera--scrolled i.icon:before, 
	.salvak-contenedor-cabecera i.icon-search {
		color: var(--e-global-color-primary)!important;
	}
	.salvak-contenedor-cabecera.salvak-cabecera--scrolled button svg {
		fill: var(--e-global-color-primary)!important;
	}
	.salvak-contenedor-cabecera.salvak-cabecera--scrolled a.elementor-button {
		background-color: #39009400;
		fill: var(--e-global-color-primary)!important;
		border-color: var(--e-global-color-primary)!important;
		color: var(--e-global-color-primary)!important;
	}
	.salvak-contenedor-cabecera.salvak-cabecera--scrolled a.elementor-button:hover {
		background-color: var(--e-global-color-primary)!important;
		fill: var(--e-global-color-primary)!important;
		color: var(--e-global-color-a5a72e3)!important;
	}

/************************************ General *********************************************/
	.texto-light {
		font-weight: 500!important;
	}
	#btn_buscar_documento a, #btn_ir_a_documentos {
		padding: 6px 12px!important;
		border: 1px solid var(--e-global-color-primary)!important;
		border-radius: 24px;
		margin-top: 50px;
		color: var(--e-global-color-primary)!important;
		background-color: var(--e-global-color-a5a72e3)!important;
	}
	#btn_buscar_documento a:hover, #btn_ir_a_documentos:hover {
		color: var(--e-global-color-a5a72e3)!important;
		background-color: var(--e-global-color-primary)!important;
	}
	form[data-form-id="1215"] .jet-form-builder-messages-wrap {
		display:none!important;
	}
	.contenedor-panal {
		position: relative!important;
		overflow: hidden!important;
	}
	.video-ap-vertical {
		max-width: 300px!important;
	}

/************************************ Variaciones *********************************************/
	.elementor-widget-woocommerce-product-add-to-cart .variations {
		background-color: none!important;
	}
	.elementor-widget-woocommerce-product-add-to-cart .variations th.label {
		padding: 5px 0!important;
	}
	.elementor-widget-woocommerce-product-add-to-cart .variations td.woo-variation-items-wrapper {
		padding: 10px 0!important;
	}
	.elementor-widget-woocommerce-product-add-to-cart .variations th.label label {
		color: var(--e-global-color-primary)!important;
	}
	.elementor-widget-woocommerce-product-add-to-cart .variations .variable-item {
		border-color: #00000026!important;
	}
	.elementor-widget-woocommerce-product-add-to-cart .variations .variable-item:hover, 
	.elementor-widget-woocommerce-product-add-to-cart .variations .variable-item.selected {
		border-color: var(--e-global-color-primary)!important;
		background-color: var(--e-global-color-primary)!important;
	}
	.elementor-widget-woocommerce-product-add-to-cart .variations .variable-item:hover .variable-item-span,
	.elementor-widget-woocommerce-product-add-to-cart .variations .variable-item.selected .variable-item-span {
		color: var(--e-global-color-a48d16e)!important;
	}

/************************************ Popup *********************************************/
	.jet-popup .jet-popup__close-button {
		right: 10px!important;
	}
	@media (min-width: 767px) {
		.jet-popup .jet-popup__close-button {
			right: 20px!important;
		}
	}
	@media (min-width: 880px) {
		.jet-popup .jet-popup__close-button {
			right: 30px!important;
		}
	}
	@media (min-width: 1024px) {
		.jet-popup .jet-popup__close-button {
			right: 50px!important;
		}
	}

