/* 
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: MªJosé Yera | Uup
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 */


h1,h2,h3 {
    font-family: "Libre Bodoni";
    font-style: italic;
}

main.site-main,
.page-content,
.elementor-section-wrap {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

p{
	margin-block-end: 0px !important;
}


/*CSS Subrayado*/
.elementor-icon-list-items .elementor-icon-list-text {
    position: relative;
    display: inline-block; 
    padding-bottom: 2px;
    transition: color 0.3s ease;
}

.elementor-icon-list-items .elementor-icon-list-text::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px; 
    bottom: 0;
    left: 0;
    background-color: #000; 
    
   
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


.elementor-icon-list-item:hover .elementor-icon-list-text::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}


.elementor-icon-list-item a {
    text-decoration: none !important; 
}


/* Seleccionamos el enlace directo dentro del widget de texto */
.elementor-widget-text-editor a {
    position: relative;
    text-decoration: none !important; /* Quitamos el subrayado feo por defecto */
    color: inherit; /* Mantiene el color que hayas configurado en Elementor */
    display: inline-block;
}

/* Creamos la línea para estos enlaces */
.elementor-widget-text-editor a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -2px; /* Ajusta la distancia de la línea respecto al texto */
    left: 0;
    background-color: #000; /* Cámbialo si tu marca usa otro color */
    
    /* Estado inicial idéntico al anterior */
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Efecto Hover */
.elementor-widget-text-editor a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
/*CSS Subrayado*/

.mailpoet_checkbox_label {
    color: #fff !important;
}


/*IMÁGENES ATELIER*/
/* Versión Responsive (para móviles y tablets) */
@media (max-width: 768px) {
  .atelier_img img {
    width: 80%;
    height: auto; /* Mantiene la proporción de la imagen */
    margin-left: auto;
    margin-right: auto;
  }
}

.img_fondo {
    /* En lugar de 1920px, que ocupe siempre el ancho visual */
    width: 100% !important;
    max-width: 100vw !important;
    
    /* El alto debe ser exactamente el de la pantalla para el scroll snap */
    height: 100vh !important; 
    
    /* CAMBIO CLAVE: 'cover' en lugar de 'contain' */
    /* 'cover' asegura que la imagen siempre llene el 100% del fondo sin dejar huecos, 
       aunque recorte un poquito los bordes si la pantalla no es 16:9 */
    background-size: cover !important; 
    background-repeat: no-repeat !important;
    background-position: center center !important;
    
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    /* Eliminamos márgenes que puedan desplazar la sección */
    margin: 0 !important;
}

/* Ajuste para móviles: mantenemos el 100% del alto visual */
@media (max-width: 768px) {
    .img_fondo {
        height: 100vh !important;
        /* En móvil, a veces 'background-attachment: fixed' da problemas, 
           asegúrate de que esté en 'scroll' o 'initial' */
        background-attachment: scroll !important;
    }
}


/*COOKIEBOT*/
/* ## Cookiebot - CÓDIGO COMPLETO UNIFICADO (GRIS + POPPINS)
-------------------------------------------------------------- */
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');*/

#CybotCookiebotDialog {
    width: 100% !important;
    left: 0;
    box-shadow: none;
    padding: 2% 0 !important;
    bottom: 0 !important;
    font-size: 12px !important;
    position: fixed;
    z-index: 2147483645;
    background-color: rgba(0,0,0,.8);
    height: 100vh;
    top: 0;
    overflow: unset;
    font-family: 'Poppins', sans-serif !important;
}

.CookieDeclaration h2 {
    line-height: 120%;
    font-family: 'Poppins', sans-serif !important;
}

#CybotCookiebotDialogBody {
    padding: 2% !important;
    width: 60vw;
    background: #ffffff;
    bottom: 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 5vh auto;
    font-family: 'Poppins', sans-serif !important;
}

@media print, screen and (min-width: 56.25em) {
    #CybotCookiebotDialogBody {
        padding: 1% !important;
        width: 80vw;
        margin: 0 10vw !important;
    }
}

