@charset "UTF-8";

/*
Theme Name:  Golf in Green Destination
Version: 1.0
*/



:root {
    /* Setup colores  */
    --wp--preset--color--verde: #1D6F41;
    --wp--preset--color--verde-oscuro: #183029;
    --wp--preset--color--naranja: #BE6717; /* Naranja */
    --wp--preset--color--azul: #0A4159; /* Azul */
    --wp--preset--color--blanco: #ffffff;
    --wp--preset--color--negro: #1F3730;
    --wp--preset--color--fondo-1: #F1F0EC;
    --wp--preset--color--fondo-2: #F9F8F5;
    
    --wp--preset--color--fondo: var(--wp--preset--color--blanco);
    --content-width-alignwide: 1420px;
    
    /* Setup Tipografía  */
    --tipografia-titulares: "loretta-display", serif;
    --tipografia: "century-gothic", sans-serif;
    /*
    font-family: 
    font-weight: 400;
    font-style: normal;
    
    Mirar esto para tipografía adobe
    https://community.hubspot.com/t5/CMS-Development/Theme-json-file-change-global-font-to-Adobe/m-p/412422
    */
}

/* Setup colores para el admin */
    .has-verde-color {
        color: var(--wp--preset--color--verde);
    }
    .has-verde-background-color {
        background-color: var(--wp--preset--color--verde);
    }
    .has-verde-oscuro-color {
        color: var(--wp--preset--color--verde-oscuro);
    }
    .has-verde-oscuro-background-color {
        background-color: var(--wp--preset--color--verde-oscuro);
    }
    
    .has-naranja-color {
        color: var(--wp--preset--color--naranja);
    }
    .has-naranja-background-color {
        background-color: var(--wp--preset--color--naranja);
    }
    
    .has-azul-color {
        color: var(--wp--preset--color--azul);
    }
    .has-azul-background-color {
        background-color: var(--wp--preset--color--azul);
    }
    
    .has-blanco-color {
        color: var(--wp--preset--color--blanco);
    }
    .has-blanco-background-color {
        background-color: var(--wp--preset--color--blanco);
    }
    
    .has-negro-color {
        color: var(--wp--preset--color--negro);
    }
    .has-negro-background-color {
        background-color: var(--wp--preset--color--negro);
    }
    
    .has-fondo-1-color {
        color: var(--wp--preset--color--fondo-1);
    }
    .has-fondo-1-background-color {
        background-color: var(--wp--preset--color--fondo-1);
    }
    .has-fondo-2-color {
        color: var(--wp--preset--color--fondo-2);
    }
    .has-fondo-2-background-color {
        background-color: var(--wp--preset--color--fondo-2);
    }
    
    


body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height:100%;
}
body {
    background-color: var(--wp--preset--color--fondo);
    color: var(--wp--preset--color--negro);
    font-family: var(--tipografia);
    font-size: 15px;
}
strong, b, .bold {
    font-weight: 700;
}
a {
    color: var(--wp--preset--color--negro);
}
a:hover {
    color: var(--wp--preset--color--negro);
    text-decoration: underline;
}
    a:where(:not(.wp-element-button)) {
        text-decoration: none;
    }
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
    font-family: var(--tipografia-titulares);
    font-weight: 200;
    font-style: normal;
    color: var(--wp--preset--color--naranja);
}

    /* h2 {
        font-size: calc(65px + (70 - 65) * ((100vw - 300px) / (1600 - 300)));
        line-height: 1.2em;
        padding: 1em 0;
    }
    h3 {
        font-size: calc(60px + (65 - 60) * ((100vw - 300px) / (1600 - 300)));
        line-height: 1em;
        padding: 2rem 0;        
    }
        .wp-block-column h2,
        .wp-block-column h3 {
            padding: 0;
        } */

.linea-inferior {
    border-bottom: 1px solid black !important
}
.linea-superior {
    border-top: 1px solid black !important
}


#guia {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    pointer-events: none;
    opacity: .1
}
#guia.on {
    display: block;
}

    #guia span {
        display: block;
        background-color: #86dbff;
    }

/* .container-fluid {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
} */
/* .row {
  margin-right: 0;
  margin-left: 0;
}
.row > div {
  margin-right: 0;
  margin-left: 0;
 } */


