/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.3.1.1611563709
Updated: 2021-01-25 08:35:09

Colores:
Azul: #4174B6

*/
:root {
    --color-verde: #4D9D2E;
    --color-marron: #b5560e;
    --color-marron-oscuro: #41281e;
    --color-iconos: #EFE6E1;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
body{
    font-family: 'Poppins', sans-serif;
}


.void-post-grid.void-minimal-grid {
    height: auto  !important ;
}

.void-row {
    display: grid ;
    grid-template-columns: 1fr 1fr 1fr;
}

.void-row .evo-puesto {

    display: flex ;
    flex-direction: column;
    position: relative ;
    padding: 0 ;
    margin-bottom: 25px;
    height: auto !important ;

    /*background: rgb(255,255,255);
    background: linear-gradient(183deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4654236694677871) 100%);*/
}
.puesto__enlace {
    display: flex ;
    flex-direction: column ;
    position: relative ;
    width: 100%;
}
.card-wrapper {
    z-index: 0;
}

/* Slider */

.card-wrapper {
    z-index: 0;
}
.slide-container {
    max-width: 100vw;
    width: 100%;
    padding: 0;
    overflow: hidden ;
    display: inline-block ;
}
.slide-content {
    margin: 0;
    overflow: hidden;

}
.slide-container .swiper-wrapper {
    overflow: visible !important;
}
.card {
    border-radius: 25px;
    background-color: #fff;
    padding: 16px !important ;
}
.image-content,
.card-content {
    display: flex;
    flex-direction: column;

    padding: 0;
}
.image-content {
    position: relative;
    row-gap: 5px;
    padding: 25px 0;
}

.card-image {
    position: relative;
    background: #fff;
    padding: 0;
}
.card-image .card-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;

}
.name {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.button {
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 8px 16px;
    background-color: #122d7c;
    border-radius: 6px;
    margin: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.button:hover {
    background: #122d7c;
}

.swiper-navBtn {
    color: #6e93f7;
    transition: color 0.3s ease;
}
.swiper-navBtn:hover {
    color: #122d7c;
}
.swiper-navBtn::before,
.swiper-navBtn::after {
    font-size: 35px;
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev {
    left: 0;
}
.swiper-pagination-bullet {
    background-color: #6e93f7;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background-color: #4070f4;
}

@media screen and (max-width: 768px) {
    .slide-content {
        margin: 0 10px;
    }
    .swiper-navBtn {
        display: none;
    }
}


/* Modificaciones evoratec */
.card {
    height: 400px;

    border-radius: 0 !important ;
    border: none !important ;

}
.image-content {
    padding: 0 !important ;
}
.card-content {
    display: flex;
    flex-direction: column;

    background:white;
    padding: 16px;
    width: 100%;
    height: auto;
    left: 0 ;

    h2 {
        color: var(--color-marron-oscuro);
        font-size: 18px;
        font-weight: 600;
        text-align: left;
    }
    .description {
        font-size: 14px;
        color:black;

    }
    /* clip-path: polygon(0 0,100% 0%,66% 100%,0% 100%);*/



}
.card-content
.card-content p {
    color: white ;
    text-align: left ;
    font-size: 12px;
}
.card-image {
    position: relative;
    height: 400px;
    width: 100%;
    background: #fff;
    /* padding: 3px; */
}

/* Formato blog */
.blog-post {
    padding: 10px;
}


.blog-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 15px;
}
.blog-content h2 {
    font-size: 20px;
    font-weight: 600;
}
.blog-content p {
    color: white ;
    text-align: left ;
}

.swiper-button-next-evo,
.swiper-button-prev-evo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: 35px;
    height: 44px;
    margin-top: -22px;
    z-index: 100000;
    cursor: pointer;
    background-size: 27px 44px;
    background: no-repeat 50%;
    background-color: #ffffff8c ;
    padding: 5px;
}
.swiper-button-next-evo svg,
.swiper-button-prev-evo svg {
    stroke: black ;
}

.swiper-button-prev-evo {
    left: 15px;
}
.swiper-button-next-evo {
    right: 15px;
}

@media screen and (max-width:767px) {

    .card-content h2 {
        font-size: 16px;
    }
    .card-content .description {
        font-size: 12px;
    }
}
.swiper-backface-hidden .swiper-slide {
    padding: 16px !important ;
}
.comercio__datos {
    padding-left: calc(50% - 640px) !important;
    padding-right: 48px;
    background: #2f1e11 !important;
    color: #fff !important;


    background-image: url(https://sancristobal.devagenciavirtualy.com/wp-content/uploads/2024/09/sancristobal-greca-blanca.png) !important;
    background-position: 100% 100% !important;
    background-repeat: no-repeat!important;
    background-size: 50% auto!important;
}

.blog__cabecera{
    padding-left: calc(55% - 640px) !important;

    color: #fff !important;


    background-image: url(https://sancristobal.devagenciavirtualy.com/wp-content/uploads/2024/09/sancristobal-greca-blanca.png) !important;
    background-position: 100% 100% !important;
    background-repeat: no-repeat!important;
    background-size: 50% auto!important;
}

@media screen and (max-width: 1439px) {
    .comercio__datos {
        padding: 24px !important ;
    }
}

.boton__menu {
    display: none !important ;
    .elementor-button-text {
        padding-top: 3px;
        margin-left: 2px;
    }
     svg {
        fill: white ;
     }
}
.boton__reservas {

    .elementor-button-text {
        padding-top: 2px;
        margin-left: 2px;
    }
    svg {
        fill: white ;
    }
}

.banner__enlace-carta {
    display: grid;
    grid-template-columns: 100%;
    min-height: 300px;
    position: relative ;

    .banner__enlace {
        display: flex;
        margin-top: 48px;
        position: absolute;
        bottom: 16px;
        right: 16px;

        a {
            background: white;
            border: 2px solid white;
            color: #333;
            font-family: 'Jost', Arial, sans-serif;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 3px;
            min-height: 32px;
            padding: 8px 16px;
            text-transform: uppercase;
            transition: all .35s;
            display: flex;
            justify-content: center;

            &:hover {
                background: #f2f2f2;

            }
        }

    }

    .banner__enlace a:hover {
        color: #15151c;
    }

    .banner__enlace svg {
        width: 14px;
        margin-left: 4px;
        strike: #bc0000;
    }

    .banner__enlace:hover svg {
        strike: #bc0000 !important;
    }

    .column-one {
        position: relative;
        width: 100%;

        display: flex;
        flex-direction: column;
        justify-content: center;


        background-image: url(https://sancristobal.devagenciavirtualy.com/wp-content/uploads/2024/09/sancristobal-greca-blanca.png) !important;
        background-position: 100% 100% !important;
        background-repeat: no-repeat!important;
        background-size: 50% auto!important;

        .contenedor {
            padding: 30px;
        }

        .contenido {
            font-family: 'Open Sans', Arial, sans-serif;
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 8px;
            text-align: left;
            width: 60%;

            ul {
                font-family: Jost, Arial ;
                color: white ;
                padding: 16px;
                font-size: 16px;
            }
        }

        p {
            font-family: 'Jost', Arial, sans-serif;
            color: white ;
            line-height: 1.2em;
            font-size: 16px;
            text-align: left;
            margin-bottom: 24px;
        }

        h2 {
            font-family: 'Jost', Arial, sans-serif;
            letter-spacing: 4px;
            text-transform: uppercase;
            font-size: 32px;
            color: white;
            font-weight: 800;

            line-height: 1;
        }

        h3 {
            letter-spacing: 4px;
            text-transform: uppercase;
            font-size: 18px;
            color: white;
            font-weight: 800;
            margin-bottom: 40px;
            width: 60%;
        }


        h4 {
            font-family: 'Formula 1', Arial, sans-serif;
            font-size: 18px;
            font-weight: 600;
            color: #1c1c15;;
        }

        .contactanos {
            margin-top: 30px;
        }
    }
    .column-one.orden_2 {
        order: 2;
    }
    .column-two {
        display: flex;
        align-items: center;

        background-repeat: no-repeat;
        background-size: cover;

        width: 100%;
        background-position: 50%;
        height: 100%;

        a {
            width: 100%;
        }
    }


    .column-two img {
        object-fit: cover;
        width: 100%;
        height: 100%;


    }
}


.banner__enlace-carta.verde {
    .column-one {

        background: #4D9D2E;


    }
}
.banner__enlace-carta.marron {
    .column-one {
        background: #B47C5A;
    }
}
.banner__enlace-carta.marron_oscuro {
    .column-one {
        background: #41281e;

    }
}

.banner__enlace-carta.blanco {
    .column-one {
        background: #fff;
        background-image: url(https://sancristobal.devagenciavirtualy.com/wp-content/uploads/2024/09/san-cristobal-greca-2.png) !important;
        background-position: 100% 100% !important;
        background-repeat: no-repeat!important;
        background-size: 50% auto!important;
        .contenedor {
            p {
                color: black ;

            }

            h2 {
                color: #4D9D2E;

            }

            h3 {
                color: #41281e;

            }

            h4 {
                color: #1c1c15;;
            }
            .banner__enlace {
                a {
                    color: #41281e;
                    background: #fff;
                    border: 2px solid #41281e;

                }

            }
        }

    }
}

@media screen and (max-width: 900px) {
    .banner__enlace-carta {
        grid-template-columns: 1fr ;

    }

    .banner__enlace-carta .column-one,
    .banner__enlace-carta .column-two {
        width: 100%;
        padding: 16px;
    }

    .banner__enlace-carta .column-two {
        order: 0 !important;
        padding: 0;
    }

    .banner__enlace-carta .column-one {
        order: 1 !important;
    }

    .evo-feature-list {
        margin-top: 16px;
        padding: 16px;
        font-size: 14px;
    }

    .banner__enlace-carta .column-one::before {
        display: none;
    }


    .banner__enlace-carta h3 {
        font-size: 20px;
        text-transform: capitalize;
    }

    .banner__enlace-carta .column-two img {
        padding: 0 !important;

    }
}



.banner__cabecera-pagina {
    display: grid;
    grid-template-columns: 100%;
    min-height: 600px;
    position: relative ;

    .banner__enlace {
        display: flex;
        margin-top: 48px;
        position: absolute;
        bottom: 16px;
        right: 16px;

        a {
            background: white;
            border: 2px solid white;
            color: #333;
            font-family: 'Jost', Arial, sans-serif;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 3px;
            min-height: 32px;
            padding: 8px 16px;
            text-transform: uppercase;
            transition: all .35s;
            display: flex;
            justify-content: center;

            &:hover {
                background: #f2f2f2;

            }
        }

    }

    .banner__enlace a:hover {
        color: #15151c;
    }

    .banner__enlace svg {
        width: 14px;
        margin-left: 4px;
        strike: #bc0000;
    }

    .banner__enlace:hover svg {
        strike: #bc0000 !important;
    }

    .column-one {
        position: relative;
        width: 100%;

        display: flex;
        flex-direction: column;
        justify-content: center;


        background-image: url(https://sancristobal.devagenciavirtualy.com/wp-content/uploads/2024/09/sancristobal-greca-blanca.png) !important;
        background-position: 100% 100% !important;
        background-repeat: no-repeat!important;
        background-size: 50% auto!important;

        .contenedor {
            padding: 30px;
        }
        .titulo {

        }

        .contenido {
            font-family: 'Open Sans', Arial, sans-serif;
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 8px;
            text-align: left;
            width: 60%;

            ul {
                font-family: Jost, Arial ;
                color: white ;
                padding: 16px;
                font-size: 16px;
            }
        }

        p {
            font-family: 'Jost', Arial, sans-serif;
            color: white ;
            line-height: 1.2em;
            font-size: 16px;
            text-align: left;
            margin-bottom: 24px;
        }

        h2 {
            font-family: 'Jost', Arial, sans-serif;
            letter-spacing: 4px;
            text-transform: uppercase;
            font-size: 64px;
            color: white;
            font-weight: 800;

            line-height: 1;
        }

        h3 {
            letter-spacing: 4px;
            text-transform: uppercase;
            font-size: 18px;
            color: white;
            font-weight: 800;
            margin-bottom: 40px;
            width: 60%;
        }


        h4 {
            font-family: 'Formula 1', Arial, sans-serif;
            font-size: 18px;
            font-weight: 600;
            color: #1c1c15;;
        }

        .contactanos {
            margin-top: 30px;
        }
    }
    .column-one.orden_2 {
        order: 2;
    }
    .column-two {
        display: flex;
        align-items: center;

        background-repeat: no-repeat;
        background-size: cover;

        width: 100%;
        background-position: 50%;
        height: 100%;

        a {
            width: 100%;
        }
    }


    .column-two img {
        object-fit: cover;
        width: 100%;
        height: 100%;


    }
}


.banner__cabecera-pagina.verde {
    .column-one {

        background: #4D9D2E;


    }
}
.banner__cabecera-pagina.marron {
    .column-one {
        background: #B47C5A;
    }
}
.banner__cabecera-pagina.marron_oscuro {
    .column-one {
        background: #41281e;

    }
}

.banner__cabecera-pagina.blanco {
    .column-one {
        background: #fff;
        background-image: url(https://sancristobal.devagenciavirtualy.com/wp-content/uploads/2024/09/san-cristobal-greca-2.png) !important;
        background-position: 100% 100% !important;
        background-repeat: no-repeat!important;
        background-size: 50% auto!important;
        .contenedor {
            p {
                color: black ;

            }

            h2 {
                color: #4D9D2E;

            }

            h3 {
                color: #41281e;

            }

            h4 {
                color: #1c1c15;;
            }
            .banner__enlace {
                a {
                    color: #41281e;
                    background: #fff;
                    border: 2px solid #41281e;

                }

            }
        }

    }
}

@media screen and (max-width: 900px) {
    .banner__cabecera-pagina {
        grid-template-columns: 1fr ;

    }

    .banner__cabecera-pagina .column-one,
    .banner__cabecera-pagina .column-two {
        width: 100%;
        padding: 16px;
    }

    .banner__cabecera-pagina .column-two {
        order: 0 !important;
        padding: 0;
    }

    .banner__cabecera-pagina .column-one {
        order: 1 !important;
    }

    .evo-feature-list {
        margin-top: 16px;
        padding: 16px;
        font-size: 14px;
    }

    .banner__cabecera-pagina .column-one::before {
        display: none;
    }


    .banner__cabecera-pagina h3 {
        font-size: 20px;
        text-transform: capitalize;
    }

    .banner__cabecera-pagina .column-two img {
        padding: 0 !important;

    }
}


/* blog */

.void-Container.standard {
    padding: 0 ;
}
.void-elementor-post-grid-wrapper {

}
.void-row {
    width: 100%;
    display: grid ;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0!important;

}


.void-row .evo-puesto {
    height: auto ;
    cursor: pointer ;
    overflow:hidden;
    margin: 0 !important ;
}

.void-Container {
    max-width: 100% !important ;
}

.void-row .puesto__contenido {

    position: absolute !important;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: transform .5s ease,opacity .5s ease,color .3s ease-out,border .3s ease-out, background .3s ease-out,box-shadow .3s ease-out!important;
    will-change: transform;
    transform: translateY(100%);
    top: 0;
    left: 0;
    align-items: center;
    width: 100%;

}
.void-row .evo-post {
    padding: 0 ;
}
.void-row .evo-post:hover .puesto__contenido {

    background: #41281ecf;
    opacity: 1;
    transform: translateY(0);
}
.void-row .evo-puesto:hover .puesto__contenido {

    background: #20232ed4 ;
    opacity: 1;
    transform: translateY(0);
}
.void-row .puesto__contenido h2 {
    color: #EFE6E1;

}
.void-row .puesto__nombre  {
    background: transparent !important;
    font-family: Jost, sans-serif !important;
    font-size: 16px;
    font-weight: 500 !important;
    padding: 8px 10px !important;
    margin-bottom: 0 !important ;
    width: auto !important;
    text-align: right ;
    position: relative;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column ;

}
.void-row .evo-post .puesto__nombre  {

    text-align: center !important ;


}

.void-row .puesto__nombre a {
    color: #d3ccc1 !important;
    font-size: 24px;
    font-weight: 400;
    background: transparent;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 24px;
    flex-direction: column ;
}
.void-row .puesto__categorias  {
    font-size: 16px;
    color: #EFE6E1;
    font-weight: 400;

    padding: 8px 10px !important;
    margin-bottom: 0;
    margin-top: 0 !important ;

}
.void-row .puesto__descripcion {
    font-size: 14px;

    margin-top: 10px;
    font-weight: bold ;
    min-height: 55px;
}
.void-row .puesto__descripcion p {
    margin: 0;
}
/*
.button {
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 8px 16px;
    background-color: #122d7c;
    border-radius: 6px;
    margin: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.button:hover {
    background: #122d7c;
}*/
.void-post-grid.void-minimal-grid {
    height : auto ;
}

.void-row .puesto__imagen-contenedor {
    height: 400px;
    a {
        display: flex ;
        width: 100%;
        height: 100%;
        img {
            object-fit: cover;
            height: 100%;
            width: 100%;
        }
    }
}
@media screen and (max-width: 1439px) {


    .blog__cabecera{
        padding-left: 24px !important;

    }
    }
@media screen and (max-width: 1279px) {


    .blog__cabecera{
        padding-left: 24px !important;

    }

    .void-row {
        grid-template-columns: 1fr 1fr;
    }
    .void-row .evo-puesto {
        flex: 0 0 100%;

        width: 100%;
        max-width: 100% !important ;
    }

    .void-post-grid {
        position: relative;
        display: grid;
        grid-template-rows: 400px 1fr;
        width: 100%;
        height: 100%;
    }
    .void-row .puesto__contenido {
        position: relative !important ;
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: flex-end;
        opacity: 1;
        transition: transform .5s ease,opacity .5s ease,color .3s ease-out,border .3s ease-out, background .3s ease-out,box-shadow .3s ease-out!important;
        will-change: transform;
        transform: translateY(0);
        background: #41281e  ;
        top: auto;
        right: auto ;
        padding: 8px;
    }

    .void-row .evo-puesto:hover .puesto__contenido {

        background: black ;
        opacity: 1;
        transform: translateY(60px);
    }
    .void-row .puesto__nombre a {
        color: #d3ccc1 !important;
        font-size: 16px;
        font-weight: 400;
        background: transparent;

    }
    .void-row .evo-puesto {
        margin: 0 !important;
    }
}
.void-elementor-post-grid-wrapper a, .void-elementor-post-grid-wrapper a:visited {
    font-family: Jost,sans-serif !important;
}

.pagination {
    justify-content: center;
    gap: 16px;

    a {

    }

    .page-numbers.current {
        font-size: 16px;
        padding: 16px 24px;
        color: #fff !important;
        background: #41281e !important;
        border: 2px solid #41281e !important;
    }

    .page-numbers {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 16px;

        padding: 16px 24px;
        color: #333 !important;
        border: 2px solid #333 !important;
    }

    .page-numbers:hover {
        color: #fff !important;
        background: #4e8e21 !important;
        border: 2px solid #4e8e21 !important;
    }
}

@media screen and (max-width: 767px) {

    .card-image {
        height: 250px !important ;
    }
        .void-row {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
    .void-post-grid {

        grid-template-rows: 250px 1fr;

    }
    .void-row .puesto__imagen-contenedor {
        height: 250px;
    }
    .pagination {

        gap: 8px;


        .page-numbers.current {
            font-size: 12px;
            padding: 12px;
            color: #fff !important;
            background: #41281e !important;
            border: 2px solid #41281e !important;
        }

        .page-numbers {
            font-size: 12px;
            padding: 12px;
            color: #333 !important;
            border: 2px solid #333 !important;
        }

        .page-numbers:hover {
            font-size: 12px;

            color: #fff !important;
            background: #4e8e21 !important;
            border: 2px solid #4e8e21 !important;
        }
    }
    .elementor-evoratec__two-columns-home {
        .column-one {
            .contenido {
                width: 100% !important;
            }
            h3 {
                font-size: 24px !important;;
                width: 100% !important;
            }
            h2 {
                font-size: 18px !important;;
                width: 100% !important;
            }
        }

    }
    .quita-foto-movil {
        .elementor-evoratec__two-columns-home. {

            .column-two {

                .banner__imagen {
                    display: none ;
                }
            }
        }
    }

}