/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/*OPEN: ESTILOS HOME*/

/* banner slide*/
#section_banner_home .et_pb_slides {
    padding: 70px 85px;
    background-image: url("/wp-content/uploads/2019/11/greca-t-l.svg"), url("/wp-content/uploads/2019/11/greca-b-r.svg");
    background-size: 225px auto;
    background-position: left 30px top 30px, right 30px bottom 30px;
    background-repeat: no-repeat;
    background-color: #fff;
}

#section_banner_home .et_pb_slides .et_pb_slide {
    padding: 0;
}

#section_banner_home .slider-foto-info .et_pb_slide_description h2 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 48px;
    letter-spacing: 0.03em;
    margin-bottom: 20px;
}

#section_banner_home .slider-foto-info .et_pb_slide_description h2 span {
    color: #000;
    font-weight: 700;
}

#section_banner_home .slider-foto-info .et_pb_slide_description h2 strong {
    font-size: 60px;
    font-weight: 700;
    display: block;
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
}

#section_banner_home .slider-foto-info .et_pb_slide_description .fecha-evento,
#section_banner_home .slider-foto-info .et_pb_slide_description .hora-evento,
#section_banner_home .slider-foto-info .et_pb_slide_description .lugar-evento {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    letter-spacing: 0.05em;
}

#section_banner_home .slider-foto-info .et_pb_slide_description .lugar-evento em {
    font-style: normal;
    font-weight: 800;
}

#section_banner_home .slider-foto-info .et_pb_slide_description .lugar-evento strong {
    color: #c59721;
}

#section_banner_home .slider-foto-info .et_pb_slide_description .tipo-evento {
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
}

#section_banner_home .slider-foto-info .et_pb_slide_description .tipo-evento span {
    padding: 0 10px;
    color: #c59721;
}

#section_banner_home .slider-foto-info .et_pb_slide_description .et_pb_button:hover {
    background-color: #000 !important;
    color: #fff !important;
}

#section_banner_home .et-pb-controllers {
    bottom: 15px;
    text-align: left;
    padding-left: 30px;
}

#section_banner_home .et-pb-controllers a {
    border: 1px solid #c59721;
    background-color: rgba(197, 151, 33, 0);
    opacity: 1;
}

#section_banner_home .et-pb-controllers a.et-pb-active-control {
    border: 1px solid #c59721;
    background-color: rgba(197, 151, 33, 1);
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 768px) {
    /* ···················································································· 767px*/
    #section_banner_home .slider-foto-info .et_pb_slides {
        padding: 70px 30px;
    }

    #section_banner_home .slider-foto-info .et_pb_slide_description h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    #section_banner_home .slider-foto-info .et_pb_slide_description h2 strong {
        font-size: 40px;
    }

    #section_banner_home .slider-foto-info .et_pb_slide_description .fecha-evento,
    #section_banner_home .slider-foto-info .et_pb_slide_description .hora-evento,
    #section_banner_home .slider-foto-info .et_pb_slide_description .lugar-evento {
        font-size: 12px;
        padding-bottom: 12px;
        line-height: 17px;
    }

    #section_banner_home .slider-foto-info .et_pb_slide_description .tipo-evento {
        font-size: 10px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    #section_banner_home .et_pb_slides {
        padding: 25px 50px;
        background-size: 150px auto;
        background-position: left 15px top 15px, right 15px bottom 15px;
    }

    #section_banner_home .slider-foto-info .et_pb_slides {
        padding: 25px 40px;
    }

    #section_banner_home .slider-foto-info .et_pb_slide_image {
        display: block !important;
        width: 100%;
        margin-bottom: 20px;
    }

    #section_banner_home .slider-foto-info .et_pb_slide_description {
        width: 100%;
        padding-left: 0 !important;
        padding-bottom: 20px;
    }
}
/* fin banner slide */

/* origen */
.origen-cut {
    background-image: url("/wp-content/uploads/2019/11/bck-origen-top.svg"), url("/wp-content/uploads/2019/11/bck-origen-bottom.svg"), url("/wp-content/uploads/2019/11/bck-origen-middle.svg");
    background-position: center top, center bottom, center center;
    background-size: 1370px auto;
    max-width: 100% !important;
    background-repeat: repeat-x;
    display: flex;
}
.head-origen {
    display: inline-block;
    margin: 0 auto;
    padding: 20px 100px;
    background-image: url("/wp-content/uploads/2019/11/greca-t-l.svg"), url("/wp-content/uploads/2019/11/greca-b-r.svg");
    background-size: 170px auto;
    background-position: left top, right bottom;
    background-repeat: no-repeat;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 768px) {
    /* ···················································································· 768px*/
    .origen-cut {
        background-size: 780px auto;
    }

    #section-home-origen .et_pb_row.et_pb_row_2 {
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    .origen-cut {
        background-size: 105% auto;
    }

    .head-origen {
        padding: 10px 50px;
        background-size: 130px auto;
    }
}
/* fin origen */

/* tentación divina */
#home_tentacion {
    background-size: 650px auto !important;
}

#home_tentacion .text-tentacion {
    margin: 0 0 85px;
    width: 50%;
}

#home_tentacion .text-tentacion .autor-cita {
    min-width: 330px;
    margin-bottom: 11% !important;
}

#home_tentacion .text-tentacion .texto-cita {
    margin-left: -100px !important;
}

#home_tentacion .text-tentacion .texto-cita {
    margin-bottom: -85px !important;
}

#home_tentacion .text-tentacion h3 {
    padding-bottom: 40px;
}

#home_tentacion .text-tentacion a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    border: 1px solid #000;
    padding: 14px 40px;
    display: inline-block;
    margin-top: 20px;
}

#home_tentacion .text-tentacion a:hover {
    background-color: #000;
    color: #fff;
}

#home_tentacion .img-tentacion {
    width: 55%;
}

#home_tentacion .img-tentacion img {
    max-width: 105%;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 1024px) {
    /* ···················································································· 1024px*/
    #home_tentacion .text-tentacion .autor-cita {
        margin-bottom: 16% !important;
        margin-left: -40px !important;
    }

    #home_tentacion .img-tentacion {
        margin-left: -70px !important;
    }
}

