/**
Theme Name: ellucerodelalba
Author: Kebes
Author URI: https://www.kebes.es
Description: Plantilla hecha a medida para ellucerodelalba
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ellucerodelalba
Template: astra
*/
/*global*/
.media-izquierda figure.wp-block-media-text__media,
.media-derecha figure.wp-block-media-text__media {
    height: 100%;
}

.media-izquierda h2,
.media-derecha h2 {
    font-size: 5.25rem;
}

.media-izquierda .wp-block-media-text__media img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    -webkit-animation: img_appear_left ease-out forwards;
    animation: img_appear_left ease-out forwards;
    animation-timeline: view(block);
    animation-range: cover 0% cover 30%;
}

.media-derecha .wp-block-media-text__media img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    -webkit-animation: img_appear_right ease-out forwards;
    animation: img_appear_right ease-out forwards;
    animation-timeline: view(block);
    animation-range: cover 0% cover 30%;
}

@-webkit-keyframes img_appear_left {
    0% {
        -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
        clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
    }

    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

@keyframes img_appear_left {
    0% {
        -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
        clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
    }

    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

@-webkit-keyframes img_appear_right {
    0% {
        -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
        clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
    }

    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

@keyframes img_appear_right {
    0% {
        -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
        clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
    }

    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

.pago-bg {

    -webkit-animation: logo-bg linear forwards;
    animation: logo-bg linear forwards;
    animation-timeline: view(block);
    animation-range: cover 0% cover 100%;
    background-repeat: no-repeat;
    background-size: 150vw;
}




.pago-bg.media-derecha {
    -webkit-animation: logo-bg-reverse linear forwards;
    animation: logo-bg-reverse linear forwards;
    animation-timeline: view(block);
    animation-range: cover 0% cover 100%;
}

.media-izquierda .wp-block-media-text__content,
.media-derecha .wp-block-media-text__content {
    max-width: 660px;
    margin: 0 auto;
}

.entry-content .media-derecha .wp-block-media-text .wp-block-media-text__content,
.entry-content .media-izquierda .wp-block-media-text .wp-block-media-text__content {
    padding: 8% 30px;
}

@-webkit-keyframes logo-bg {
    0% {
        background-position: 0 100px;
    }

    100% {
        background-position: -1000px 100px;
    }
}

@keyframes logo-bg {
    0% {
        background-position: 0 100px;
    }

    100% {
        background-position: -1000px 100px;
    }
}

@-webkit-keyframes logo-bg-reverse {
    0% {
        background-position: -1000px 100px;
    }

    100% {
        background-position: 0 100px;
    }
}

@keyframes logo-bg-reverse {
    0% {
        background-position: -1000px 100px;
    }

    100% {
        background-position: 0 100px;
    }
}

@media screen and (max-width:1290px) {

    .media-izquierda h2,
    .media-derecha h2 {
        font-size: 4.25rem;
    }
}

@media screen and (max-width:544px) {
    .pago-bg {
        background-size: 1000px;
    }

    .media-izquierda h2,
    .media-derecha h2 {
        font-size: 3.25rem;
    }

    .media-izquierda .wp-block-media-text__content {
        padding-left: 20px !important;
        padding-right: 50px !important;
    }

    .media-derecha .wp-block-media-text__content {
        padding-right: 20px !important;
        padding-left: 50px !important;
    }

    .media-izquierda .wp-block-media-text__media img {
        animation-timeline: view(block);
        animation-range: cover 0% cover 50%;
    }

    .media-derecha .wp-block-media-text__media img {
        animation-timeline: view(block);
        animation-range: cover 0% cover 50%;
    }
}

/*forms*/
input[type=email],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border-color: var(--ast-global-color-3);
    background: transparent;
    border-radius: 6px;
}

/*global buttons*/
.wp-block-button .wp-block-button__link {
    overflow: hidden;
    position: relative;
    transition: background-color 0.3s linear, border 0.3s linear;
}

.wp-block-button .wp-block-button__link:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #000 10%, rgba(0, 0, 0, 0) 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10);
    opacity: 0;
    transition: transform 0.5s, opacity 1s;
}

.wp-block-button .wp-block-button__link:active:after {
    transform: scale(0);
    opacity: 0.2;
    transition: 0s;
    background-color: #EEEEEE;
    color: rgba(0, 0, 0, 0.87);
}

#home-productos-list .wp-block-media-text .wp-block-media-text__content {
    max-width: 585px;
}

#home-productos-list .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    max-width: 585px;
}

#home-productos-list .wp-block-media-text__media img {
    width: auto;
    max-width: 100%;
}

/*home*/
#home-video > div > div > figure > img {
    margin-bottom: 60px;
}

#home-video p {
    margin: 0;
    font-weight: 300;
}

#home-video-unicos {
    font-size: 53px;
}

#home-video-naturaleza {
    font-size: 144px;
}

#home-banner {
    overflow: visible;
    margin-top: 100px;
}