@media screen and (min-width: 75em) {
    #CybotCookiebotDialogBody {
        width: 60vw;
        margin: 0 auto !important;
    }
}

#CybotCookiebotDialog,
#CybotCookiebotDialog a,
#CybotCookiebotDialogBodyContentControls,
#CybotCookiebotDialogBodyContentTitle,
#CybotCookiebotDialog div {
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
}

#CybotCookiebotDialogBodyContentTitle {
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    display: block;
    position: static;
    margin: 0 0 20px;
    color: #000;
}

#CybotCookiebotDialogPoweredbyLink {
    display: none;
}

#CybotCookiebotDialogBodyContent {
    padding: 0 !important;
    width: 100%;
    float: none;
    margin-right: 0;
}

#CybotCookiebotDialogBodyLevelButtons {
    margin-left: 0 !important;
}

#CybotCookiebotDialogBodyLevelWrapper {
    display: inline-block !important;
    width: 100% !important;
    float: none;
}

/* --- BLOQUE DE BOTONES: GRIS, MISMA ALTURA Y SIN BORDES RAROS --- */
#cookieall,
#cookiesave,
#mostrar,
a#CybotCookiebotDialogBodyLevelButtonAccept,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll, 
#CybotCookiebotDialogBodyButtonDecline {
    background: #666666 !important; /* Gris profesional */
    color: #ffffff !important;
    border: none !important;
    cursor: pointer !important;
    width: auto !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 10px 5px !important;
    padding: 0 20px !important;
    height: 45px !important; /* ALTURA UNIFICADA */
    min-height: 45px !important;
    line-height: 45px !important;
    text-decoration: none !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    transition: background 0.3s ease;
}

/* Botón Aceptar (Gris un poco más vivo para que destaque levemente) */
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #cookieall {
    background: #5a5a5a !important;
}

/* Botón Rechazar (Gris oscuro) */
#CybotCookiebotDialogBodyButtonDecline, 
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    background: #333333 !important;
}

/* Botón Mostrar/Configurar (Blanco con borde gris sólido) */
#mostrar {
    background: #ffffff !important;
    color: #666666 !important;
    margin-left: 5px !important;
}

#mostrar a {
    color: #666666 !important;
    background: #ffffff !important;
    font-weight: 500 !important;
}

/* Limpieza de enlaces internos de los botones */
#cookieall a, #cookiesave a, #mostrar a, 
#CybotCookiebotDialogBodyButtonDecline a {
    color: inherit !important;
    font-size: 14px !important;
}

.check_content
{
  display:none;
}

/*COOKIEBOT*/

/* --- DOS IMÁGENES EN FILA --- */
/* Contenedor Padre: Forzamos que sea una fila horizontal */
.doble-imagen {
    display: flex !important;
    flex-direction: row !important; /* Asegura que vayan de lado a lado */
    flex-wrap: nowrap !important;   /* Impide que la segunda imagen se baje */
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Cada columna: Exactamente el 50% */
.doble-imagen__col {
    flex: 0 0 50% !important; /* No crece, no encoge, base 50% */
    width: 50% !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* Las imágenes dentro de las columnas */
.doble-imagen__col img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Llena el espacio sin deformar */
    object-position: center !important;
    display: block !important;
}

/* Ajuste para Móvil: Aquí sí que queremos una arriba y otra abajo */
@media (max-width: 767px) {
    .doble-imagen {
        flex-direction: column !important; /* En móvil vuelven a ser verticales */
        height: 100vh !important; /* Mantenemos la sección a pantalla completa */
    }
    .doble-imagen__col {
        width: 100% !important;
        flex: 0 0 50% !important; /* Cada imagen ocupa la mitad del alto (50vh) */
        height: 50vh !important;
    }
}
/* --- FIN DOS IMÁGENES --- */


/*Estilos btn newsletter*/
#mailpoet_form_1 input.mailpoet_submit:hover {
    background-color: transparent;
}
/*Estilos btn newsletter*/