@charset "UTF-8";

/*
    Theme Name: Bodegón Alejandro
    Version: 1.0
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1600px
*/

:root {
    
    /* Setup colores  */
    --color-fondo: #FFFFFF;
    --color-principal: #000000;
    --color-secundario: #555;
    --color-destacado: #002FF7; 
    --color-blanco: #ffffff;
    --color-negro: #000000;
    --color-gris: #F1F1F1;
    
    /* Setup Tipografía */
    --tipografia: "garamond-premier-pro-display", serif;
    --tipografia-texto: "open-sans", sans-serif;
    --color-tipografia: var(--color-principal);

    /* 
    --texto-80: calc(30px + (60 - 30) * (100vw - 375px) / (1680 - 375));
    --texto-80-max: 60px;
    --texto-80-min: 30px;
    
    --texto-40: calc(21px + (30 - 21) * (100vw - 375px) / (1680 - 375));
    --texto-40-max: 30px;
    --texto-40-min: 21px;
    
    --texto-35: calc(18.75px + (26.25 - 18.75) * (100vw - 375px) / (1680 - 375));
    --texto-35-max: 26.25px;
    --texto-35-min: 18.75px;
    
    --texto-25: calc(16px + (18.75 - 16) * (100vw - 375px) / (1680 - 375));
    --texto-25-max: 18.75px;
    --texto-25-min: 16px;
    
    --texto-20: calc(16px + (20 - 16) * (100vw - 375px) / (1680 - 375));
    --texto-20-max: 20px;
    --texto-20-min: 16px;
    */
}

.page-id-3 h4,
.page-id-220 h4,
.page-id-221 h4,
.page-id-228 h4 {
    margin-top: 50px;
}


body {
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--tipografia);
    font-weight: 300;
    background: var(--color-fondo);
    color: var(--color-principal);
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    font-size: 22px;
}

    .precio {
        font-size: 1.1rem;
        font-family: var(--tipografia);
        font-weight: 300;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        display: block;
    }
    @media screen and (min-width: 568px) {
        .precio {
            display: inline;
        }
    }
    .text-style-plato {
        font-size: 1.12rem; /* 18px */
        font-family: var(--tipografia);
        font-weight: 300;
    }

    .texto-slide {
        /* z-index: 2; */
        /* font-size: 1.6rem; */
        /* font-size: calc(30px + (40 - 30) * (100vw - 375px) / (1680 - 375));
        line-height: calc(30px + (40 - 30) * (100vw - 375px) / (1680 - 375)); */
        font-size: 22px;
        color: white;
        padding-top: 60px;
        /* background: white; */
        /* position: absolute;
        top: 50px;
        left: 0;
        width: 100%; */
        /* padding: .2em .5em; */
        font-family: var(--tipografia);
        font-weight: 400;
    }
    /* @media screen and (min-width: 568px) {
        .texto-slide {
            top: 30%;
            padding: .5em 1em;
        }
    } */
    @media screen and (min-width: 1024px) {
        /* .texto-slide {
          padding-left: 3rem;
        } */
      
    }

    .text-style-texto-boton {
        font-size: 1em;
        font-family: var(--tipografia);
        font-weight: 300;
        text-transform: uppercase;
    }
    .text-style-texto-boton-xl {
        font-size: 1.3em;
        font-family: var(--tipografia);
        font-weight: 300;
        text-transform: uppercase;    
    }
    .text-style-titular-seccion {
        font-size: 1.25rem; /* 20px */
        font-family: var(--tipografia);
        font-weight: 300;
        line-height: 60px;
    }
    .text-style-entradilla {
        font-size: 2.5rem; /* 40px */
        font-family: var(--tipografia);
        font-weight: 300;
        line-height: 40px;
    }
    p, li, 
    .text-style-texto {
        font-size: 1em;
        line-height: 1.3em;
        font-family: var(--tipografia);
        font-weight: 300;
    }
    .text-style-entradilla-xl {
        font-size: 3.5rem; /* 70px */
        font-family: var(--tipografia);
        font-weight: 300;
        line-height: 50px;
    }