/*  ! H A M B U R G U E S A ------------------------------ */

    #control-menu {
        display: inline-block;
        text-align: right;
        position: relative;
        width: 100%;
        top: 0;
        right: 0;
        height: 50px;
    }
    #hamburguesa {
        display: block;
        position: absolute;
        right: 0;
        float: right;
        width: 20px;
        height: 30px;
        /* position: relative; */
        margin: 5px 0 0 10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #hamburguesa span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: var(--wp--preset--color--blanco);
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .woocommerce-page #cabecera #hamburguesa span,
    .page-template-page-sin-cabecera #cabecera #hamburguesa span,
    #cabecera.on #hamburguesa span {
        background-color: var(--wp--preset--color--negro);
    }
    
    #hamburguesa span:nth-child(1) {
        top: 0px;
    }
    
    #hamburguesa span:nth-child(2),#hamburguesa span:nth-child(3) {
        top: 8px;
    }
    
    #hamburguesa span:nth-child(4) {
        top: 16px;
    }
    
    #hamburguesa.on span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    
    #hamburguesa.on span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    #hamburguesa.on span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    #hamburguesa.on span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    #hamburguesa.on span {
        background-color: var(--wp--preset--color--negro);
    }
    @media screen and (min-width: 1280px) {
        #hamburguesa {
            width: 30px;
            height: 30px;
        }
        #hamburguesa span:nth-child(2),#hamburguesa span:nth-child(3) {
            top: 12px;
        }
        
        #hamburguesa span:nth-child(4) {
            top: 24px;
        }
    } 

  
 /* ! C A B E C E R A ------------------------------ */  
 
    
    #cabecera {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        transition: background-color .5s ease-in-out;
    }
        @media screen and (min-width: 992px) {
            #cabecera {
                padding: 1rem;
            }
        }
    #cabecera.fixed {
        position: fixed;
        top: 0;
    }
    /*
    @media screen and (min-width: 1300px) {
        #cabecera {
            padding: .5rem 3rem;
        }
    }
    */
    @media screen and (max-width: 1320px) {
        #cabecera {
            padding: .8rem 0;
        }
    }
    .logged-in #cabecera {
    top: 32px;

}
    
    .single-post #cabecera,
    #cabecera.on {
        background-color: var(--wp--preset--color--blanco);
    }
    .site-title {
        position: relative;
    }
    .site-title img {
        width: 100%;
    }
    .site-title a, 
    .site-title img {
        display: inline-block;
        max-width: 160px;
    } 
    .site-title {
        width: 100%;
        height: auto;
        max-width: 180px;
        margin: 0;
    }
    @media screen and (min-width: 992px) {
        .site-title {
            margin: 0 auto;
        }
    }
    .site-title a {
        display: inline-block;
        width: 100%;
    }
    .site-title .negro {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
    .single-post #cabecera .site-title .negro,
    #cabecera.on .site-title .negro {
        opacity: 1;
    }
    .single-post #cabecera .site-title .logo.blanco,
    #cabecera.on .site-title .logo.blanco {
        opacity: 0;
    }
    /*
    .site-title .logo {
        opacity: 0;
    }
    #cabecera .site-title .logo,
    #cabecera.on .site-title .logo,
    .site-title .logo.on {
        opacity: 1;
    }
    #cabecera.on .site-title .blanco {
        opacity: 0;
    }
    .page-template-default #cabecera .site-title .logo.blanco,
    .home #cabecera .site-title .logo.blanco {
        opacity: 1;
    }
    .page-template-default #cabecera .site-title .logo.negro,
    .home #cabecera .site-title .logo.negro {
        opacity: 0;
    }
    .page-template-default #cabecera.on .site-title .logo.negro,
    .home #cabecera.on .site-title .logo.negro {
        opacity: 1;
    }
    .page-template-default #cabecera.on .site-title .logo.blanco,
    .home #cabecera.on .site-title .logo.blanco {
        opacity: 0;
    } */
    .single-post #cabecera,
    #cabecera.on {
        color: black;
    }
    #cabecera ul {
        text-transform: uppercase;
        /* font-weight: 700; */
    }
    #cabecera ul ul {
        font-weight: 300;
        margin: 0;
        padding: 0;
    }
    #cabecera ul.desktop {
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #cabecera ul.desktop li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        /* display: flex;
        justify-content: space-between;
        /* display: inline-block; */
    }
    @media screen and (max-width: 1320px) {
        #cabecera ul.desktop li {
            flex: 1 0 16%; /* intenta 3 por fila */
            text-align: center;
        }
    }
    #cabecera, 
    #cabecera a {
        color: var(--wp--preset--color--blanco);
        text-decoration: none;
    }
    #cabecera.on,
    #cabecera.on a,
    .single-post #cabecera a {
        color: var(--wp--preset--color--negro);
    }
    /*
        .page-template-default #cabecera,
        .home #cabecera,
        .page-template-default #cabecera a,
        .home #cabecera a {
            color: var(--wp--preset--color--blanco);
            text-decoration: none;
        }
        .page-template-default #cabecera.on,
        .home #cabecera.on,
        .page-template-default #cabecera.on a,
        .home #cabecera.on a {
            color: var(--wp--preset--color--negro);
        } */
    #cabecera a {
        cursor: pointer;
    }
    
    
    
    
    header#cabecera .idiomas {
        margin: 0 1rem;
        padding: 0;
        display: inline-block;
        display: none !important;
    }
    header#cabecera .idiomas li {
        margin: 0 .2rem;
        padding: 0;
        list-style-type: none;
        display: inline-block;
    }
    header#cabecera .idiomas li a {
        text-decoration: none;
        text-transform: uppercase;
    }
    header#cabecera .idiomas li.current a {
        font-weight: bold;
    }
    header#cabecera .idiomas li a:hover {
        text-decoration: underline;   
    }
    
    #menu .idiomas  li a {
        font-weight: 400;
    }
    #menu .idiomas li.current a {
        font-weight: 700;
        
    }
    
    