#home-banner > div {
    position: relative;
}

#home-banner > div > figure {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation: slide-top linear backwards;
    animation: slide-top linear backwards;
    animation-timeline: view(block);
    animation-range: cover -20% cover 100%;
    background-repeat: no-repeat;
    background-size: 150vw;
    transform: translateY(-450px);
}

@-webkit-keyframes slide-top {
    0% {
        transform: translateY(-400px);
    }

    100% {
        transform: translateY(-1000px);
    }
}

@keyframes slide-top {
    0% {
        transform: translateY(-400px);
    }

    100% {
        transform: translateY(-1000px);
    }
}

#home-productos .pago-bg {
    background-position-y: 0px !important;
}

#home-singularidad-derecha {
    padding: 80px 50px;
}

#home-singularidad-derecha > p {
    position: relative;
    padding-left: 120px;
}

#home-singularidad-derecha > p:nth-child(1):before,
#home-singularidad-derecha > p:nth-child(2):before {
    color: var(--ast-global-color-1);
    font-size: 100px;
    position: absolute;
    left: 0;
    line-height: 1em;
}

#home-singularidad-derecha > p:nth-child(1):before {
    content: "1.";
}

#home-singularidad-derecha > p:nth-child(2):before {
    content: "2.";
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    #home-singularidad-titulo > div > h2 {
        font-size: 62px;
    }
}

@media screen and (max-width:1290px) {
    #home-video-unicos {
        font-size: 40px !important;
    }

    #home-video-naturaleza {
        font-size: 100px !important;
    }
}

@media screen and (max-width:544px) {
    #home-video-unicos {
        font-size: 23px !important;
    }

    #home-video-naturaleza {
        font-size: 62px !important;
    }

    #home-unicos,
    #home-historia {
        background-position-y: 50% !important;
        animation-range: cover 30% cover 100%;
    }

    #home-singularidad-derecha {
        padding: 50px 30px;
    }

    #home-singularidad-derecha > p:nth-child(1):before,
    #home-singularidad-derecha > p:nth-child(2):before {
        font-size: 60px;
    }

    #home-singularidad-derecha > p {
        padding-left: 60px;
    }

    #home-productos .pago-bg {
        margin: -20px;
        width: calc(100% + 40px);
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*enoturismo*/
.tabla-reservas a {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none !important;
}

p.tabla-reservas-telefono,
p.tabla-reservas-email {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

p.tabla-reservas-telefono:before,
p.tabla-reservas-email:before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_123_12" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_123_12)"><path d="M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21ZM6.025 9L7.675 7.35L7.25 5H5.025C5.10833 5.68333 5.225 6.35833 5.375 7.025C5.525 7.69167 5.74167 8.35 6.025 9ZM14.975 17.95C15.625 18.2333 16.2875 18.4583 16.9625 18.625C17.6375 18.7917 18.3167 18.9 19 18.95V16.75L16.65 16.275L14.975 17.95Z" fill="%23AEAEAE"/></g></svg>');
}

p.tabla-reservas-email:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_73_2231" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_73_2231)"><path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L4 8V18H20V8L12 13ZM12 11L20 6H4L12 11ZM4 8V6V18V8Z" fill="%23AEAEAE"/></g></svg>');
}

#enoturismo-actividades-experiencias h3 {
    font-size: 2.5em;
    font-weight: 300;
}

#enoturismo-actividades-experiencias .wp-block-group {
    max-width: 750px;
    margin: 0 auto;
    padding: 32px 32px 52px 32px;
}

#enoturismo-actividades-experiencias .wp-block-group p.has-text-align-center {
    max-width: 585px;
}

#enoturismo-actividades-experiencias ul {
    padding: 0;
}

@media screen and (max-width:544px) {
    div#enoturismo-imagen-grande {
        min-height: 200px !important;
    }
}

/*salas-eventos*/
#salas-eventos .wp-block-cover .has-ast-global-color-1-background-color {
    transition: all 0.3s ease;
}

#salas-eventos .wp-block-cover:hover .has-ast-global-color-1-background-color {
    opacity: 0;
}

#salas-eventos .wp-block-cover .wp-block-cover__image-background {
    transition: all 0.3s ease;
}

#salas-eventos .wp-block-cover:hover .wp-block-cover__image-background {
    transform: scale(1.1);
}

#salas-eventos .wp-block-cover .wp-block-buttons {
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0s, opacity 0s;
}

#salas-eventos .wp-block-cover:hover .wp-block-buttons {
    -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s forwards;
    animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s forwards;
}

@-webkit-keyframes slide-in-bottom {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    100% {
        transform: translateY(-30px);
        opacity: 1;
    }
}

@keyframes slide-in-bottom {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    100% {
        transform: translateY(-30px);
        opacity: 1;
    }
}

#salas-eventos .wp-block-cover .has-text-align-center {
    transition: all 0.3s ease;
    margin-bottom: 1em;
    line-height: 1.3em;
}