@media only screen and (max-width: 768px) {
    /* ···················································································· 768px*/
    #home_tentacion .text-tentacion {
        width: 100%;
        margin: 0;
    }

    #home_tentacion .text-tentacion .autor-cita {
        margin-bottom: 22% !important;
        margin-left: -60px !important;
    }

    #home_tentacion .text-tentacion .texto-cita {
        margin-bottom: 0 !important;
        margin-left: -110px !important;
        padding-right: 0;
    }

    #home_tentacion .text-tentacion .texto-cita p {
        font-size: inherit;
        line-height: inherit;
    }

    #home_tentacion .img-tentacion {
        margin-left: 0px !important;
    }

    #home_tentacion .img-tentacion #containerBotellaNubes {
        margin-top: -20px;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    #home_tentacion .text-tentacion .autor-cita {
        margin-bottom: 39% !important;
        margin-left: -150px !important;
    }

    #home_tentacion .text-tentacion .texto-cita {
        margin-bottom: 0 !important;
        margin-left: -130px !important;
    }

    #home_tentacion .text-tentacion h3 {
        padding-bottom: 25px;
    }

    #home_tentacion .text-tentacion a {
        width: 90%;
        text-align: center;
    }

    #home_tentacion .img-tentacion {
        width: 100%;
    }
}
/* fin tentación divina */

/* slide visitas */
#home_visitas #servicios_slider .slick-dots {
    padding: 0;
}

#home_visitas .info-visita {
    background-image: url("/wp-content/uploads/2019/12/line-gold.svg");
    background-size: 1px auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#home_visitas .imagen-visita .sombra_img {
    background-image: url("/wp-content/uploads/2019/12/sombra-img-visitas-home.png"), url("/wp-content/uploads/2019/12/line-white.svg");
    background-size: auto 280px, 1px auto;
    background-position: center bottom, center top;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#home_visitas .info-visita form input.btn-info-visita {
    background-image: url("/wp-content/uploads/2019/11/greca-t-l.svg"), url("/wp-content/uploads/2019/12/greca-b-r-white.svg");
    background-size: 170px auto;
    background-position: left 25px top 25px, right 25px bottom 25px;
    background-repeat: no-repeat;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 767px) {
    /* ···················································································· 768px*/
    #home_visitas .info-visita form input.btn-info-visita {
        background-size: 150px auto;
        background-position: left 15px top 15px, right 15px bottom 15px;
    }

    #home_visitas .slick-dots li {
        margin: 0;
    }

    #home_visitas .slick-dots {
        bottom: 0;
    }
}
/* fin slide visitas */

/*CLOSE: ESTILOS HOME*/

/* ··············OPEN: FICHA VINO ···························· */

/* para el movimiento de la botella flotante en diagonal,
hay que añadir la clase "foto-vino-ficha" a la columna que contiene la imagen
y quitarle a la imagen la imagen de sombra que tiene de background ----- */

/* ----- botella vino movimiento ----- */
@keyframes float {
    0% {
        transform: translatey(0px) rotate(10deg);
        -webkit-transform: translatey(0px) rotate(10deg);
        -moz-transform: translatey(0px) rotate(10deg);
    }
    50% {
        transform: translatey(-30px) rotate(12deg);
        -webkit-transform: translatey(-30px) rotate(12deg);
        -moz-transform: translatey(-30px) rotate(12deg);
    }
    100% {
        transform: translatey(0px) rotate(10deg);
        -webkit-transform: translatey(0px) rotate(10deg);
        -moz-transform: translatey(0px) rotate(10deg);
    }
}

@keyframes floatsombra {
    0% {
        transform: translatex(-30px);
        -webkit-transform: translatex(-30px);
        -moz-transform: translatex(-30px);
        opacity: 1;
    }
    50% {
        transform: translatex(-70px);
        -webkit-transform: translatex(-70px);
        -moz-transform: translatex(-70px);
        opacity: 0.4;
    }
    100% {
        transform: translatex(-30px);
        -webkit-transform: translatex(-30px);
        -moz-transform: translatex(-30px);
        opacity: 1;
    }
}

.foto-vino-ficha .et_pb_image_wrap img {
    transform: translatey(0px);
    -moz-transform: translatey(0px);
    -webkit-transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    -moz-animation: float 6s ease-in-out infinite;
    -webkit-animation: float 6s ease-in-out infinite;
}

.foto-vino-ficha .et_pb_image_wrap::after {
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/11/sombra_suelo.png");
    background-size: 100%;
    animation: floatsombra 6s ease-in-out infinite;
    -moz-animation: floatsombra 6s ease-in-out infinite;
    -webkit-animation: floatsombra 6s ease-in-out infinite;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: inherit;
}
/* fin botella vino movimiento */

/* ----- nombre vino ----- */
.wine-name {
    background-size: auto 95px;
    display: inline-block;
}

.wine-name strong {
    display: block;
    font-size: 21px;
    font-weight: 400;
    padding-top: 3px;
}
/* ----- fin nombre vino ----- */

/* ----- tabla vinos ----- */
dl.productView-info {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

dl.productView-info dt,
dl.productView-info dd {
    padding: 7px 0;
}

dt.productView-info-name {
    position: relative;
    width: 170px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 2px;
}

dt.productView-info-name::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 1px;
    background: #c59721;
    right: -15px;
    top: 21px;
}

dd.productView-info-value {
    width: calc(100% - 220px);
    margin: 0 0 0 40px;
    padding: 0;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.03em;
    line-height: 21px;
    padding-top: 9px !important;
}

dl.productView-info dd br {
    margin-bottom: 5px;
}
/* fin tabla vinos */

/* wine card ficha cata */
.cont-wine-card {
    background-size: 650px auto !important;
}

.wine-card {
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/11/greca-t-r.svg"), url("/wp-content/uploads/2019/11/greca-b-l.svg");
    background-position: right 30px top 30px, left 30px bottom 30px;
    background-size: 180px auto;
}
/* fin wine card ficha cata*/

/* ----- cita dios ----- */
.cita-ficha-vino > .et_pb_column {
    display: flex;
    align-items: flex-end;
}

.cita-ficha-vino .autor-cita {
    transform: rotate(-90deg);
    min-width: 240px;
    /* min-height: 190px; Así estaba al principio y lo cambié a 20px*/
    min-height: 20px;
    line-height: 20px;
    background-size: 21px auto !important;
    display: flex;
    align-items: end;
    margin-bottom: 10% !important;
    margin-left: 0 !important;
    background-position: bottom 0px right 0.5px;
}