.relativiza {
    position: relative;
}
.container-fluid {
    width: 90%;
}
.container.full,
.container-fluid.full {
    width: 100% !important;
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
    .container.full img.img-fluid,
    .container-fluid.full img.img-fluid{
        width: 100% !important;
        max-width: none;
    }

b,strong {
  font-weight: bold;
}

textarea, select, input, button { outline: none; }


    /* @media screen and (min-width: 568px) {
        body {
            font-size: var(--texto-25);
        }
    }
    @media screen and (min-width: 1680px) {
        body {
            font-size: var(--texto-25-max);
        }
    } */
b, strong {
  font-variation-settings: "wght" 700;
}
a {
    color: #000000;
    text-decoration: underline;
}
a:hover {
    color: #555555;
    text-decoration: none;
}
a.btn {
  text-decoration: none;
}



#cabecera {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    transition: .2s ease-in-out;
    background-color: transparent;
    background-color: white;
}
.home #cabecera {
    background-color: transparent;
}
.home #control-menu .btn {
    color: white
}
#cabecera .container, 
#cabecera .container-fluid {
    /* width: 90% !important;
    max-width: none;
    padding: 0;
    margin: 0; */
}


#cabecera h1 {
    margin: 10px 0 0 0;
    padding: 0 0 0 1rem;
}
.home #cabecera h1 {
    margin-top: 10px;
}
@media screen and (min-width: 992px) {
    #cabecera h1 {
        margin: 15px 0 15px  0;
        padding: 0 0 0 5rem;
    }
    .home #cabecera h1 {
        margin: 20px 0 0 0;
    }
}
#cabecera #logo {
    width: 100%;
    max-width: 290px;
    height: auto;
    transition: .2s ease-in-out;
}
#cabecera.on {
    background-color: var(--color-blanco);
}
#cabecera.on #logo {
    max-width: 250px;
    /* filter: invert(100%); */
}
    @media screen and (min-width: 1280px) {
        #cabecera #logo {
            max-width: 400px;
        }
        
    }
.home #cabecera #logo {
    filter: invert(100%);
}
.logged-in #cabecera {
    top: 32px;
}


