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

.elementor-text-editor p:last-child, .textwidget p:last-child, .elementor-widget-container p:last-child, .elementor-widget-text-editor p:last-child{ margin-bottom:0px;}  
p:last-child{ margin-bottom:0px;}  






/* Cabecera con efecto scroll en la home */
.head-fix.scroleando{
	background-color: transparent !important;
}
.head-fix.scroleando{
	background-color: #fff!important;
}
.head-fix .logo img,
.head-fix .menu a,
.head-fix .barritas svg{
 	-webkit-filter: brightness(0) invert(1);
   	 filter: brightness(0) invert(1);
}
.head-fix.scroleando .logo img,
.head-fix.scroleando .menu a,
.head-fix.scroleando .barritas svg{
 	-webkit-filter: none;
   	 filter: none;
}
/* Sí hay submenú usando el menú clasico de Wordpress */
.head-fix .menu .sub-menu .menu-item a{
	-webkit-filter: none;
   	 filter: none;
}
 
.head-fix.scroleando .boton-contacto a{
	background-color: #2A2A2A !important;
}
.head-fix.scroleando .boton-contacto a span{
	color: #fff;
}
/* ── NUEVO: color de los enlaces al scrollear ── */
.head-fix.scroleando .menu a,
.head-fix.scroleando .elementor-nav-menu a,
.head-fix.scroleando .elementor-item {
	color: #332B28 !important;
}
/* ── NUEVO: línea hover de Elementor al scrollear ── */
.head-fix.scroleando .elementor-item::after,
.head-fix.scroleando .elementor-nav-menu--indicator-underline .elementor-item::after {
	background-color: #332B28 !important;
}
/* — Normal scrolleando — */
.head-fix.scroleando .btn-menu .elementor-button {
    background-color: #332B28;      
    border: 1px solid #332B28;         
}
/* — Texto — */
.head-fix.scroleando .btn-menu .elementor-button-text {
    color: #fff;                       
}
/* — Hover scrolleando — */
.head-fix.scroleando .btn-menu .elementor-button:hover {
    background-color: transparent;           
    border-color: #332B28;               
}
.head-fix.scroleando .btn-menu .elementor-button:hover .elementor-button-text {
    color: #332B28;                          
}
/* ── NUEVO: Mega Menú (e-n-menu) al scrollear ── */
.head-fix.scroleando .e-n-menu-title-text,
.head-fix.scroleando .e-n-menu-title-container,
.head-fix.scroleando .e-n-menu-title-container.e-link {
	color: #332B28 !important;
}
.head-fix.scroleando .e-n-menu-icon svg,
.head-fix.scroleando .e-n-menu-dropdown-icon svg,
.head-fix.scroleando .e-n-menu-toggle svg {
	fill: #332B28 !important;
}
.head-fix.scroleando .e-n-menu-title-container,
.head-fix.scroleando .e-n-menu-icon svg,
.head-fix.scroleando .e-n-menu-dropdown-icon svg,
.head-fix.scroleando .e-n-menu-toggle svg {
	-webkit-filter: none;
	filter: none;
}
/* ── NUEVO: hover del Mega Menú al scrollear ── */
.head-fix.scroleando .e-n-menu-item:hover .e-n-menu-title-text,
.head-fix.scroleando .e-n-menu-item:hover .e-n-menu-title-container,
.head-fix.scroleando .e-n-menu-title-container:hover,
.head-fix.scroleando .e-n-menu-title-container:hover .e-n-menu-title-text {
	color: #8C7B66 !important;
}
.head-fix.scroleando .e-n-menu-item:hover .e-n-menu-icon svg,
.head-fix.scroleando .e-n-menu-item:hover .e-n-menu-dropdown-icon svg {
	fill: #8C7B66 !important;
}











.img-backcover-effect {
    flex: 1;
	position: relative;
   	display: flex;
   	align-items: stretch;
	& img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
    		object-fit: cover;
	}
}

/*Textmarque*/

.textmarque {
    overflow:hidden;
}

.textmarque .elementor-heading-title{
    display:inline-flex;
    white-space:nowrap;
    width:max-content;
    animation: marquee 80s linear infinite;
}

@keyframes marquee{
    from{
        transform:translateX(-50%);
    }
    to{
        transform:translateX(0);
    }
}