.cita-ficha-vino .texto-cita {
    background-size: auto 125px !important;
    background-position: 10px top !important;
    margin-left: -60px !important;
}
/* fin cita dios */

/* ----- fotos unboxing ----- */
.img-box-ficha {
    height: 100%;
}

.img-box-ficha span {
    height: 100%;
}

.img-box-ficha span img {
    object-fit: cover;
    height: 100%;
}
/* fin fotos unboxing */

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 1024px) {
    /* ···················································································· 1024px*/
    .cita-ficha-vino .autor-cita {
        margin-bottom: 11% !important;
    }

    .cita-ficha-vino .texto-cita {
        margin-left: -70px !important;
    }
}

@media only screen and (max-width: 768px) {
    /* ···················································································· 768px*/
    .foto-vino-ficha {
        margin-bottom: -80px;
    }

    .cont-wine-card {
        background-size: 650px auto !important;
        margin-top: 150px !important;
    }

    .cita-ficha-vino .autor-cita {
        margin-bottom: 15% !important;
        margin-left: 0px !important;
    }

    .cita-ficha-vino .texto-cita {
        margin-left: -70px !important;
        padding-right: 70px;
    }

    .cita-ficha-vino .texto-cita p {
        font-size: 32px;
        line-height: 42px;
    }

    .row-fotos-unboxing {
        display: flex;
        flex-wrap: wrap;
    }

    .unboxing-uno {
        order: 2;
        float: left;
        width: calc(50% - 15px);
        margin-right: 15px;
    }

    .unboxing-dos {
        order: 1;
    }

    .unboxing-tres {
        float: left;
        width: calc(50% - 15px);
        order: 3;
        margin-bottom: 30px !important;
        margin-left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    .foto-vino-ficha {
        margin-bottom: 40px;
    }

    dt.productView-info-name {
        width: 140px;
        font-size: 12px;
        letter-spacing: 1px;
    }

    dt.productView-info-name::after {
        width: 45px;
        right: 0;
    }

    dd.productView-info-value {
        width: calc(100% - 160px);
        margin: 0 0 0 20px;
        font-size: 15px;
        line-height: 21px;
        padding-top: 10px !important;
    }

    .btn-comprar-ficha {
        width: 100%;
    }

    .cont-wine-card {
        margin-top: 80px !important;
    }

    .wine-card {
        background-position: right 15px top 15px, left 15px bottom 15px;
        background-size: 150px auto;
    }

    .btn-ficha-pdf-vino {
        width: 100%;
    }

    .cita-ficha-vino .autor-cita {
        margin-bottom: 27% !important;
        margin-left: -90px !important;
    }

    .cita-ficha-vino .texto-cita {
        margin-left: -85px !important;
        padding-right: 20px;
    }

    .cita-ficha-vino .texto-cita p {
        font-size: 24px;
        line-height: 36px;
    }

    .unboxing-uno {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px !important;
    }

    .unboxing-dos {
        margin-bottom: 15px !important;
    }

    .unboxing-tres {
        width: 100%;
        margin-bottom: 15px !important;
        margin-left: 0;
    }
}

/* CLOSE: FICHA VINO ···························· */

/* ··············OPEN: LISTADO VINOS ···························· */

/* ----- redimensionado listado 3 col - 2 col - 1 col */
#wine-list .wine-item,
#wine-list .wine-composition {
    margin: 0 !important;
    display: inline-block;
}

#wine-list .wine-item {
    width: 33% !important;
}

#wine-list .wine-composition {
    width: 66% !important;
    vertical-align: top;
}

@media only screen and (max-width: 980px) {
    #wine-list .wine-item {
        width: 49.6% !important;
    }
    #wine-list .wine-composition {
        width: 100% !important;
    }
}

@media only screen and (max-width: 479px) {
    #wine-list .wine-item,
    #wine-list .wine-composition {
        width: 100% !important;
    }
}

/* fin redimensionado listado 3 col - 2 col - 1 col */

/* ----- background vino hover */
#wine-list .wine-item::after {
    background-size: 115%;
    background-position: center 2%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: inherit;
    opacity: 0;
}

#wine-list .wine-item:hover::after {
    opacity: 0.3;
}

#wine-list .wine-item.wine-type-1::after {
    background-image: url("/wp-content/uploads/2019/11/copa.svg");
}
/* fin background vino hover */

/* ----- botella y sombra hover */
#wine-list .wine-item .et_pb_image_wrap {
    display: flex;
    height: 610px;
    align-items: center;
}

#wine-list .wine-item .et_pb_image_wrap img {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 0 3%;
    background-image: url("/wp-content/uploads/2019/11/sombra_botella.png");
    background-size: 97% auto;
    background-position: 0;
}

#wine-list .wine-item.sombra-2 .et_pb_image_wrap img {
    background-image: url("/wp-content/uploads/2019/11/sombra_botella_borgona.png");
}

#wine-list .wine-item:hover .et_pb_image_wrap img {
    padding: 0;
    background-size: 94% auto;
}

#wine-list .wine-item h2,
#wine-list .wine-item h3,
#wine-list .wine-item h4,
#wine-list .wine-item .et_pb_button {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0.15;
}

#wine-list .wine-item:hover h2,
#wine-list .wine-item:hover h3,
#wine-list .wine-item:hover h4,
#wine-list .wine-item:hover .et_pb_button {
    opacity: 1;
}
/* fin botella y sombra hover */

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    #wine-list .wine-item .et_pb_image_wrap {
        height: 450px;
    }

    #wine-list .wine-item .et_pb_image_wrap img {
        max-width: 80%;
        margin: 0 10%;
        padding: 0;
        background-size: 94% auto;
    }

    #wine-list .wine-item h3,
    #wine-list .wine-item h4,
    #wine-list .wine-item h2 {
        padding: 0;
        opacity: 1;
    }

    #wine-list .wine-item h2 {
        margin-bottom: 10px;
    }

    #wine-list .wine-item h4 {
        margin-top: 15px;
        font-size: 12px;
    }

    #wine-list .wine-item .et_pb_button {
        opacity: 1;
    }
}

/* CLOSE: LISTADO VINOS ···························· */

/* ··············OPEN: AVISO LEGAL ···························· */

#section-legal {
    background-size: 650px auto !important;
    background-position: top 270px center, bottom 300px center;
    background-image: url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg), url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg);
    background-repeat: repeat-x;
}