/* ! M E N Ú   P R I N C I P A L ------------------------------ */

    #menu-principal {
        display: flex; 
        gap: 2rem;
    }
    #menu-principal li {
        margin: 0;
        padding: 0;
        position: relative;
        font-weight: 600;
    }
    #menu-principal li ul {
        opacity: 0;
        pointer-events: none;
        transition: .2s ease-in-out;
    }
    #menu-principal li ul {
        position: absolute ;
        margin: 1rem 0 0 -2rem;
        padding-top: 2rem;
        padding: 1rem;
        border-radius: 16px;
        background: rgba(255, 255, 255, .3);
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
        padding: 1rem 2rem;
    }
    #menu-principal li:hover ul {
        display: block;
        opacity: 1;
        pointer-events: all;
        margin-top: 0;
    }
    #menu-principal li li {
        margin-bottom: .5rem !important;
        min-width: 250px;
    }
    #menu-principal li li:last-child {
        margin-bottom: 0 !important;
    }
/* ! M E N Ú   M Ó V I L ------------------------------ */
    
    #menu-movil {
        background-color: white;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0;
        padding: 0;
        list-style-type: none;
        opacity: 0;
        pointer-events: none;
        transition: .5s ease-in-out;
    }
    #menu-movil.on {
        opacity: 1;
        pointer-events: all;
    }
        #menu-movil ul,
        #menu-movil ul ul,
        #menu-movil li,
        #menu-movil li li {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
        #menu-movil li a {
            padding: 1em;
            text-transform: uppercase;
            display: block;
            text-decoration: none;
            font-weight: 700;
            font-size: 1.2rem;
        }
        #menu-movil li li a {
            padding: 0;
            font-weight: normal;
            font-size: 1rem;
        }
        
 
 
/* ! C O N T E N I D O ------------------------------ */
            
#contenido {
    /* margin-top: 100px; */
    /* padding: 2rem; */
}
    /* @media screen and (min-width: 992px) {
        #contenido {
            padding: 2em;
        }
        .single-post-post #contenido {
            margin-top: 157px;
        }
    }
    .page-template-default #contenido,
    .home #contenido {
        margin-top: 0px;
        padding: 0;
    } 
 */

 #contenido figure:first-child { 
     margin-top: 0 !important;
     padding-top: 0;
 }
 .single-post #contenido {
     padding-top: 150px;
 }

/* ! V I A J E S ------------------------------ */

.hero {
    width: 100%;
    height: 75vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}
    .hero::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        z-index: 1;
    }
    .hero .container {
        z-index: 2;
        color: white;
    }
    .hero .container h1 {
        color: white;
    }