#control-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
    #controla-hamburguesa {
        display: inline-block;
        /* width: 40px;
        height: 40px; */
        padding: 20px;
        background-color: white;
        margin: 0 0 0 10px;
    }
    #hamburguesa {
        position: relative;
        width: 20px;
        height: 20px;
        -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(--color-principal);
        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;
    }
    #cabecera.on #hamburguesa span {
        background-color: black;
    }
    
    #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: #000000;
    }
    @media screen and (min-width: 1280px) {
        #hamburguesa {
            width: 30px;
            height: 30px;
        }
        #hamburguesa span:nth-child(2),#hamburguesa span:nth-child(3) {
            top: 10px;
        }
        
        #hamburguesa span:nth-child(4) {
            top: 20px;
        }
    } 
    /* body.on #contenido {
      filter: blur(5px);
    } */
    #fondo-menu {
      position: fixed;
      z-index: 2;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      opacity: 0;
      pointer-events: none;
      /* backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px); */
      background-color: rgba(0,0,0,.3);
      transition: all .3s ease-in-out;
    }
        #fondo-menu.on {
            opacity: 1;
        }

    nav {
        position: fixed;
        top: 0;
        right: -30%;
        width: 70%;
        z-index: 3;
        height: 100vh;
        display: flex;
        align-items: center;
        transition: all .3s ease-in-out;
        background-color: white;
        opacity: 0;
        pointer-events: none;
        background: white url('img/logo-persona.svg') no-repeat 80% 50%;
        background-size: 30%;
    }
        @media screen and (min-width: 1024px) {
            nav {
                width: 27%;
            }
        }
        nav.on {
            right: 0;
            opacity: 1;
            pointer-events: all;
        }
        /* .home nav {
            left: 0;
        } */
        .home #control-menu {
            display: none;
        }    
    
        #menu {
            margin: 0;
            /* padding: 2rem 4rem; */
            width: 90%;
            list-style: none;
            counter-reset: item;
            text-align: right;
            display: flex;
            flex-direction: column;
            align-items: end;
        }
            @media screen and (min-width: 1680px) {
                #menu {
                    
                }
            }
        #menu li {
            list-style-type: none;
            padding: .5rem 0;
            /* border-bottom: 1px solid #000000; */
            text-transform: uppercase;
            counter-increment: item;
            margin-bottom: 5px;
            text-align: right;
            display: flex;
            flex-direction: column;
            align-items: end;
            font-size: calc(18px + (20 - 18) * (100vw - 375px) / (1680 - 375));
        }
        #menu li:after {
            margin: 10px 0;
            content: '';
            width: 1.2em;
            text-align: center;
            /* display: block; */
            display: flex;
            border-bottom: 1px solid black;
        }
        #menu li.current_page_item a {
            color: #000000;
        }
        #menu.secundario li {
            font-size: 1rem;
        }
        #menu li:last-child {
            border-bottom: none;
        }
        #menu li a {
            text-decoration: none;
            color: var(--color-principal);
        }
    .idiomas {
        position: absolute;
        top: 80%;
        width: 90%;
        margin: 0;
        /* padding: 0 4rem; */
        display: block;
        text-align: right;
    }
        .idiomas li {
            margin: 0 0 0 1rem;
            padding: 0;
            display: inline-block;
            text-transform: uppercase;
            font-size: 1.1rem;
        }
        .idiomas li a {
            text-decoration: none;
        }
        .idiomas li.current a,
        .idiomas li a:hover {
            text-decoration: underline;
        }
        
        
    .idiomas-desplegable {
        position: relative;
        display: inline-block;
        padding: 0;
        margin: 0!important;
        list-style-type: none;
        width: 60px;
        height: 100%;
    }
    .idiomas-desplegable ul {
        position: absolute;
        top: -18px;
        left: 0;
        margin: 0;
        padding: 0;
        background-color: #fff;
        /* padding: 10px; */
    }
    .idiomas-desplegable::after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute; 
        top: -5px;
        right: 10px;
        border-left:  5px solid transparent;
        border-right: 5px solid transparent;
        border-top:   5px solid #000;
    }
    .idiomas-desplegable ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-transform: uppercase;
        display: none;
    }
    .idiomas-desplegable ul:hover li,
    .idiomas-desplegable ul li.current {
        display: block;
    }
    .idiomas-desplegable ul li a {
        text-decoration: none;
    }
    .home .idiomas-desplegable ul {
        background-color: transparent;
    }
    .home .idiomas-desplegable ul a {
        color: white;
    }
    .home .idiomas-desplegable::after {
        border-top:   5px solid #fff;   
    }
    
    .boton-reservas.on,
    .idiomas-desplegable.on {
        opacity: 0;
        pointer-events: none;
    }




/* .texto-slide {
    z-index: 2;
    background: white;
    position: absolute;
    top: 45%;
    padding: .5em 1em;
}
@media screen and (min-width: 568px) {
    .texto-slide {
        z-index: 2;
        background: white;
        position: absolute;
        top: 45%;
        padding: .5em 1em;
    }
} */

/* Página de inicio */
#slide {
    background :#eee url('img/fondo-2.jpg') no-repeat center bottom;
    background-size: cover;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
}
.wrapper {
    white-space: nowrap;
}
#slide .horizontal-image {
    display: inline-block;
    white-space: nowrap;
    height: 100vh;
    width: auto;
    /* animation: slider 40s infinite linear; */
    /* animation-name: slider;
    animation-duration: 10s; */
    /*animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: backwards;
    animation-play-state: running; */
}
#slide::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.3);
}

@keyframes slider {
  0% {
    transform: translate(0, 0);
  }

  100% {
      transform: translate(-50%, 0);
  } 
}
.image-2 {
  animation-delay: -3s; /* Ajusta el retraso de la segunda imagen según tus necesidades */
}
#slide img {
    display: none !important;
}

#contenido {
    margin-bottom: 100px;
}
.home #contenido {
    margin-bottom: 0px;
}

#contenido.imagen-arriba {
    margin-top: 60px;
}
    @media screen and (min-width: 992px) {
        #contenido.imagen-arriba {
            margin-top: 80px;
        }
    }

#contenido.pagina {
    margin-top: 150px;
}
#contenido.iframe,
#contenido.imagen-lateral {
    margin-top: 200px;
}
#contenido.carta {
    margin-top: 200px;
}