#section-legal .row-cont-legal {
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/11/greca-t-r.svg"), url("/wp-content/uploads/2019/11/greca-b-l.svg");
    background-position: right 30px top 30px, left 30px bottom 30px;
    background-size: 180px auto;
}

#section-legal .row-cont-legal h1 strong {
    font-weight: 800;
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-size: 60px;
    color: #c59721;
}

#section-legal .row-cont-legal h2 {
    margin: 50px 0 5px;
}

#section-legal .row-cont-legal h3 {
    margin: 20px 0 0;
}

#section-legal .row-cont-legal p strong {
    font-weight: 500;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    #section-legal .row-cont-legal {
        background-position: right 15px top 15px, left 15px bottom 15px;
        background-size: 140px auto;
    }

    #section-legal .row-cont-legal h1 {
        margin-bottom: 10px;
    }

    #section-legal .row-cont-legal h1 strong {
        font-size: 40px;
    }
}

/* CLOSE: AVISO LEGAL ···························· */

/* ··············OPEN: CONTACTO ···························· */

/* titulo contacto */
#section-contacto .row-title-contacto {
    background-image: url("/wp-content/uploads/2019/11/greca-t-r.svg");
    background-size: 180px auto;
    background-position: top 30px right 30px;
}

#section-contacto .row-title-contacto h1 strong {
    font-weight: 800;
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-size: 60px;
    color: #c59721;
}
/* fin titulo contacto */

/* section formulario contacto */
#section-contacto .row-form-contacto {
    background-image: url("/wp-content/uploads/2019/11/greca-b-l.svg");
    background-size: 180px auto;
    background-position: bottom 30px left 30px;
}

/* info contacto */
.row-form-contacto ul {
    padding: 0;
    list-style: none;
}

.row-form-contacto ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2em;
    padding-bottom: 0.8em;
}

.row-form-contacto ul li:last-child {
    padding-bottom: 0;
}

.row-form-contacto ul li strong {
    display: inline-block;
    font-size: 18px;
    font-weight: 800;
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: 260px auto;
    -webkit-text-fill-color: transparent;
    background-position: center;
    color: #c59721;
    margin-right: 10px;
}

.row-form-contacto ul li em {
    display: inline-block;
    padding-bottom: 3px;
    font-weight: 500;
    font-style: normal;
}
/* fin info contacto */

/* formulario contacto */
.row-form-contacto *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #999 !important;
    text-transform: uppercase;
    font-weight: 400;
    opacity: 1;
    letter-spacing: 2px;
    font-size: 13px;
}

.row-form-contacto *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #999 !important;
    text-transform: uppercase;
    font-weight: 400;
    opacity: 1;
    letter-spacing: 2px;
    font-size: 13px;
}

.row-form-contacto *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #999 !important;
    text-transform: uppercase;
    font-weight: 400;
    opacity: 1;
    letter-spacing: 2px;
    font-size: 13px;
}

.row-form-contacto *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #999 !important;
    text-transform: uppercase;
    font-weight: 400;
    opacity: 1;
    letter-spacing: 2px;
    font-size: 13px;
}

/* mensajes error */
.row-form-contacto .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 0;
    border: none;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #c59721;
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: 260px auto;
    -webkit-text-fill-color: transparent;
    background-position: center;
}

.row-form-contacto .wpcf7-not-valid-tip,
.row-form-contacto .wpcf7-validation-errors,
.row-form-contacto .wpcf7-acceptance-missing {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 10px 15px;
    margin: 5px 0 0;
    background-color: #b54b64;
    font-weight: 600;
    width: 100%;
    text-align: center;
    line-height: normal;
    letter-spacing: 0.03em;
    text-transform: initial;
    background-image: inherit;
    -webkit-text-fill-color: inherit;
    -webkit-background-clip: inherit;
}
/* fin mensajes error */

.row-form-contacto .contacto-input-wrapper {
    margin-bottom: 30px;
}

.row-form-contacto .contacto-input,
.row-form-contacto .contacto-textarea {
    width: 100%;
    height: 50px;
    border: 0.5px solid #aaa;
    font-family: "Raleway", sans-serif;
    padding: 15px;
    font-size: 14px;
    color: #000;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.row-form-contacto .contacto-textarea {
    height: 100px;
}

.row-form-contacto .contacto-input:hover, /* Cambia el borde de los input a dorado */
.row-form-contacto .contacto-textarea:hover {
    border: 0.5px solid #c59721;
}

.row-form-contacto .contacto-input:focus, /* Cambia el borde de los input a dorado */
.row-form-contacto .contacto-textarea:focus {
    border: 0.5px solid #c59721;
    color: #c59721;
}

.row-form-contacto .contacto-capa-acceptance-submit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row-form-contacto .contacto-capa-acceptance-submit span {
    margin: 0;
}

.row-form-contacto .contacto-capa-acceptance-submit .wpcf7-list-item-label {
    font-weight: 400;
    font-size: 13px;
    font-style: italic;
    display: inline-block;
    margin-left: 8px;
    color: #333;
}

.row-form-contacto .contacto-capa-acceptance-submit a {
    /* Enlace a la política de privacidad */
    color: #000;
    font-weight: 600;
    transition: all, 0.3s;
}

.row-form-contacto .contacto-capa-acceptance-submit a:hover {
    color: #c59721;
}

.row-form-contacto .btn-contacto-enviar {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    border: 1px solid #000;
    padding: 14px 40px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0, 0, 0, 0);
    color: #000;
}

.row-form-contacto .btn-contacto-enviar:hover {
    color: #fff;
    background-color: #000;
}

.row-form-contacto .btn-contacto-enviar:disabled,
.row-form-contacto .btn-contacto-enviar:disabled:hover {
    opacity: 0.1;
    background-color: rgba(0, 0, 0, 0);
    color: #000;
}

.ajax-loader {
    display: none !important;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 768px) {
    /* ···················································································· 768px */
    #section-contacto .row-form-contacto {
        display: flex;
        flex-wrap: wrap;
        flex-flow: column-reverse;
        margin-bottom: ;
    }

    .row-form-contacto .contacto-info {
        width: 50%;
        float: left;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px */
    #section-contacto .row-title-contacto {
        background-size: 150px auto;
        background-position: top 15px right 15px;
    }

    #section-contacto .row-form-contacto {
        background-size: 150px auto;
        background-position: bottom 15px left 15px;
    }

    #section-contacto .row-title-contacto h1 strong {
        font-size: 36px;
    }

    .row-form-contacto .contacto-info {
        width: 100%;
    }

    .row-form-contacto .contacto-capa-acceptance-submit {
        flex-wrap: wrap;
    }

    .row-form-contacto .btn-contacto-enviar {
        width: 100%;
        margin-top: 30px;
    }
}