ul.terms-menu {
    margin: 0;
    padding: 0;
    text-align: center;
}
    .term-21 ul.terms-menu,
    .term-13 ul.terms-menu {
        display: none !important;
    }
    ul.terms-menu li {
        margin: 0;
        padding: 0 1rem;
        list-style-type: none;
        display: inline;
        text-transform: uppercase;
    }
    ul.terms-menu li a {
        text-decoration: none;
        display: inline-block;
        border-radius: .5rem;
        padding: 5px 10px;
        color: var(--wp--preset--color--verde);
    }
    ul.terms-menu li.current a,
    ul.terms-menu li a:hover {
        border-radius: .5rem;
        padding: 5px 10px;
        color: var(--wp--preset--color--blanco);
        background: var(--wp--preset--color--verde);
    }
    
    
.snippet-viaje {
    position: relative;
    overflow: hidden;
}
    .snippet-viaje::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        z-index: 1;
        transition: .25s ease-in-out;
    }
    .snippet-viaje::after:hover {
        background-color: rgba(0,0,0,0.1);
    }
    .snippet-viaje img {
        width: 100%;
        height: auto;
        transition: .25s ease-in-out;
    }
    .snippet-viaje:hover img {
        transform: scale( 1.1, 1.1);
    }
    .snippet-viaje a {
        display: block;
    }
    .snippet-viaje .info {
        position: absolute;
        bottom: 10%;
        left: 5%;
        width: 90%;
        color: var(--wp--preset--color--blanco);
        z-index: 2;
    }
    .snippet-viaje * {
        color: var(--wp--preset--color--blanco);
        text-decoration: none;
    }
    .snippet-viaje .info * {
        padding: 0;
        margin: 0;
        z-index: 2;
    }
    .snippet-viaje .info .categorias {
        text-transform: uppercase;
        font-size: .8rem;
    }


/* ! B L O G ------------------------------ */

    
    
    .nav-links {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 10px;
    }
    .nav-links > * {
        display: block;
        border: 1px solid black;
        padding: 5px 15px;
        min-width: 30px;
        text-align: center;
        text-decoration: none;
    }
    .nav-links > * {
        background-color: var(--wp--preset--color--fondo-1);
        border: 1px solid white;
    }
    .nav-links > *:hover,
    .nav-links > *.current {
        background-color: var(--wp--preset--color--naranja);
    }
  
/* ! P I E ------------------------------ */

#pie {
    padding: 2rem;
    margin-top: 2rem;
    border-top: 1px solid black;
}
#pie a {
    color: var(--wp--preset--color--negro);
    text-decoration: none;
}
#pie li a:hover {
    text-decoration: underline;
}

#boton-buscador {
    cursor: pointer;
}
#buscador {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--wp--preset--color--blanco);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
} 
#buscador.on {
    top: 0;
    opacity: 1;
    pointer-events: all;
}
#buscador form {
    width: 50%;
}
#buscador #s {
    background-color: #fff;
    border: 1px solid #50575e;
    border-radius: 4px;
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: 1em;
    height: 3em;
    line-height: 1.375;
    margin: 0;
    min-height: 0;
    padding: .75em 0;
    text-indent: 16px;
    width: 70%;
} 
#buscador #searchsubmit {
    background-color: #fff;
    border: 1px solid #50575e;
    border-radius: 4px;
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: 1em;
    height: 3em;
    line-height: 1.375;
    margin: 0;
    min-height: 0;
    padding: .75em 0;
    text-indent: 16px;
    width: 28%;
    text-transform: uppercase;
}
#buscador #searchsubmit:hover {
    color: var(--wp--preset--color--blanco);
    background-color: var(--wp--preset--color--negro);
}
#boton-cerrar-buscador {
    cursor: pointer;
    position: absolute;
    top: 5%;
    right: 2.5%;
    font-size: 1.5rem;
}

#boton-contacto-flotante {
    position: fixed;
    bottom: -20%;
    right: 1.5%;
    font-size: 1.5rem;
    max-width: 180px;
    width: 100%;
    box-shadow: 0 1px 10px rgba(0,0,0,.8);
    border-radius: 20px;
    padding: 1rem;
    font-size: 1rem;
    text-align: center;
    background: #eee;
    z-index: 10000;
    border: 5px solid white;
    transition: all .5s ease-in-out;
    display: flex;
    align-items: center;
}
#boton-contacto-flotante.on {
    bottom: 1.5%;
    right: 1.5%;
}
#boton-contacto-flotante h3 {
    font-size: 1rem;
    text-transform: uppercase;
    font-family: var(--tipografia);
    font-weight: 700;
    margin: 0 1rem 0 0;
}
#boton-contacto-flotante a {
    display: inline-block;
}
#boton-contacto-flotante img {
    width: 40px !important;
    
}
#boton-contacto-flotante button {
    background-color: var(--wp--preset--color--verde);
    border-radius: 1rem;
    border: none;
    color: white;
    text-transform: uppercase;
    padding: .5rem 1rem;
    display: none;;
}


