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

.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;
	}
}

.caja-link {
    cursor: pointer;
	}

.btn-flecha .elementor-button-text{
	display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.btn-flecha svg{
    width: 25px;
}

.btn-flecha{
    line-height: 0px;
}

/* Cabecera fija: transparente hasta hacer scroll (el snippet "Head Fix" añade .scroleando).
   En las entradas del blog (.single-post) y en Contacto (.page-id-18) se ve siempre como con scroll. */
body:not(.single-post,.page-id-18) .head-fix:not(.scroleando){background-color:transparent !important;box-shadow:none !important}
:is(.head-fix.scroleando,.single-post .head-fix,.page-id-18 .head-fix){background-color:#fff !important;box-shadow:0 0 30px rgba(0,0,0,.1)}

/* Sin scroll: logo y barritas en blanco */
body:not(.single-post,.page-id-18) .head-fix:not(.scroleando) :is(.logo img,.barritas svg){filter:brightness(0) invert(1) !important}

/* Sin scroll: menú principal en blanco con hover #CDB295 (la flecha sigue el color del texto) */
body:not(.single-post,.page-id-18) .head-fix:not(.scroleando) .menu .elementor-nav-menu--main>ul>li>a{color:#fff !important}
body:not(.single-post,.page-id-18) .head-fix:not(.scroleando) .menu .elementor-nav-menu--main>ul>li>a:is(:hover,:focus,.elementor-item-active,.highlighted){color:#CDB295 !important}
body:not(.single-post,.page-id-18) .head-fix:not(.scroleando) .menu .elementor-nav-menu--main .sub-arrow svg{fill:currentColor !important}

/* Submenú: negro con hover #A57B55, con y sin scroll */
.head-fix .menu .sub-menu a{color:var(--e-global-color-primary,#000) !important}
.head-fix .menu .sub-menu a:is(:hover,:focus,.elementor-item-active){color:var(--e-global-color-secondary,#A57B55) !important}

/* Botón contacto: sin scroll blanco/negro, hover transparente/blanco; con scroll, los estilos de Elementor */
.head-fix .boton-contacto a.elementor-button span{color:inherit !important}
body:not(.single-post,.page-id-18) .head-fix:not(.scroleando) .boton-contacto a.elementor-button{background-color:#fff !important;border-color:#fff !important;color:#000 !important}
body:not(.single-post,.page-id-18) .head-fix:not(.scroleando) .boton-contacto a.elementor-button:is(:hover,:focus){background-color:transparent !important;color:#fff !important}

/* Lightbox de Elementor: ocultar el pie con el título/descripción de la imagen */
.elementor-lightbox .elementor-slideshow__footer{display:none !important}

/* Migas de pan de Rank Math: blanco, Google Sans Flex 17px 400, line-height 1.6em */
.rank-math-breadcrumb p{margin:0;color:#fff;font-family:"Google Sans Flex",sans-serif;font-size:17px;font-style:normal;font-weight:400;line-height:1.6em}
.rank-math-breadcrumb p :is(a,.separator,.last){color:inherit;font:inherit;text-decoration:none}

/* Carrusel de imágenes con flechas debajo (clase "flechas-galeria" en el widget):
   flechas a 20px de las imágenes, izquierda a la izquierda y derecha a la derecha */
.elementor-widget.flechas-galeria .elementor-image-carousel-wrapper{padding-bottom:35px !important} /* 20px de hueco + 15px de alto de la flecha */
.elementor-widget.flechas-galeria .elementor-swiper-button{top:auto !important;bottom:0 !important;transform:none !important;line-height:0 !important;display:flex !important}
.elementor-widget.flechas-galeria .elementor-swiper-button svg{width:47px !important;height:15px !important}
.elementor-widget.flechas-galeria .elementor-swiper-button-prev{left:0 !important;right:auto !important}
.elementor-widget.flechas-galeria .elementor-swiper-button-next{right:0 !important;left:auto !important}
/* flechas-galeria en tablet (≤1024px) y móvil (≤767px): flechas más pequeñas, misma proporción y mismo hueco de 20px */
@media (max-width:1024px){
	.elementor-widget.flechas-galeria .elementor-image-carousel-wrapper{padding-bottom:31.5px !important} /* 20px + 11.5px */
	.elementor-widget.flechas-galeria .elementor-swiper-button svg{width:36px !important;height:11.5px !important}
}
@media (max-width:767px){
	.elementor-widget.flechas-galeria .elementor-image-carousel-wrapper{padding-bottom:29px !important} /* 20px + 9px */
	.elementor-widget.flechas-galeria .elementor-swiper-button svg{width:28px !important;height:9px !important}
}