/* CLOSE: CONTACTO ···························· */

/* ··············OPEN: QUÉ ES ···························· */

/* section culto de ontañon */
.que-es__section-1 {
    position: relative;
}

.que-es-bloque-1 {
    align-items: center;
    display: flex;
    position: relative;
    z-index: 1;
}

.que-es-bloque-1 h1 strong {
    font-weight: 800;
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-size: 60px;
    display: block;
    line-height: 60px;
    color: #c59721;
}

.cita-ficha-vino.cita-que-es {
    position: relative;
    z-index: 0;
}

.cita-ficha-vino.cita-que-es .autor-cita {
    margin-left: 110px !important;
}

.cita-ficha-vino.cita-que-es .texto-cita {
    margin-left: -80px !important;
}
/* fin section culto de ontaño */

/* section familia */
.quees__section-1__titulo-parallax,
.quees__section-1__parrafo-parallax {
    background-size: 170px auto;
    background-repeat: no-repeat;
}

.quees__section-1__titulo-parallax {
    background-image: url(/wp-content/uploads/2019/12/greca-t-l-white.svg);
    background-position: left top;
}

.quees__section-1__parrafo-parallax {
    background-image: url(/wp-content/uploads/2019/12/greca-b-r-white.svg);
    background-position: right bottom;
}

#section-que-es-familia h2 {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    display: inline-block;
}
/* fin section familia */

/* section enlaces arte ecología */
#section-que-es-enlaces {
    background-size: 650px auto !important;
}

.row-que-enlaces {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.row-que-enlaces:last-child {
    flex-flow: row-reverse;
    text-align: right;
}

.row-que-enlaces .et_pb_column {
    width: 50%;
    margin: 0;
    padding: 0 25px;
}

.row-que-enlaces h3 strong {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-weight: 800;
    color: #c59721;
}

.row-que-enlaces:last-child .et_pb_text {
    text-align: right;
}
/* fin section enlaces arte ecología */

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 768px) {
    /* ···················································································· 768px*/
    .que-es-bloque-1 {
        align-items: top;
    }

    .que-es-bloque-1 h1 strong {
        font-size: 42px;
        line-height: 40px;
    }

    .que-es-bloque-1 .et_pb_image img {
        max-width: 110%;
        margin-top: 40px;
    }

    .cita-ficha-vino.cita-que-es .autor-cita {
        margin-left: 10px !important;
        margin-bottom: 21% !important;
        min-width: 300px;
    }

    .cita-ficha-vino.cita-que-es .texto-cita {
        margin-left: -110px !important;
    }

    #section-que-es-familia .origen-cut {
        align-items: center;
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    .que-es-bloque-1 {
        flex-wrap: wrap;
        flex-flow: column-reverse;
    }

    .que-es-bloque-1 .et_pb_image img {
        max-width: 100%;
        margin: 0;
    }

    .cita-ficha-vino.cita-que-es .autor-cita {
        margin-left: -50px !important;
        margin-bottom: 30% !important;
        min-width: 260px;
    }

    .cita-ficha-vino.cita-que-es .texto-cita {
        margin-left: -105px !important;
        line-height: 24px;
    }

    .quees__section-1__titulo-parallax,
    .quees__section-1__parrafo-parallax {
        background-size: 150px auto;
    }

    .row-que-enlaces:last-child {
        flex-flow: inherit;
        text-align: center;
        flex-wrap: wrap;
    }

    .row-que-enlaces:last-child .et_pb_text {
        text-align: center;
    }
}

/* CLOSE: QUÉ ES ···························· */

/* ··············OPEN: ES ECOLOGÍA ···························· */

/* section culto ontañon ecología */
#section-ecologia-ecologia .et_pb_column {
    margin: 0;
    width: 50%;
    background-position: left 25px top 25px;
    background-size: 170px;
}

#section-ecologia-ecologia h1 strong {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-weight: 800;
    color: #c59721;
}

#section-ecologia-ecologia .et_pb_column:last-child {
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/12/greca-b-r-white.svg"), url("/wp-content/uploads/2020/01/ontanon-es-ecologia.jpg");
    background-position: right 30px bottom 30px, center;
    background-size: 170px auto, cover;
}
/* fin section culto ontañon ecología */

/* section 100% ECO + sostenible */
#section-100-sostenible {
    background-size: 650px auto !important;
    background-position: top 270px center, bottom 300px center;
    background-image: url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg), url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg);
    background-repeat: repeat-x;
}

#row-100-eco h2 strong {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-weight: 800;
    color: #c59721;
    font-size: 80px;
}

#row-sostenible h2 strong {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-weight: 800;
    color: #c59721;
}

#row-sostenible ol {
    list-style: upper-roman;
}

#row-sostenible ol li {
    margin-bottom: 20px;
    padding-left: 5px;
}

#row-sostenible ol li::marker {
    font-family: "Times New Roman", Times, serif;
    list-style: upper-roman;
    font-size: 30px;
    text-align: end;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
}

#row-sostenible ol li strong {
    font-weight: 500;
}

.cita-ecologia-familia .autor-cita {
    min-width: 320px;
    margin-left: 80px !important;
    margin-bottom: 13% !important;
}

.cita-ecologia-familia .texto-cita {
    margin-left: -110px !important;
}
/* fin section 100% ECO + sostenible */

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 768px) {
    /* ···················································································· 768px*/
    #section-ecologia-ecologia .et_pb_column {
        width: 100%;
    }

    #section-ecologia-ecologia .et_pb_column:last-child {
        min-height: 400px;
        display: block;
    }

    .cita-ecologia-familia .texto-cita p {
        font-size: 27px;
        line-height: 36px;
    }

    .cita-ecologia-familia .autor-cita {
        margin-bottom: 27% !important;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    #section-ecologia-ecologia .et_pb_column {
        background-position: left 15px top 15px;
        background-size: 150px;
    }

    #section-ecologia-ecologia .et_pb_column:last-child {
        background-position: right 15px bottom 15px, center;
        background-size: 150px auto, cover;
        min-height: 300px;
    }

    #row-100-eco h2 strong {
        display: block;
        margin-bottom: 10px;
    }

    #section-100-sostenible {
        background-position: top 700px center, bottom 300px center;
    }

    .cita-ecologia-familia .autor-cita {
        margin-bottom: 39% !important;
        margin-left: -150px !important;
        min-width: 330px;
    }

    .cita-ecologia-familia .texto-cita {
        margin-left: -125px !important;
    }

    .cita-ecologia-familia .texto-cita p {
        font-size: 18px;
        line-height: 24px;
    }
}