/* ! P L U G I N G S */

.cmplz-manage-consent {
    display: none !important;
}




/* ! B L O C K S */

    /* fondo */ 
    
    .absolute {
        position: absolute;
        bottom: 10%;
        right: 10%;
    }
    
    .has-blanco-color a {
        color: white;
    }
    /* block cover */
    /* .wp-block-cover h2 {
        text-transform: uppercase;
    } */
    @media screen and (min-width: 992px) {
        .wp-block-cover {
            padding: 3em;
            min-height: 530px;
        }
    }
    /* .wp-block-cover.alignfull {
        min-height: 100vh;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
        @media screen and (min-width: 1400px) {
            .wp-block-cover.alignfull {
                min-height: 100vh;
            }
        } */
    /* .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
        width: 75%;
    }
    @media screen and (min-width: 992px) {
        .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
            width: 75%;
        }
    }
    
    .wp-block-cover p {
        font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300)));
        font-size: 16px;
    } */
    
    /* Interior del fondo  */
    /* @media screen and (min-width: 992px) {
        .wp-block-cover .wp-block-cover__inner-container, 
        .wp-block-cover-image .wp-block-cover__inner-container {
            max-width: 1680px;
        }
    } */
    
    
    /* columns */
    :where(.wp-block-columns.is-layout-flex) {
        gap: 0 ;
    }
    .wp-block-columns {
        margin-bottom: 0;
    }
    
    /* ! Columnas alineadas a full */ 
    /* .wp-block-columns .wp-block-column .wp-block-group.is-layout-constrained {
        padding: 3rem;
        height: 100%;
        width: 75%;
    }
        @media screen and (min-width: 1460px) {
            .wp-block-columns .wp-block-column .wp-block-group.is-layout-constrained {
                padding: 5rem;
            }
        } */
    /* ! Columnas alineadas a wide */ 
    /* .wp-block-columns.alignwide {
        max-width: var(--content-width-alignwide);
        margin: 0 auto;
    }
    .wp-block-columns.alignwide .wp-block-column .wp-block-group.is-layout-constrained {
        padding: 2rem;
    }
    
        .wp-container-26 .wp-block-buttons>.wp-block-button {
            width: 100%;
        } */
        
    
    /* ! Anchos básicos de Gutenberg */ 
        /* Gutenberg Layout Widths — limpio y consistente con theme.json */
        
        /* Layout constrained (840px) */
        .is-layout-constrained {
          max-width: 840px;
          margin-left: auto;
          margin-right: auto;
          padding-left: 1rem;
          padding-right: 1rem;
        }
        
        /* Ancho wide (1420px) */
        
        .alignwide {
          max-width: 1420px;
          margin-left: auto;
          margin-right: auto;
        }
        
        /* Ancho full (100%) */
        .alignfull {
          width: 100% !important;
          margin-left: 0;
          margin-right: 0;
        }
        
        /* Evitar que imágenes sobresalgan en alignwide/full */
        .alignfull img,
        .alignwide img {
          width: 100%;
          height: auto;
          display: block;
        }
        
        /* Responsive: móviles (hasta 768px) */
        @media (max-width: 768px) {
          .is-layout-constrained,
          .alignwide {
            max-width: 100%;
            padding-left: 1rem;
            padding-right: 1rem;
          }
        
          .alignfull {
            padding-left: 0;
            padding-right: 0;
          }
        }
        
        /* Responsive: tablets (769px - 1279px) */
        @media (min-width: 769px) and (max-width: 1279px) {
          .alignwide {
            max-width: 95%;
          }
        }
        
        /* Escritorio grande (1280px en adelante) */
        @media (min-width: 1280px) {
          .is-layout-constrained {
            max-width: 840px;
            margin-left: auto;
            margin-right: auto;
          }
        
          .alignwide {
            max-width: 1420px;
            margin-left: auto;
            margin-right: auto;
          }
          
          .alignfull {
              max-width: unset;
              width: 100% !important;
          }
        }

    .page-id-3542 .is-layout-constrained {
        margin-left: auto;
        margin-right: auto;
        max-width: 840px;
    }
    @media screen and (max-width: 992px) {
        .is-layout-constrained {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
        .is-layout-constrained.alignwide {
            width: 100%;
        }
        .wp-block-column h1, 
        .wp-block-column h2, 
        .wp-block-column h3, 
        .wp-block-column h4, 
        .wp-block-column h5, 
        .wp-block-column p {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        } 
    }    
    @media screen and (max-width: 992px) {    
        .inverso .wp-block-columns .wp-block-column:nth-of-type(1) {
            order: 2;
        }
        .inverso .wp-block-columns .wp-block-column:nth-of-type(2) {
            order: 1;
        }
    }
    
    blockquote {   
        border-radius: 16px;
        opacity: 0.7;
        background: var(--blanco, #FFF);
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
        padding: 1rem 2rem;
        width: 75%;
        margin-left: 12.5%;
    }
        
    .wp-block-embed__wrapper {
        width: 100%;
        aspect-ratio: 16 / 9;
    }
    .wp-block-embed__wrapper iframe {
        width: 100%;
        height: 100%;
    }
          
        
       
            
    
    
    
    
/* 
    https://github.com/lokesh/lightbox2
*/

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}





/*
 vanillaSlideshow v0.1
 (c) Dimitri Mikadze
 https://github.com/DimitriMikadze/vanilla-slideshow
 License: MIT
*/

    
    #vanilla-slideshow-container { 
        width: 100%; 
        text-align: center;
        position: relative; 
        
    }
    /* @media screen and (min-width: 992px) {
        #vanilla-slideshow-container { 
            width: 100%; 
            height: 80vh;
        }
    } */
    #vanilla-slideshow-container > *{ 
      -webkit-user-select: none; /* Safari */
      -ms-user-select: none; /* IE 10 and IE 11 */
      user-select: none; /* Standard syntax */
    }
    
    #vanilla-slideshow { 
        width: 100%; 
        position: absolute; 
        top: 0;
        left: 0;
        /* border: 5px solid blue; */
        
    }
    #vanilla-slideshow .vanilla-slide { 
        /* border: 5px solid yellow; */
        width: 100%;  
        background-size: cover; 
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: absolute; 
        top: 0; 
        left: 0; 
        opacity: 0;
        overflow: hidden;
        display: flex;
        align-items: center; /* vertical */
        justify-content: center; /* horizontal */
    }
    
    #vanilla-slideshow .vanilla-slide.vanilla-active { 
        opacity: 1;
    }
    
    
    
    
    /* Arrows */
    
    #vanilla-slideshow-previous {
        position: absolute;
        left: 20px;
        top: 50%;
        width: 48px;
        height: 50px;
        background-position: 0 100%;
        cursor: pointer; 
        opacity: 0.7;
        z-index: 5; 
        display: none;
        color: white;
    }
    
    #vanilla-slideshow-next {
        position: absolute;
        color: white;
        right: 20px;    
        top: 50%;
        width: 48px;
        height: 50px;
        background-position: 100% 100%;
        cursor: pointer; 	
        opacity: 0.7;
        z-index: 5; 
        display: none;
    }
    
    #vanilla-slideshow-previous:hover, #vanilla-slideshow-next:hover {
        opacity: 1;
    }
    
    /* Indicators */
    
    #vanilla-indicators {
        display: inline-block;
        z-index: 5;
        position: absolute;
        bottom: 20px;
        width: 100%;
        left: 0;
    }
    
    .vanilla-indicators {
        width: 32px;
        height: 4px;
        /* border-radius: 50%; */
        background-color: rgba(255,255,255,.3);
        display: inline-block;
        margin: 2px;
        cursor: pointer;
    }
    
    .vanilla-indicators.vanilla-active {
        background-color: rgba(255,255,255,1);
    }
    
    
    
    
    
    /* ! Cookies */ 
    @media screen and (min-width: 992px) {
        .cmplz-cookiebanner .cmplz-buttons {
            flex-direction: row !important;
        }
    }
   
   
   
    /* ! Acordeón */ 
    .wp-block-columns.acordeon .wp-block-column p {
        opacity: 0;
        display: none;
    }
    .wp-block-columns.acordeon .wp-block-column,
    .wp-block-columns.acordeon .wp-block-column * {
        transition: .5s ease-in-out;
    }
    .wp-block-columns.acordeon .wp-block-column:hover {
        flex-grow: 3;
    }
    .wp-block-columns.acordeon .wp-block-column:hover p {
        opacity: 1;
        display: block;
    }
    .wp-block-columns.acordeon .wp-block-column:hover .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 {
        opacity: 0;
    }
    .wp-block-columns.acordeon .wp-block-column:hover {
        --wp--preset--duotone--dark-grayscale: none;
    }
    
    /* ! Contact form */ 
    .wpcf7-form {
        padding: 2rem 0;
    }
    .wpcf7-form-control-wrap {
        
    }
    .wpcf7-form-control {
        border: 1px solid var(--wp--preset--color--negro);
        padding: 5px 10px !important;
    }
        .wpcf7-form-control.wpcf7-radio,
        .wpcf7-form-control.wpcf7-checkbox {
            border: none;
        }
        .wpcf7-list-item {
            display: block;
        }
    .wpcf7-not-valid-tip {
        font-size: .8rem;
    }
    .wpcf7-form-control[type="submit"] {
        background-color: var(--wp--preset--color--verde);
        border: 1px solid var(--wp--preset--color--verde);
        color: var(--wp--preset--color--blanco);
        text-transform: uppercase;
        padding: 5px 20px;
    }
    .wpcf7-email,
    .wpcf7-text,
    .wpcf7-phone,
    .wpcf7-textarea {
        width: 100%;
        display: block;
        max-width: 400px;
    }
    .formulario-info .wpcf7-email,
    .formulario-info .wpcf7-text,
    .formulario-info .wpcf7-phone,
    .formulario-info .wpcf7-textarea {
        border: 1px solid var(--wp--preset--color--blanco);;
        background-color: rgba(255, 255, 255, .8);
    }
    .formulario-info .wpcf7-not-valid-tip {
        color: var(--wp--preset--color--blanco);
    }
    
    /* ! Slide */ 
    
    .slide-block {
        height: 60vh;
        position: relative;
    }
        .slide-block .bloque-texto {
            position: absolute;
            top: 0%;
            left: 50px;
            width: 100%;
            height: 100%;
            z-index: 3;
            display: flex;
            align-items: center;
        }
        .slide-block .bloque-texto .titular {
            margin: 0;
            padding: 1rem 0;
            color: white;
        }
        .slide-block .bloque-texto .texto {
            padding: 0;            
            margin: 0;
            color: white;
            font-size: 1.4rem;
        }
        @media screen and (max-width: 1280px) {
            .slide-block .bloque-texto .titular {
                font-size: 2.5em;
            }
            .slide-block .bloque-texto .texto {
                font-size: 1em;
            }
        }
    .slide-block .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-color: rgba(0,0,0,.3);
        pointer-events: none;
    }
    .etg-carousel {
        height: 100%;
        width: 100%;
    
    }
    .carousel-inner {
        height: 100%;
        width: 100%;
    }
    .carousel-item {
        height: 100%;
        width: 100%;
    }
    .sliding-background {
        height: 100%;
        width: 120vw;
        overflow: hidden;
        animation: slide 60s ease-out infinite;
    }
    
    
    
    @keyframes slide {
        0% {
            transform: translate3d(0, 0, 0);
        }
    
        100% {
            transform: translate3d(-1000px, 0, 0);
        }
    }
    
    
    .wp-block-query .wp-block-cover:hover img {
        transition: .25s ease-in-out;
    }
    .wp-block-query .wp-block-cover:hover img {
        transform: scale( 1.1, 1.1);
    }
    
    
.grecaptcha-badge {
    display: none;
}





.acf-subcategorias-viajes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.subcategoria-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}


.columnas-espana-verde ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}


/* Los dos primeros li ocupan 50% cada uno */
.columnas-espana-verde li {
  width: 50%;
  box-sizing: border-box;
}
.columnas-espana-verde li a {
    color: white; 
}
.columnas-espana-verde li:nth-child(1) {
  width: 100%;
  margin-bottom: 2rem;
}
.columnas-espana-verde li *,
.columnas-espana-verde li a,
.columnas-espana-verde li p {
    color: black;
    text-align: center;
}
.columnas-espana-verde li .wp-block-cover__inner-container {
    background-color: rgba(255, 255, 255, 0.8);
    color: black !important;
}



.slide-galeria-block .overlay {
    opacity: 0 !important;
}