#post-thumbnail.fondo {
    height: 70vh;
}
#post-thumbnail.cuadrada {
    height: 50vh;
}
#post-thumbnail div {
    height: 100%;
}

.imagen-lateral .entradilla:after {
    content: ' ';
    display: block;
    width: 100px;
    height: 1px;
    margin: 2rem 0;
    background-color: var(--color-principal);
}
.imagen-lateral #post-thumbnail {
    /* height: 100vh; */
    min-height: 50vh;
}
#read-more-link {
    cursor: pointer;
    text-decoration: underline;
}
#read-more-link:hover {
    text-decoration: none;
}
#read-more-link.on {
    display: none;
}
#read-more-capa {
    display: none;
}
#read-more-capa.on {
    display: block;
}



/* CARTA */ 
    
    .menu-carta {
        margin: 0 auto;
        padding: 0 0 2rem 0;
        text-align: center;
    }
    .menu-carta li {
        display: inline-block;
        margin: 0 1rem;
        list-style-type: none;
        text-transform: uppercase;
    }
    .menu-carta li a {
        text-decoration: none;
        padding-bottom: 3px;
        border-bottom: 1px solid var(--color-blanco);
    }
    .menu-carta li.current a,
    .menu-carta li a:hover {
        text-decoration: none;    
        border-bottom: 1px solid var(--color-negro);
    }
    .tab-content {
        display: none;
        opacity: 0;
        pointer-events: none;
        transition: .2s ease-in-out;
    }
    .tab-content p {
        font-size: .9em;
    }
        @media screen and (min-width: 992px) {
            .tab-content p {
                font-size: 1em;
            }
        }
    .tab-content.current {
        /* position: absolute;
        top: 0; left: 0; width: 100%; */
        display: block;
        opacity: 1;
        pointer-events: all;
    }
    #contenido.carta h2 {
        margin-top: 80px;
    }
    #contenido.carta h2:after {
        content: ' ';
        display: block;
        width: 60px;
        height: 1px;
        margin: .8rem auto 2rem;
        background-color: var(--color-principal);
    }
   
 
.cycle-pager {
  text-align: center; 
}
  .cycle-pager span {
        width:  15px;
        height: 15px;
        display: inline-block;
        content: '';
        border: 1px solid #000000;
        border-radius: 50%;
        color: #000000;
        background-color: #000000;
        opacity: .5;
        margin: 10px 5px;
        cursor: pointer;
  }
  .cycle-pager span.cycle-pager-active {
    opacity: 1;
  }








.grecaptcha-badge {
  display: none;
}



#pie {
  background-color: black;
  color: white;
  padding: 1rem 0;
}
#pie p,
#pie li {
    font-size: 1.1rem;
    font-family: var(--tipografia) !important;
}
#pie li {
    display: inline-block;
    margin-right: 1rem;
}
#pie a {
  color: white;
    text-decoration: none;
}
#pie a:hover {
    text-decoration: underline;
}

.wpml-ls-statics-footer, .otgs-development-site-front-end {
  display: none;
}

.logos ul {
    margin: 0;
    padding: 1rem 0;
}
.logos li {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 0;
    list-style-type: none;

}
.logos li img {
    width: 75px;
    height: auto;
}




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


#vanilla-slideshow-container { 
    width: 100%; 
    height: 40vh;
    text-align: center;
    margin: 20px 0;
    /* border: 5px solid black; */
}
    @media screen and (min-width: 992px) {
        #vanilla-slideshow-container { 
            width: 100%; 
            height: 50vh;
            text-align: center;
            margin: 100px 0;
            /* border: 5px solid black; */
        }
        
        #vanilla-slideshow-container {
            max-width: 90%;
            margin: 0 auto;
            padding-top: 60.25%;
            position: relative;
            width: 100%;
        }
        
        #vanilla-slideshow-container #vanilla-slideshow {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    }
    /* @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%; 
    height: 100%; 
    position: relative; 
    /* border: 5px solid blue; */
    
}
#vanilla-slideshow .vanilla-slide { 
    /* border: 5px solid yellow; */
    width: 100%; 
    height: 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);
}