/* CLOSE: ES ECOLOGÍA ···························· */

/* ··············OPEN: ES ARTE ···························· */

/* textura dorada strong página es arte */
#section-arte-video h1 strong,
#section-vino-inspiracion h2 strong,
.section-jueves-flamencos h3 strong,
#section-arte-mitologia h3 strong {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-weight: 800;
    color: #c59721;
}
/*  fin textura dorada strong página es arte */

/* section video */
#section-arte-video .row-video-arte {
    background-image: url("/wp-content/uploads/2019/11/bck-origen-bottom.svg");
    background-position: center bottom;
    background-size: 1370px auto;
    max-width: 100% !important;
    background-repeat: repeat-x;
    bottom: -1px;
}
/* fin section video */

/* section mitología en ontañón */
#section-arte-mitologia {
    background-image: url(/wp-content/uploads/2019/11/bck-origen-top.svg), url(/wp-content/uploads/2020/01/es_arte_mitologia_en_ontanon_fondo.jpg);
    background-position: left top, left top;
    background-size: 1370px, cover;
    max-width: 100% !important;
    background-repeat: repeat-x, no-repeat;
}

#row-galeria-arte {
    display: flex;
}

.col-galeria-izq {
    width: 50% !important;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
}

#row-galeria-arte .et_pb_image {
    margin: 10px !important;
    border: 3px solid #ffffff;
    width: calc(50% - 20px) !important;
    float: left;
    max-height: 400px;
}

#row-galeria-arte .et_pb_image_wrap {
    height: 100%;
}

#row-galeria-arte .et_pb_image_wrap img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#row-galeria-arte .col-galeria-izq .et_pb_image_4 {
    width: calc(100% - 20px) !important;
}

.col-galeria-dcha {
    width: 50% !important;
    margin: 0 !important;
    display: flex;
}
/* fin section mitología en ontañón */

/* section jueves flamenco */
#section-ecologia-ecologia.section-jueves-flamencos .et_pb_column:last-child {
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/12/greca-b-r-white.svg"), url("/wp-content/uploads/2020/01/bck-jueves-flamenco.jpg");
    background-position: right 30px bottom 30px, center;
    background-size: 170px auto, cover;
}
/* fin jueves flamencos */

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 768px) {
    /* ···················································································· 768px*/
    #section-arte-video .row-video-arte {
        display: flex;
    }

    #section-arte-video .row-video-arte {
        background-size: 780px auto;
    }

    #section-arte-mitologia {
        background-size: 780px auto, cover;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    #section-arte-video .row-video-arte {
        display: flex;
    }

    #section-arte-video .row-video-arte {
        background-size: 105% auto;
    }

    #section-arte-mitologia {
        background-size: 106% auto, cover;
    }

    #row-galeria-arte {
        flex-wrap: wrap;
    }

    .col-galeria-izq,
    .col-galeria-dcha {
        width: 100% !important;
    }

    #row-galeria-arte .et_pb_image {
        margin: 5px !important;
        border: 2px solid #ffffff;
        width: calc(50% - 10px) !important;
    }

    #row-galeria-arte .col-galeria-izq .et_pb_image_4 {
        width: calc(100% - 10px) !important;
    }
}

/* CLOSE: ES ARTE ···························· */

/* ··············OPEN: OBRAS MUSEO ONTAÑÓN ···························· */

/* textura dorada strong página es arte */
#section-galeria {
    background-size: 650px auto !important;
    background-position: top 270px center, bottom 300px center;
    background-image: url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg), url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg);
    background-repeat: repeat-x;
}

#section-galeria #custom_html-3 {
    margin-bottom: 20px;
}

#section-galeria #custom_html-3 h1 strong {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-weight: 800;
    color: #c59721;
}

#section-galeria #menu-menu-museo li a {
    font-weight: 400;
}

#section-galeria #menu-menu-museo li a:hover {
    color: #c59721 !important;
}
/*  fin textura dorada strong página es arte */

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 768px) {
    /* ···················································································· 768px*/
    #section-galeria #custom_html-3,
    #section-galeria #nav_menu-2 {
        width: 100%;
    }

    #section-galeria #menu-menu-museo li {
        display: inline-block;
        margin-right: 40px;
        margin-bottom: 0;
    }

    #section-galeria #menu-menu-museo li:last-child {
        margin-right: 0;
    }

    #section-galeria #nav_menu-2 {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    #section-galeria #menu-menu-museo li {
        margin-right: 20px;
    }

    #section-galeria #menu-menu-museo li a {
        font-size: 14px;
    }
}

/* CLOSE: OBRAS MUSEO ONTAÑÓN ···························· */

/* ··············OPEN: BREADCRUMBS ···························· */
#breadcrumb span {
    /* Para aclarar las barras separadoras | */
    color: #ccc;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 300;
    line-height: 11px;
}

#breadcrumb a {
    /* Enlaces de las migas */
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
    transition: all, 0.3s;
    font-weight: 500;
    margin-left: 5px;
    margin-right: 5px;
}

#breadcrumb a:hover {
    color: #c59721;
}

#breadcrumb span .breadcrumb_last {
    /* Última miga que no es enlace */
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 800;
    margin-left: 5px; /* Separación con la barra | */
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 1024px) {
    /* ···················································································· 1024px*/
    /* #breadcrumb {
        padding-left: 25px !important;
    } */
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px*/
    /* #breadcrumb {
        padding-left: 13px !important;
    } */

    #breadcrumb span {
        font-size: 9px;
    }

    #breadcrumb a {
        font-size: 8px;
        margin-left: 2px;
        margin-right: 2px;
    }

    #breadcrumb span .breadcrumb_last {
        font-size: 8px;
        font-weight: 700;
        margin-left: 2px;
    }
}

/* CLOSE: BREADCRUMBS ···························· */

