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


/* =========================
   HEADER HOME - ESTADO INICIAL
   Solo cuando NO tiene .scroleando
========================= */
.home .head-fix:not(.scroleando){
    background: rgba(255, 255, 255, 0.10) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: none !important;
}

/* =========================
   LOGO EN BLANCO
   Ojo: es un <img src="logo.svg">, por eso va con filter
========================= */
.home .head-fix:not(.scroleando) .logo img{
    filter: brightness(0) invert(1) !important;
}

/* =========================
   MENÚ PRINCIPAL EN BLANCO
========================= */
.home .head-fix:not(.scroleando) .menu .elementor-nav-menu--main .elementor-item{
    color: #fff !important;
    transition: color .2s ease;
}

/* Hover menú principal */
.home .head-fix:not(.scroleando) .menu .elementor-nav-menu--main .elementor-item:hover,
.home .head-fix:not(.scroleando) .menu .elementor-nav-menu--main .elementor-item:focus{
    color: #736C5F !important;
}

/* =========================
   FLECHA DROPDOWN EN BLANCO
========================= */
.home .head-fix:not(.scroleando) .menu .elementor-nav-menu--main .sub-arrow svg,
.home .head-fix:not(.scroleando) .menu .elementor-nav-menu--main .sub-arrow svg path{
    fill: #fff !important;
    color: #fff !important;
    transition: fill .2s ease, color .2s ease;
}

/* Hover flecha dropdown */
.home .head-fix:not(.scroleando) .menu .menu-item-has-children:hover > .elementor-item .sub-arrow svg,
.home .head-fix:not(.scroleando) .menu .menu-item-has-children:hover > .elementor-item .sub-arrow svg path{
    fill: #736C5F !important;
    color: #736C5F !important;
}

/* =========================
   SUBMENÚ
========================= */
.home .head-fix:not(.scroleando) .menu .sub-menu{
    background: #fff !important;
}

/* Links submenú en negro */
.home .head-fix:not(.scroleando) .menu .sub-menu .elementor-sub-item{
    color: #000 !important;
    transition: color .2s ease;
}

/* Hover submenú */
.home .head-fix:not(.scroleando) .menu .sub-menu .elementor-sub-item:hover,
.home .head-fix:not(.scroleando) .menu .sub-menu .elementor-sub-item:focus{
    color: #736C5F !important;
}

/* =========================
   BOTÓN PERSONALIZADO
   Clase para añadir al botón: btn-header
========================= */
.home .head-fix:not(.scroleando) .btn-header .elementor-button{
    background-color: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    transition: all .25s ease;
}

.home .head-fix:not(.scroleando) .btn-header .elementor-button:hover{
    background-color: #869C73 !important;
    border-color: #869C73 !important;
    color: #fff !important;
}

/* Texto del botón */
.home .head-fix:not(.scroleando) .btn-header .elementor-button-text{
    color: #fff !important;
}

/* Icono del botón */
.home .head-fix:not(.scroleando) .btn-header .elementor-button-icon svg,
.home .head-fix:not(.scroleando) .btn-header .elementor-button-icon svg path{
    fill: #fff !important;
    color: #fff !important;
    transition: fill .25s ease, color .25s ease;
}

/* Icono del botón en hover */
.home .head-fix:not(.scroleando) .btn-header .elementor-button:hover .elementor-button-icon svg,
.home .head-fix:not(.scroleando) .btn-header .elementor-button:hover .elementor-button-icon svg path{
    fill: #fff !important;
    color: #fff !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;
	}
}

.btn-icono-centro .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}

.btn-icono-centro .elementor-button-icon svg{
    width: 30px;
    height: 30px;
}

.btn-icono-centro:hover .elementor-button-icon svg path{
    fill: #869C73 !important;
}

.caja-link {
    cursor: pointer;
	}

*::selection {
  background: var(--e-global-color-primary) !important;
  color: #ffffff !important;
}
*::-moz-selection {
  background: var(--e-global-color-primary) !important;
  color: #ffffff !important;
}