#salas-eventos .wp-block-cover:hover .has-text-align-center {
    transform: translateY(-30px);
}

@media screen and (max-width:1290px) {
    #salas-eventos .wp-block-cover {
        min-height: 50vh !important;
    }

    #salas-eventos .wp-block-cover .has-ast-global-color-1-background-color {
        opacity: 0.3;
    }

    #salas-eventos .wp-block-cover .wp-block-buttons {
        transform: none;
        opacity: 1;
    }

    #salas-eventos .wp-block-column {
        margin: 0;
    }

    #salas-eventos .wp-block-columns {
        gap: 0;
    }
}

/*hotel*/
#enoturismo-visita-bodega .wp-block-button,
#alojamiento-rural .wp-block-button {
    min-width: 70%;
}

#enoturismo-visita-bodega .wp-block-button a.wp-block-button__link,
#alojamiento-rural .wp-block-button a.wp-block-button__link {
    width: 100%;
}

@media screen and (max-width:544px) {
    #alojamiento-rural h2 {
        font-size: 3em;
    }

    #hotel-footer > div {
        margin-bottom: 0;
    }
}

/*contacto*/
#contacto-mapa-form iframe {
    width: 100%;
    height: 100%;
}

/*header*/
span.wpml-ls-native {
    position: relative;
    top: 7px;
    display: flex;
    align-items: center;
    gap: 10px;
}

span.wpml-ls-native:before {
    content: "Language";
    position: absolute;
    left: 0;
    top: -17px;
    font-size: 10px;
    color: #757575;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

span.wpml-ls-native:after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Capa_1" x="0" y="0" style="enable-background:new 0 0 14 14" version="1.1" viewBox="0 0 14 14"><style>.st0{clip-path:url(%23SVGID_00000158751519843994765990000003081568340260428964_)}</style><defs><path id="SVGID_1_" d="M-1634-52H286v8341h-1920z"/></defs><clipPath id="SVGID_00000089566916324114510690000010602865551357884051_"><use xlink:href="%23SVGID_1_" style="overflow:visible"/></clipPath><g id="Enoturismo" style="clip-path:url(%23SVGID_00000089566916324114510690000010602865551357884051_)"><g id="Icon__x2F__24_px__x2F__ArrowCircleDown"><g id="Icon"><path id="Vector" d="M6.8 8.6c-.3.3-.3.8 0 1.1.3.3.8.3 1.1 0L6.8 8.6zM9.5 7l.5.5c.3-.3.3-.8 0-1.1l-.5.6zM7.9 4.3c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1l1.1-1.1zM4.5 6.2c-.4 0-.7.4-.7.8s.3.8.8.8V6.2zM7 1.8c2.9 0 5.2 2.4 5.2 5.2h1.5c0-3.7-3-6.8-6.8-6.8v1.6zM12.2 7c0 2.9-2.4 5.2-5.2 5.2v1.5c3.7 0 6.8-3 6.8-6.8h-1.6zM7 12.2c-2.9 0-5.2-2.4-5.2-5.2H.2c0 3.7 3 6.8 6.8 6.8v-1.6zM1.8 7c0-2.9 2.4-5.2 5.2-5.2V.2C3.3.2.2 3.2.2 7h1.6zm6.1 2.7L10 7.5l-1-1-2.2 2.1 1.1 1.1zM10 6.5 7.9 4.3 6.8 5.4 9 7.5l1-1zM4.5 7.8h5V6.2h-5v1.6z" style="fill:%23facfa9"/></g></g></g></svg>');
}

.ast-mobile-popup-inner ul#menu-idioma {
    font-size: 30px;
    padding: 20px;
}

.ast-mobile-popup-inner ul#menu-idioma .wpml-ls-menu-item a {
    display: flex;
    align-items: center;
    color: #FFF;
}

.ast-mobile-popup-inner span.wpml-ls-native:before {
    top: -24px;
    font-size: 13px;
}

/*footer*/
#footer-telefono {
    margin-bottom: -1em;
}

#footer-telefono em {
    color: #D3D3D3;
    font-size: 14px;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] h4 {
    font-size: 20px;
    color: #facfa9;
}

#made-with-love > svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    left: -1px;
}

@media screen and (min-width:1290px) {
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-footer-grid-columns {
        display: flex;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section-1 {
        min-width: 112px;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section-1 figure {
        margin: 0;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section-3 {
        min-width: 290px;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section-4 {
        min-width: 150px;
    }
}

@media screen and (min-width:544px) and (max-width:1290px) {
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-5-equal .ast-builder-grid-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section-1 {
        display: none !important;
    }
}

@media screen and (max-width:544px) {
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .wp-block-social-links {
        justify-content: center;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-stack .site-footer-section,
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section-2 img {
        margin-bottom: 40px;
    }
}

#contactar > div {
    width: 100%!important;
}
summary {
    font-size: 1.2em;
    font-weight: bold;
}