/* ··············OPEN: GALERÍA DE OBRAS ···························· */
.galeria-de-obras__obras-y-menu {
    /* Contenedor para las obras y el menú */
    display: flex;
    flex-wrap: wrap-reverse; /* Colapsa las capas hacia arriba */
}
/* CLOSE: GALERÍA DE OBRAS ···························· */

/* ··············OPEN: ESPACIOS ···························· */

#section-all-espacios {
    background-size: 650px auto !important;
    background-position: top 270px center, bottom 300px center;
    background-image: url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg), url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg);
    background-repeat: repeat-x;
}

#row-tu-evento h1 strong {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-weight: 800;
    color: #c59721;
}

.bloque-espacio {
    display: flex;
    background-color: #fff;
    flex-flow: row-reverse;
}

.col-info-espacio {
    width: 50%;
    padding: 80px 55px 70px;
    text-align: center;
}

.col-info-espacio h2 {
    font-family: "Raleway", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 27px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.col-info-espacio div {
    font-weight: 300;
    letter-spacing: 0.03em;
    padding-bottom: 10px;
}

.col-info-espacio .btn-espacio {
    color: #000000;
    border: 1px solid #000000;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 1.7em;
    font-weight: 600;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    padding: 14px 40px;
    display: inline-block;
    margin-top: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.col-info-espacio .btn-espacio:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 1);
}

.col-img-espacio {
    background-size: cover;
    background-position: center;
    width: 50%;
}

/* imagenes fondo espacios */
.col-img-espacio.img-olivos {
    background-image: url(/wp-content/uploads/2020/01/espacios-patio-olivos.jpg);
}

.col-img-espacio.img-sacristia {
    background-image: url(/wp-content/uploads/2020/01/espacios-sacristia.jpg);
}

.col-img-espacio.img-cueva {
    background-image: url(/wp-content/uploads/2020/01/espacios-cueva.jpg);
}

.col-img-espacio.img-camara {
    background-image: url(/wp-content/uploads/2020/01/espacios-camara.jpg);
}

.col-img-espacio.img-sala-barricas {
    background-image: url(/wp-content/uploads/2020/01/espacios-sala-barricas.jpg);
}

.col-img-espacio.img-capilla {
    background-image: url(/wp-content/uploads/2020/01/espacios-capilla.jpg);
}

.col-img-espacio.img-central {
    background-image: url(/wp-content/uploads/2020/01/espacios-central.jpg);
}

.col-img-espacio.img-altar {
    background-image: url(/wp-content/uploads/2020/01/espacios-altar.jpg);
}

.col-img-espacio.img-comedor-dioniso {
    background-image: url(/wp-content/uploads/2020/01/espacios-comedor-dioniso.jpg);
}
/* fin imagenes fondo espacios */

/* section 3 bloques tipo masonry */
.bloque-tipo-2 {
    display: flex;
}

.bloque-espacio-izq {
    width: calc(50% - 10px);
    margin-right: 10px;
}

.bloque-espacio-izq .bloque-espacio {
    margin-bottom: 20px;
    flex-flow: initial;
}
.bloque-espacio-izq .bloque-espacio:last-child {
    margin: 0;
    flex-flow: row-reverse;
}
.bloque-espacio-izq .bloque-espacio .col-info-espacio {
    padding: 50px 30px 40px;
}
.bloque-espacio-dcha {
    width: calc(50% - 10px);
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}
.bloque-espacio-dcha .col-info-espacio {
    width: 100%;
    height: 50%;
    padding: 0 55px;
    display: flex;
    align-items: center;
}
.bloque-espacio-dcha .col-img-espacio {
    width: 100%;
    height: 50%;
}
/* fin section 3 bloques tipo masonry */

/* section 3 columnas */
#section-capilla .bloque-tipo-3 {
    display: flex;
}

#section-capilla .bloque-tipo-3 .bloque-espacio {
    display: flex;
    flex-wrap: wrap;
    margin-right: 20px !important;
    width: calc((100% - 40px) / 3) !important;
}

#section-capilla .bloque-tipo-3 .bloque-espacio:last-child {
    margin-right: 0 !important;
}

#section-capilla .bloque-tipo-3 .bloque-espacio .col-info-espacio {
    width: 100%;
    padding: 50px 30px 40px;
}

#section-capilla .bloque-tipo-3 .bloque-espacio .col-img-espacio {
    width: 100%;
    min-height: 250px;
}
/* fin section 3 columnas */

#section-comedor-dioniso .bloque-espacio {
    flex-flow: initial;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 768px) {
    /* ···················································································· 768px */
    .bloque-tipo-2 {
        display: initial;
    }

    .bloque-espacio-izq {
        width: 100%;
        margin-right: 0;
        display: flex;
    }

    .bloque-espacio-izq .bloque-espacio {
        flex-wrap: wrap;
        width: 50%;
        margin-right: 20px;
    }

    .bloque-espacio-izq .bloque-espacio .col-img-espacio {
        width: 100%;
        min-height: 250px;
    }

    .bloque-espacio-izq .bloque-espacio .col-info-espacio {
        width: 100%;
    }

    .bloque-espacio-izq .bloque-espacio:last-child {
        flex-flow: initial;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .bloque-espacio-dcha {
        width: 100%;
        margin-left: 0;
        display: flex;
        flex-wrap: inherit;
    }

    .bloque-espacio-dcha .col-img-espacio {
        width: 50%;
        height: inherit;
    }

    .bloque-espacio-dcha .col-info-espacio {
        width: 50%;
        height: auto;
        padding: 80px 55px 70px;
    }
}
@media only screen and (max-width: 767px) {
    /* ···················································································· 767px */
    .et_pb_text_1 h1 {
        font-size: 42px;
    }

    .bloque-espacio {
        flex-flow: initial;
        flex-wrap: wrap;
    }

    .col-img-espacio {
        width: 100%;
        min-height: 200px;
    }

    .col-info-espacio {
        width: 100%;
        padding: 50px 30px 40px;
        text-align: center;
    }

    #section-comedor-dioniso .bloque-espacio {
        flex-wrap: wrap;
    }

    .col-info-espacio {
        width: 100%;
        padding: 40px 20px 30px;
        text-align: center;
    }

    .col-info-espacio h2 {
        font-size: 24px;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    .col-info-espacio div {
        line-height: 24px;
    }

    .col-info-espacio .btn-espacio {
        margin-top: 15px;
    }

    #section-sacristia .bloque-espacio,
    #section-capilla .bloque-espacio {
        margin-bottom: 20px;
    }

    #section-sacristia .bloque-espacio:last-child,
    #section-capilla .bloque-espacio:last-child {
        margin-bottom: 0;
    }
}

