@charset "UTF-8";
/* CSS Document */
:root {
    --fuente-documento: "Optima";
    --color-primario: #bda680;
    --color-secundario: #bda680;
    --color-link: #bda680;
    --color-oscuro: #2f302b;
    --titulo-inicio: 4rem;
    --titulo-inicio-m: 1.2rem;
    --titulo-principal: 3.2rem;
    --titulo-secciones: 2.5rem;
    --subtitulos: 2rem;
    --p-font-size: 1.4rem;
    --textos-small1: 1.4rem;
    --gris-claro: #f3f1ed;
    --link-1: var(--gris-claro);
    --link-2: #37c5f0;
    --link-3: #bda680;
    --text: #18272f;
    --counter: #30b67d;
    --fondo_destacado: #2f302b;
    --fondo_destacad_2: #56388e;
    --fondo_griss_1: #cbcbcb;
}


@font-face {
    font-family: 'Trajan Pro';
    src:  url('../fuentes/TrajanPro-Regular.eot');
    src:  url('../fuentes/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/TrajanPro-Regular.woff2') format('woff2'),
         url('../fuentes/TrajanPro-Regular.woff') format('woff'),
         url('../fuentes/TrajanPro-Regular.ttf') format('truetype'),
         url('../fuentes/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src:  url('../fuentes/CenturyGothic.eot');
    src:  url('../fuentes/CenturyGothic.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/CenturyGothic.woff2') format('woff2'),
         url('../fuentes/CenturyGothic.woff') format('woff'),
         url('../fuentes/CenturyGothic.ttf') format('truetype'),
         url('../fuentes/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Optima';
    src:  url('../fuentes/Optima.ttc');
    src:  url('../fuentes/Optima.ttc') format('embedded-opentype'),
         url('../fuentes/Optima.ttc') format('woff2'),
         url('../fuentes/Optima.ttc') format('woff'),
         url('../fuentes/Optima.ttc') format('truetype'),
         url('../fuentes/Optima.ttc') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}
body {
    font-family: var(--fuente-documento);
    color: var(--gris-fuerte);
    -webkit-font-smoothing: antialiased;
}

.btn-primary {
    color: #fff !important;
    background-color: #94c356 !important;
    border-color: #94c356 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    border-radius: 0px !important;
    outline: none !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #0b5ed7 !important;
    border-color: #0a58ca !important;
}
.alto_camp_1 {
    background-size: cover;
    height: 750px !important;
}
.campana_head_campana {
    position: relative !important;
}
.campana_head {
    width: 100%;
    position: absolute;
    z-index: 10;
    bottom: 0;
}
.alto_camp_2 {
    background: #424346 center no-repeat;
    background-size: cover;
    height: 350px !important;
}
.text_f50_camp {
    font-size: 30px;
    line-height: 30px;
}
.iti {
    width: 100% !important;
}
.color-primario {
    color: var(--color-primario);
}
.bg-primario {
    color: var(--color-primario);
}
.color-secundario {
    color: var(--color-secundario);
}
.bg-secundario {
    color: var(--color-secundario);
}
.color_link_verde {
    color: var(--color-link);
}
.titulo-inicio {
    font-size: var(--titulo-inicio);
}
.titulo-secciones {
    font-size: var(--titulo-secciones);
}
.subtitulos {
    font-size: var(--subtitulos);
}
p {
    font-size: var(--p-font-size);
    color: #fff;
}
.texto-small {
    font-size: var(--textos-small1);
}
b {
    font-weight: bold;
}


p a {
    color: white !important;
    text-decoration: none;
}
input {
    border: none;
    border-bottom: 1px solid #fff;
    padding: 10px;
    font-size: 12px;
    background: none;
    color: #fff !important;
}
input::placeholder {
    color: #fff !important;
}

.fondo-total2 {
    height: 115vh !important;
    background: url(../imagenes/ferrat.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.div-gracias {
    font-size: 35px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-family: 'Optima';
}
.hvr-wobble-horizontal {
    background: none;
    border: 1px solid #fff !important;
    font-size: 24px;
    color: #ffffff !important;
    border-radius: 20px;
}
p a{
    padding: 50px !important;
}
.txt_presenta{
    color:#18622d;
    font-size: 16px;
}
.txt_vip{
    color: #63715b;
    font-size: 38px;
    line-height: 32px;
}
.txt_abril{
    font-size: 18px;
    color: #64715b;
}
.txt_presenta{
    color:#18622d;
}
.txt_form{
    color:#fff;
    font-family: 'Trajan Pro';
    font-size: 12px;
}
.sendFormRequest{
color: white !important;
}
.sendFormRequest:hover{
    background: #fff !important;
    color: black !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
    background: #63715b !important;
    outline: none !important;
}


.fondo_arena{
    background: url(../../recursos/imagenes/Fondo-arena.jpg);
    background-size: cover;
}

.fondo_amenidades{
    background: url(../../recursos/imagenes/fondo-amenidades.jpg);
    background-size: cover;  
}

.txt_verde{
    color:#18622D;
    font-size: 26px;
}

.txt_amenidades{
    color:#A7987D;
    font-size: 16px;
}

.texto_cursiva{
    font-family: 'Qardoos Personal Use';
}
.texto_regular{
    font-family: 'Calibri Regular';
}


@media (max-width: 992px) {
    .txt_boton{
        font-size: 14px !important;
    }
    .fondo_hojas{
        height: 40vh !important;
    }
    .fondo_lotes{
        height: 36vh !important;
    }
    .sendFormRequest{
        font-size: 14px !important;
    }
    .txt_form{
        font-size: 22px !important;
    }
    input{
        padding: 15px !important;
        font-size: 15px !important;
    }
    .txt_legal{
        font-size: 15px !important;
    }
    .txt_superior{
        font-size: 14px !important;
    }
    #indicativo{
        text-align: left;
        text-indent: 35px;
    }
    .contenedor_form{
        padding: 15px !important;
    }
}
@media (max-width: 480px) {
    .titulo-inicio {
        font-size: var(--titulo-inicio-m);
    }
}