/* CLOSE: ESPACIOS ···························· */

/* ··············OPEN: FICHA ESPACIO ···························· */

.ficha-espacio-ornamentos {
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/12/greca-t-l-white.svg"), url("/wp-content/uploads/2019/12/greca-b-r-white.svg");
    background-position: left 30px top 30px, right 30px bottom 30px;
    background-size: 180px auto;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

#section-ficha-espacio h1 strong {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
    font-weight: 800;
    color: #c59721;
}

.capacidad-espacio ul,
.servicios-espacio ul {
    list-style: none;
    padding: 0;
}

.capacidad-espacio ul li,
.servicios-espacio ul li {
    background-image: url(/wp-content/uploads/2020/01/guion-lista.svg);
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 20px;
    margin-bottom: 12px;
}

.servicios-espacio ul li {
    width: 50%;
    float: left;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 1024px) {
    /* ···················································································· 1024px */
    .servicios-espacio ul li {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    /* ···················································································· 768px */
    .capacidad-espacio,
    .servicios-espacio,
    .capacidad-espacio ul,
    .servicios-espacio ul {
        float: left;
    }

    .capacidad-espacio {
        width: calc(50% - 15px);
        margin-right: 15px;
    }

    .servicios-espacio {
        width: calc(50% - 15px);
        margin-left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px */
    .ficha-espacio-ornamentos {
        background-position: left 10px top 10px, right 10px bottom 10px;
        background-size: 120px auto;
    }

    .row-info-ficha-espacio .et_pb_column_3 {
        margin-bottom: 10px;
    }

    .capacidad-espacio {
        width: 100%;
        margin-right: 0;
    }

    .servicios-espacio {
        width: 100%;
        margin-left: 0;
    }

    .row-btn-ficha-espacio a {
        width: 100%;
    }

    .row-fotos-espacio-ficha .et_pb_column {
        width: 50% !important;
    }

    .row-fotos-espacio-ficha .et_pb_column:last-child {
        width: 100% !important;
    }
}

/* CLOSE: FICHA ESPACIO ···························· */

/* ··············OPEN: VIÑEDOS ···························· */

.section-datos-vinedos .percent-value {
    background-image: url(/wp-content/uploads/2020/01/gold-texture.jpg);
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    background-position: center;
}

.text-datos-link-do {
    float: left;
    width: 100%;
    margin: 0 auto;
}

.text-datos-link-do .et_pb_text_inner {
    max-width: 300px;
    margin: 0 auto;
}

.text-datos-link-do p {
    display: block;
    float: left;
    width: calc(50% - 30px);
    margin: 0 15px;
    text-align: center;
    padding: 0;
}

.text-datos-link-do p strong {
    display: block;
    font-size: 30px;
    color: #c59721;
    font-weight: 300;
    padding-bottom: 7px;
}

#section-links-do {
    background-size: 650px auto !important;
    background-position: center 40%;
    background-image: url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg);
    background-repeat: repeat-x;
}

.row-link-duero,
.row-link-navarra {
    flex-direction: row-reverse;
}

.row-link-rioja .et-last-child,
.row-link-duero .et-last-child,
.row-link-rueda .et-last-child,
.row-link-navarra .et-last-child {
    display: flex;
    align-items: center;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 768px) {
    /* ···················································································· 768px */
    #section-tu-evento .et_pb_column {
        margin-bottom: 1em;
    }

    .section-datos-vinedos .et_pb_column {
        margin-bottom: 0;
    }

    .row-link-rioja,
    .row-link-duero,
    .row-link-rueda,
    .row-link-navarra {
        display: flex;
    }

    .row-link-rioja .et_pb_column,
    .row-link-duero .et_pb_column,
    .row-link-rueda .et_pb_column,
    .row-link-navarra .et_pb_column {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    /* ···················································································· 767px */
    .row-link-rioja,
    .row-link-duero,
    .row-link-rueda,
    .row-link-navarra {
        flex-wrap: wrap-reverse;
    }

    .row-link-rioja .et_pb_column:last-child,
    .row-link-duero .et_pb_column:last-child,
    .row-link-rueda .et_pb_column:last-child,
    .row-link-navarra .et_pb_column:last-child {
        min-height: 200px;
    }

    .text-datos-link-do p strong {
        font-size: 24px;
        padding-bottom: 5px;
    }
}

/* CLOSE: VIÑEDOS ···························· */

/* ··············OPEN: FICHA DENOMINACION VIÑEDO ···························· */

.bloque-vinedo-info {
    width: 50%;
    float: left;
    padding: 0 50px 0 22px;
    margin-bottom: 70px !important;
}

.bloque-vinedo-info:nth-child(odd) {
    clear: both;
}

.bloque-vinedo-info h2 {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-left: -22px;
    padding-bottom: 5px;
}

.bloque-vinedo-info h2 strong {
    font-weight: 300;
}

.bloque-vinedo-info ul {
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
}

.bloque-vinedo-info ul li {
    display: inline-block;
    margin-right: 20px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.05em;
    font-size: 13px;
    color: #666;
    line-height: 18px;
}

.bloque-vinedo-info ul li strong {
    color: #c59721;
    font-weight: 400;
    font-size: 14px;
}

.bloque-vinedo-info p {
    font-weight: 400;
}

.bloque-vinedo-info p strong {
    font-weight: 600;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 767px) {
    /* ···················································································· 767px */
    .bloque-vinedo-info {
        width: 100%;
        padding: 0 10px 0 22px;
        margin-bottom: 50px !important;
    }
}

/* CLOSE: FICHA DENOMINACION VIÑEDO ···························· */

/* ··············OPEN: 404 ···························· */

.error404 #main-content {
    background: none !important;
}

.section-404 {
    background-size: 650px auto !important;
    background-position: center 25%;
    background-image: url(https://www.ontanon.es/wp-content/uploads/2019/11/greca_ficha_vino.svg);
    background-repeat: repeat-x;
}

.error404 #main-footer > p {
    display: none;
}

/* ---------- responsive ----------------------------- */
@media only screen and (max-width: 767px) {
    /* ···················································································· 767px */
}

/* CLOSE: 404 ···························· */