/*!========================================================================
 * GLOBALES
 * ======================================================================!*/
@font-face {
    font-family: 'FiraSans';
    src: url('../../FontsVP/FiraSans-Regular.ttf') format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: 'FiraSansSemi';
    src: url('../../FontsVP/FiraSans-SemiBold.ttf') format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: 'FiraSansBold';
    src: url('../../FontsVP/FiraSans-Bold.ttf') format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: 'FiraSansItalic';
    src: url('../../FontsVP/FiraSans-Italic.ttf') format("truetype");
}

@font-face {
    font-family: 'FiraSansLight';
    src: url('../../FontsVP/FiraSans-Light.ttf') format("truetype");
}

@font-face {
    font-family: 'FivoBold';
    src: url('../../FontsVP/FivoSans-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Fivo';
    src: url('../../FontsVP/FivoSans-Regular.otf') format('opentype');
}

:root {
    --textoHeader: #f0e5d3;
    --btnNaranja: #b4811c;
    --btnAzul: #002c45;
    --textoGris: #4d4d4d;
    --textoAzul: #002c45;
    --lineaAmarilla: #e29b00;
}

input:focus,
input:focus-visible,
input:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within {
    outline: solid 1px var(--btnAzul);
}

h1,
h2,
h3,
h4,
h5,
p,
a,
input,
textarea {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

/* h1,
h2,
h3,
h4,
h5 {
    color: var(--textoGris);
} */

p {
    font-size: 1.4rem;
    line-height: 1.4;
}

a {
    text-decoration: none !important;
}

.header-via {
    background-image: url(../../IMGViaPalmarWeb/SECCION1/FONDO-SECCION-1.jpg);
    background-size: cover;
    /* font-family: 'FiraSans' !important; */
}

.header-via p {
    font-family: 'FiraSans' !important;
}

/* Sweet alert */
div:where(.swal2-container) {
    padding: 10px !important;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    width: 512px !important;
    padding: 0 0 20px !important;
    font-size: 16px !important;
}

/*#region Swiper js */
#amenidades .swiper {
    width: 100%;
    height: 100%;
}

#amenidades .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
}

#amenidades .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*#endregion*/

/*#region HEADER */
.isotipo-dark {
    width: 4.5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: .1rem;
}

.isotipo-light {
    width: 3rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2.1rem;
}

header.affix-top .isotipo-light {
    display: block;
}

header.affix-top .isotipo-dark {
    display: none;
}

header.affix .isotipo-light {
    display: none;
}

header.affix .isotipo-dark {
    display: block;
}

/*#endregion*/

/*#region HERO */
#video-container {
    position: relative;
    height: 100vh;
}

#video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

#video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
}

#header-content {
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#header-content img {
    width: 30%;
}

#header-content p {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-top: 3rem;
    margin-bottom: 0;
}

#header-content a {
    text-decoration: none;
    font-size: 1.4rem;
    margin-top: 3rem;
    font-weight: 600;
    color: var(--btnNaranja);
    letter-spacing: 1px;
}

/*#endregion*/

/*#region VIDEO INSTITUCIONAL */
.modal-section {
    position: relative;
    margin-top: 5rem;
    /* margin-bottom: 5rem; */
    background-image: url(../../IMGViaPalmarWeb/SECCION2/FONDO-VIDEO-SECCION-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    height: 75vh !important;
}

.modal-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.modal-section .img-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-section img {
    width: 90px;
    cursor: pointer;
    z-index: 1;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10;
    opacity: 0;
    transition: opacity 0.5s;
}

.video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video {
    width: 100%;
    max-height: 100%;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
    text-decoration: none;
    text-shadow: none;
    color: white;
    opacity: 1;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
}

.close:hover {
    color: white;
    opacity: 0.7;
}

/*#endregion*/

/*#region SANTUARIO */
.santuario-section {
    padding-top: 7.5rem !important;
    padding-bottom: 5rem !important;
    background-color: #f9f9f9;

}

.santuario-section .textSan {
    top: 12rem !important;
    right: 5rem;
}

.santuario-section .container {
    width: fit-content;
}

.santuario-section h3 {
    position: relative;
    font-size: 1.8rem;
    font-weight: 700;
    padding-bottom: 1.4rem;
}

.santuario-section h3::after {
    content: "";
    position: absolute;
    top: -2.5rem;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background-color: #4D4D4D;
}

.santuario-section p {
    font-family: 'FiraSans' !important;
    font-size: 2.2rem;
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.4;
    margin-right: 2rem;
}

.santuario-section .slidertext {
    top: 33rem;
    left: 25rem;
}

.santuario-section .slidertext .swiper p {
    color: #fff;
    font-family: 'FiraSans' !important;
    text-align: end !important;
    font-size: 4rem;
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.4;
    margin-right: 2rem;
}

.santuario-section .slidertext .swiper span {
    color: #fff;
    font-family: 'FiraSansSemi' !important;
    text-align: end !important;
    font-size: 6rem;
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.4;
    margin-right: 2rem;
}

.santuario-section span {
    font-family: 'FiraSansItalic' !important;
}


.santuario-section a,
.santuario-section i {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--btnNaranja);
    text-decoration: none;
    letter-spacing: 1px;
}

/*#endregion*/

/*#region CARDS */
.cards-section {
    padding: 8rem 0 !important;
}

.cards-section h3 {
    font-family: 'FiraSans';
    font-size: 3.4rem;
    color: #666;
    margin-bottom: 7rem;
}

.cards-section h4 {
    font-family: 'FiraSans';
    font-size: 2.3rem;
    color: #666;
    text-align: center;
    margin-top: 5rem;
}

.cards-section .ViaEs {
    text-align: center;
}

.cards-section .ViaEs img {
    width: 50%;
    margin-bottom: 2rem;
}

.cards-section .ViaEs p {
    font-family: 'FiraSansLight';
    font-size: 2.3rem;
    font-weight: lighter;
    color: #666;
}

/*#endregion*/

/*#region TORALEA */
.toralea-section {
    position: relative !important;
    background-image: url(../../IMGViaPalmarWeb/SECCION6/FONDO-SECCION-6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 10rem 0 !important;
}

/* 
.toralea-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
} */

.toralea-section .Distancias img {
    width: 20%;
}

.toralea-section .Distancias p{
    font-family: 'FiraSans';
    font-size: 2.5rem;
    color: #fff;
    align-content: center;
    margin-left: 8%;
}


/*#endregion*/

/*#region IMAGENES */
.imgBanner2 {
    position: relative;
    /* z-index: 1; */
    background: url("../../IMGViaPalmarWeb/SECCION6/FONDO-SECCION-6.jpg") no-repeat;
    background-size: 100%;
    background-position-y: 57rem;
}

.imgBanner2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* background: rgba(245, 227, 208, 0.25); */
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(34, 48, 25, 1) 67%); */
    height: 100%;
    z-index: -1;
}
.imgBanner2 .textoSisal {
    font-family: 'FiraSans';
    color: #fff;
}
.imgBanner2 .textoSisal h1 {
    letter-spacing: 1rem;
    font-size: 7rem;
    font-family: 'FiraSans';
    font-weight: 600;
    color: #fff;
}
.imgBanner2 .textoSisal h2 {
    font-size: 4.5rem;
    font-family: 'FiraSans';
    color: #fff;
    font-weight: 600;
    margin-bottom: 2rem;
}
.imgBanner2 .textoSisal p {
    font-size: 2rem;
    font-family: 'FiraSans';
    color: #fff;
}

#imagenesEfecto .frase {
    font-family: 'FiraSans';
    position: relative;
    font-size: 2.4rem;
    font-weight: 400;
    color: #666;
}

/* #imagenesEfecto .frase::after {
    content: "";
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    display: block;
    width: 60px;
    height: 1px;
    background-color: #4D4D4D;
    transform: translate(-50%);
} */

#contain img {
    width: 100%;
}

.centro {
    margin-top: 70px;
}

.firts {
    margin-bottom: 30px;
}

#imagenesEfecto .swiper img {
    width: 100px;
}

#imagenesEfecto h3 {
    color: white;
    text-align: center;
    font-family: 'Ethique';
    font-size: 3rem;
    margin-bottom: 5rem;
}

#imagenesEfecto .swiper p {
    color: white;
    font-size: 2.2rem;
    font-family: 'Ethique';
    font-weight: 400;
    padding-left: 1.5rem;
    line-height: 1.2;
}

#imagenesEfecto .mySwiper {
    overflow-y: visible;
}

#imagenesEfecto .swiper-button-next,
#imagenesEfecto .swiper-container-rtl #imagenesEfecto .swiper-button-prev {
    right: 43% !important;
    color: white !important;
    top: 180%;
}

#imagenesEfecto .swiper-button-prev,
#imagenesEfecto .swiper-container-rtl #imagenesEfecto .swiper-button-next {
    left: 43% !important;
    color: white !important;
    top: 180%;
}

#imagenesEfecto .swiper-button-next:after,
#imagenesEfecto .swiper-button-prev:after {
    font-size: 2.5rem;
}

.swiperatractivos .swiper img {
    width: 30%;
}

.swiperatractivos h3 {
    color: #666;
    text-align: center;
    font-family: 'FiraSans';
    font-size: 3rem;
    margin-bottom: 5rem;
}

.swiperatractivos .swiper p {
    color: #666;
    font-size: 2rem;
    font-family: 'FiraSansLight';
    font-weight: 400;
    padding-left: 1.5rem;
    line-height: 1.2;
}

.swiperatractivos .mySwiper2 {
    overflow-y: visible;
}

.swiperatractivos .swiper-button-next,
.swiperatractivos .swiper-container-rtl .swiperatractivos .swiper-button-prev {
    right: 43% !important;
    color: #666 !important;
    top: 180%;
}

.swiperatractivos .swiper-button-prev,
.swiperatractivos .swiper-container-rtl .swiperatractivos .swiper-button-next {
    left: 43% !important;
    color: #666 !important;
    top: 180%;
}

.swiperatractivos .swiper-button-next:after,
.swiperatractivos .swiper-button-prev:after {
    font-size: 2.5rem;
}

/*#endregion*/

/*#region LOTIFICACION */
.lotificacion {
    background-image: url(../img/05-Seccion-5/Fondo-Lotificacion-Indv.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 8rem 0 !important;
    margin-top: 8rem;
}

.lotificacion h2 {
    font-family: 'Ethique';
    font-size: 3rem;
    color: var(--textoAzul);
}

.lotificacion .content-tipos {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.lotificacion .content-tipos .tipos {
    font-family: 'Ethique';
    font-size: 1.7rem;
    color: var(--textoAzul);
    margin-right: 6rem;
    position: relative;
    padding-left: 20px;
}

.lotificacion .content-tipos .tipos:last-child {
    margin-right: 0;
}

.lotificacion .content-tipos .tipos::before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: red;
    border-radius: 50%;
    /* Hace que el círculo tenga bordes redondeados */
    position: absolute;
    left: 0;
    top: 50%;
    /* Centra verticalmente el círculo */
    transform: translateY(-50%);
    /* Centra verticalmente el círculo */
}

.lotificacion .content-tipos .normal::before {
    background-color: #ccd5db;
    /* Define el color del círculo para los divs con la clase "red" */
}

.lotificacion .content-tipos .elite::before {
    background-color: #93a5ad;
    /* Define el color del círculo para los divs con la clase "blue" */
}

.lotificacion .content-tipos .premium::before {
    background-color: #6b7f8e;
    /* Define el color del círculo para los divs con la clase "green" */
}

.lotificacion .contenedor {
    width: fit-content;
    margin: auto;
}

.lotificacion img {
    /* width: 50%; */
    width: 700px;
}

.lotificacion .seccion {
    position: absolute;
    top: 0;
    left: 0;
}

.lotificacion .seccion h3 {
    position: relative;
    font-family: 'Ethique';
    font-size: 3rem;
    color: var(--textoAzul);
}

.lotificacion .amenidades h3 {
    position: relative;
    font-family: 'Ethique';
    font-size: 2rem;
    color: var(--textoAzul);
}

.lotificacion .casaclub1 h3 {
    position: relative;
    font-family: 'Ethique';
    font-size: 2rem;
    color: var(--textoAzul);
}

.lotificacion .casaclub2 h3 {
    position: relative;
    font-family: 'Ethique';
    font-size: 2rem;
    color: var(--textoAzul);
}

/* Línea */
.lotificacion .seccion h3::after {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 70px;
    height: 1px;
    background-color: var(--textoAzul);
}

/* Línea amarilla */
.lotificacion .amenidades h3::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -327%;
    display: block;
    width: 390px;
    height: 1px;
    background-color: var(--lineaAmarilla);
}

/* Línea amarilla -- casa club */
.lotificacion .casaclub1 h3::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -300%;
    display: block;
    width: 269px;
    height: 1px;
    background-color: var(--lineaAmarilla);
}

@media (min-width: 1200px) {
    .lazy img {
        height: 52rem !important;
    }
}

@media only screen and (max-width:750px) {
    .lotificacion .casaclub1 h3::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -87%;
        display: block;
        width: 54px !important;
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    .lotificacion .amenidades h3::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -94%;
        display: block;
        width: 79px !important;
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    .lotificacion .casaclub2 h3::after {
        content: "";
        position: absolute;
        top: 166% !important;
        left: 35% !important;
        display: block;
        width: 22px;
        transform: rotate(90deg) !important;
        /* transform: translateY(-35%); */
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    .lotificacion .casaclub2 h4::after {
        content: "";
        position: absolute;
        top: 182% !important;
        left: 51% !important;
        display: block;
        width: 54px !important;
        /* transform: rotate(90deg) !important; */
        transform: translateY(-35%);
        height: 1px;
        background-color: var(--lineaAmarilla);
    }
}

/* Línea amarilla */
.lotificacion .casaclub2 h3::after {
    content: "";
    position: absolute;
    top: 265%;
    left: 8%;
    display: block;
    width: 80px;
    transform: rotate(90deg) !important;
    /* transform: translateY(-35%); */
    height: 1px;
    background-color: var(--lineaAmarilla);
}

.lotificacion .casaclub2 h4::after {
    content: "";
    position: absolute;
    top: 357%;
    left: 51% !important;
    display: block;
    width: 225px;
    /* transform: rotate(90deg) !important; */
    transform: translateY(-35%);
    height: 1px;
    background-color: var(--lineaAmarilla);
}

/* Punto */
.lotificacion .seccion h3::before {
    content: "";
    position: absolute;
    /*top: 48%;*/
    top: 50%;
    transform: translateY(-35%);
    display: block;
    width: 3px;
    height: 3px;
    background-color: var(--textoAzul);
    border-radius: 50%;
}

/* Punto amarillo */
.lotificacion .amenidades h3::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10%;
    transform: translateY(-35%);
    display: block;
    width: 3px;
    height: 3px;
    background-color: var(--lineaAmarilla);
    border-radius: 50%;
}

/* Punto amarillo */
.lotificacion .casaclub1 h3::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10%;
    transform: translateY(-35%);
    display: block;
    width: 3px;
    height: 3px;
    background-color: var(--lineaAmarilla);
    border-radius: 50%;
}

/* Punto amarillo */
.lotificacion .casaclub2 h3::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50% !important;
    transform: translateY(-35%);
    display: block;
    width: 3px;
    height: 3px;
    background-color: var(--lineaAmarilla);
    border-radius: 50%;
}

.lotificacion .seccion.izquierda h3::after {
    left: 95%;
}

.lotificacion .seccion.izquierda h3::before {
    left: 140%;
}

.lotificacion .seccion.derecha h3::after {
    right: 95%;
}

.lotificacion .seccion.derecha h3::before {
    right: 140%;
}

/* Secciones */
.lotificacion .secciones .seccion:nth-child(1) {
    top: 9%;
    left: -2%;
}

.lotificacion .secciones .seccion:nth-child(2) {
    top: 63%;
    left: -26%;
}

.lotificacion .secciones .seccion:nth-child(3) {
    top: 25%;
    right: -28%;
    left: auto;
}

.lotificacion .secciones .seccion:nth-child(4) {
    top: 88%;
    right: -15%;
    left: auto;
}

.lotificacion .secciones .seccion:nth-child(5) {
    top: 51%;
    right: -25%;
    left: auto;
}

.lotificacion .secciones .seccion:nth-child(6) {
    top: 40.5%;
    right: -25%;
    left: auto;
}

.lotificacion .secciones .seccion:nth-child(7) {
    top: 48%;
    left: -16%;
}

.lotificacion .seccion p {
    font-size: 1.6rem;
    line-height: 1;
    color: var(--textoAzul);
}

/*#endregion*/

/*#region LOTES*/
.lotes {
    padding-bottom: 0 !important;
    padding-top: 6rem !important;
}

.lotes .container {
    margin-bottom: 6rem !important;
}

.lotes .etapas {
    font-family: 'Ethique', sans-serif;
    font-size: 3rem;
    width: 160px;
    color: var(--btnAzul);
    border-color: var(--btnAzul);
    background-color: transparent !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.lotes .etapas:focus {
    outline: none !important;
    box-shadow: none !important;
}

.lotes .etapas:hover,
.lotes .etapas.active {
    color: white;
    background-color: var(--btnAzul) !important;
}

.botonesLotificacion .botonesIconos img {
    cursor: pointer;
}

/*#endregion*/

/*#region Noticias */
.noticias {
    position: relative !important;
    background-image: url(../../IMGViaPalmarWeb/SECCION11/FONDOSECCION9-100.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 10rem 0 !important;
    text-align: center;
}
.noticias h1 {
    color: #fff;
    font-family: 'FiraSans';
    font-size: 3.5rem;
    margin-bottom: 5rem;
}

.noticias img {
    width: auto;
    height: 40rem;
}

/*#endregion*/

/*#region AGENCIA */
.agencia-section {
    background-image: url(../img/07-Seccion-7/FONDO.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5rem 0 !important;
}

.agencia-section .col-12:first-child .logo {
    height: 80px;
}

.agencia-section .col-12:last-child .logo {
    height: 80px;
    width: 160px;
}

.agencia-section h3 {
    color: white;
    margin: 2rem 0;
    font-weight: 600;
}

.agencia-section p {
    color: white;
    text-align: justify;
}

/*#endregion*/

/*#region FORMULARIO */
.formulario-section {
    padding: 5rem 0 !important;
}

.formulario-section h1 {
    color: #F5B29E;
    font-family: 'FiraSans';
    font-size: 5rem;
}

.formulario-section h2 {
    color: #666666;
    font-family: 'FiraSans';
    font-size: 4rem;
}

.formulario-section .formulario {
    width: 100%;
    margin: auto;
}

input,
textarea {
    font-size: 1.4rem !important;
}

.input-nombre::placeholder,
.input-telefono::placeholder,
.input-pais::placeholder,
.input-fch-nacimiento::placeholder,
.input-apellido::placeholder,
.input-sexo::placeholder,
.input-email::placeholder,
.input-mensaje::placeholder {
    font-size: 1.4rem;
    color: #ADADAD;
    font-family: 'FiraSansLight';
}

.input-nombre,
.input-telefono,
.input-pais,
.input-fch-nacimiento,
.input-apellido,
.input-sexo,
.input-email,
.input-mensaje {
    padding: 15px 8px;
    border: 1.5px solid #808080 !important;
}

.enviar {
    font-size: 1.4rem;
    width: 20%;
    border: 1.5px solid #808080 !important;
    color: #ADADAD;
    font-family: 'FiraSansLight';
    padding: 15px 8px;
    border: 1.5px solid #808080;
    background-color: white;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    transition: background-color .3s;
}

.enviar:hover {
    background: #808080;
    color: white;
}

/*#endregion*/


/*#region FOOTER*/
footer {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

footer .logotipo {
    display: block;
    margin: auto;
    margin-bottom: 10rem;
    width: 100%;
    max-width: 200px;
}

footer h3 {
    font-weight: 600 !important;
    font-size: 1.8rem;
    padding-left: 2rem;
}

footer li {
    list-style-type: none;
}

footer li a {
    color: var(--textoGris);
    text-decoration: none !important;
    font-size: 1.5rem;
}

footer li a:hover {
    color: var(--textoAzul);
}

footer .border-top p,
footer .border-top span {
    color: #808080;
    margin: 1rem 0;
}

footer .border-top span {
    font-weight: bold;
    font-size: 1.4rem;
}

footer .border-top,
footer .border-end {
    border-color: #808080 !important;
}



/*#endregion*/

/*!========================================================================
 * PANTALLA GRANDE
 * ======================================================================!*/
@media only screen and (min-width:1925px) {
    .lotes {
        height: 100%;
    }

    .lotes .mapa {

        margin-top: 10%;
        margin-bottom: 10%;
    }

    .zoom {
        zoom: 1;
    }

}

@media only screen and (min-width:820px) {
    .modal-img-1-2 {
        display: none;
    }

    .modal-img-2-2 {
        display: none;
    }

    .modal-img-3-2 {
        display: none;
    }

    .modal-img-4-2 {
        display: none;
    }

    .modal-img-5-2 {
        display: none;
    }

    .modal-img-6-2 {
        display: none;
    }

}

/*!========================================================================
 * TABLET / IPAD AIR HORIZONTAL
 * ======================================================================!*/
@media (max-width: 1200px) {

    /*#region CARDS */
    .Fondo1 {
        display: block;
    }

    .Fondo2 {
        display: none;
    }

    .Fondo3 {
        display: none;
    }

    .cards-section .card p br {
        display: none;
    }

    /*#endregion*/
   
}

/*!========================================================================
 * BOOTSTRAP SIZE LG
 * ======================================================================!*/
@media only screen and (max-width: 992px) {
    .mapa {
        width: 532px
    }
}

/*!========================================================================
 * TABLET / IPAD AIR VERTICAL
 * ======================================================================!*/
@media (max-width: 820px) {
    .Fondo1 {
        display: none;
    }

    .Fondo2 {
        display: none;
    }

    .Fondo3 {
        display: block;
    }

    .modal-img-1-1 {
        display: none;
    }

    .modal-img-2-1 {
        display: none;
    }

    .modal-img-3-1 {
        display: none;
    }

    .modal-img-4-1 {
        display: none;
    }

    .modal-img-5-1 {
        display: none;
    }

    .modal-img-6-1 {
        display: none;
    }

    /*#region VIDEO INSTITUCIONAL */
    .modal-section {
        background-attachment: inherit;
        height: 50vh !important;
    }

    .modal-section img {
        width: 100px;
    }

    .video-container {
        width: 80%;
    }

    /*#endregion*/

    /*#region TORALEA */
    .toralea-section {
        background-attachment: inherit;
    }

    /*#endregion*/

    /*#region IMAGENES */
    #imagenesEfecto h3 {
        margin-top: 5rem;
    }

    #imagenesEfecto .swiper p {
        font-size: 1.6rem;
    }

    .mySwiper {
        padding-bottom: 10rem;
    }

    #imagenesEfecto .swiper-button-next,
    #imagenesEfecto .swiper-container-rtl #imagenesEfecto .swiper-button-prev {
        top: 80%;
    }

    #imagenesEfecto .swiper-button-prev,
    #imagenesEfecto .swiper-container-rtl #imagenesEfecto .swiper-button-next {
        top: 80%;
    }

    /*#endregion*/

    /*#region LOTIFICACION */
    .lotificacion img {
        width: 500px;
    }

    .lotificacion .seccion h3 {
        font-size: 2.4rem;
    }

    /* Línea */
    .lotificacion .seccion h3::after {
        width: 40px;
    }

    .lotificacion .seccion.izquierda h3::after {
        left: 90%;
    }

    .lotificacion .seccion.izquierda h3::before {
        left: 120%;
    }

    .lotificacion .seccion.derecha h3::after {
        right: 90%;
    }

    .lotificacion .seccion.derecha h3::before {
        right: 120%;
    }

    /* Secciones */
    .lotificacion .secciones .seccion:nth-child(1) {
        left: -5%;
    }

    .lotificacion .secciones .seccion:nth-child(2) {
        left: -24%;
    }

    .lotificacion .secciones .seccion:nth-child(3) {
        right: -24%;
    }

    .lotificacion .secciones .seccion:nth-child(4) {
        right: -15%;
    }

    .lotificacion .seccion p {
        font-size: 1.4rem;
    }

    /* Líneas amarillas casa club 2 */
    .lotificacion .casaclub2 h3::after {
        content: "";
        position: absolute;
        top: 175%;
        left: 33%;
        display: block;
        width: 40px;
        transform: rotate(90deg) !important;
        /* transform: translateY(-35%); */
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    .lotificacion .casaclub2 h4::after {
        content: "";
        position: absolute;
        top: 207%;
        left: 50.2% !important;
        display: block;
        width: 139px;
        /* transform: rotate(90deg) !important; */
        transform: translateY(-35%);
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    /* Línea amarilla -- casa club 1 */
    .lotificacion .casaclub1 h3::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -133%;
        display: block;
        width: 135px;
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    /* Línea amarilla */
    .lotificacion .amenidades h3::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -154%;
        display: block;
        width: 212px;
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    

    /*#endregion*/

    /*#region LOTES*/

    .lotes .etapas {
        font-family: 'Ethique', sans-serif;
        font-size: 1.8rem;
        width: auto;
        color: var(--btnAzul);
        border-color: var(--btnAzul);
        background-color: transparent !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
    }

    /*#endregion*/

    /*#region FORMULARIO */

    .formulario-section .formulario {
        width: 75%;
    }

    /*#endregion*/
    .santuario-section .textSan {
        top: 9rem !important;
        right: -1rem;
    }

    .santuario-section p {
        font-family: 'FiraSans' !important;
        font-size: 1.8rem;
        font-weight: 400;
        margin-bottom: 1rem;
        line-height: 1.4;
        margin-right: 4rem;
    }
    .santuario-section .slidertext {
        top: 20rem;
        left: 17rem;
    }

    .santuario-section .slidertext .swiper p {
        color: #fff;
        font-family: 'FiraSans' !important;
        text-align: end !important;
        font-size: 2rem;
        font-weight: 400;
        margin-bottom: 1rem;
        line-height: 1.4;
        margin-right: 2rem;
    }
    .santuario-section .slidertext .swiper span {
        color: #fff;
        font-family: 'FiraSansSemi' !important;
        text-align: end !important;
        font-size: 3rem;
        font-weight: 400;
        margin-bottom: 1rem;
        line-height: 1.4;
        margin-right: 2rem;
    }

    .toralea-section .Distancias p {
        font-family: 'FiraSans';
        font-size: 2rem;
        color: #fff;
        align-content: center;
        margin-left: 8%;
    }

    .toralea-section .Distancias img {
        width: 32%;
    }
    .toralea-section {
        position: relative !important;
        background-image: url(../../IMGViaPalmarWeb/SECCION6/FONDO-SECCION-6.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        padding: 7rem 0 !important;
    }
    #imagenesEfecto .frase {
        font-family: 'FiraSans';
        position: relative;
        font-size: 1.8rem;
        font-weight: 400;
        color: #666;
    }
    #header-content img {
        width: 72%;
    }
    #header-content p {
        font-size: 2.4rem;
        line-height: 1.2;
        margin-top: 3rem;
        margin-bottom: 0;
    }
    #header-content a {
        text-decoration: none;
        font-size: 2rem;
        margin-top: 3rem;
        font-weight: 600;
        color: var(--btnNaranja);
        letter-spacing: 1px;
    }
    .imgBanner2 .textoSisal h1 {
        letter-spacing: 1rem;
        font-size: 5rem;
        font-family: 'FiraSans';
        font-weight: 600;
        color: #fff;
    }
    .imgBanner2 .textoSisal h2 {
        font-size: 3rem;
        font-family: 'FiraSans';
        color: #fff;
        font-weight: 600;
        margin-bottom: 2rem;
    }
    .imgBanner2 .textoSisal p br{
       display: none !important;;
    }
    .imgBanner2 {
        position: relative;
        /* z-index: 1; */
        background: url("../../IMGViaPalmarWeb/SECCION6/FONDO-SECCION-6.jpg") no-repeat;
        background-size: 100%;
        background-position-y: 46rem;
    }
    .mySwiper2 br{
        display: none;
    }

    .noticias img {
        width: auto;
        height: 19rem;
    }
    .noticias {
        position: relative !important;
        background-image: url(../../IMGViaPalmarWeb/SECCION11/FONDOSECCION9-100.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        padding: 5rem 0 !important;
        text-align: center;
    }
    .formulario-section .formulario {
        width: 100%;
    }
    .enviar {
        font-size: 1.4rem;
        width: 34%;
        border: 1.5px solid #808080 !important;
        color: #ADADAD;
        font-family: 'FiraSansLight';
        padding: 15px 8px;
        border: 1.5px solid #808080;
        background-color: white;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
        transition: background-color .3s;
    }
}

@media (max-width: 768px) {

    

    /* Líneas amarillas casa club 2 */
    .lotificacion .casaclub2 h3::after {
        content: "";
        position: absolute;
        top: 170%;
        left: 33%;
        display: block;
        width: 39px;
        transform: rotate(90deg) !important;
        /* transform: translateY(-35%); */
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    .lotificacion .casaclub2 h4::after {
        content: "";
        position: absolute;
        top: 207%;
        left: 50.2% !important;
        display: block;
        width: 139px;
        /* transform: rotate(90deg) !important; */
        transform: translateY(-35%);
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    /* Línea amarilla -- casa club 1 */
    .lotificacion .casaclub1 h3::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -133%;
        display: block;
        width: 135px;
        height: 1px;
        background-color: var(--lineaAmarilla);
    }

    /* Línea amarilla */
    .lotificacion .amenidades h3::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -154%;
        display: block;
        width: 212px;
        height: 1px;
        background-color: var(--lineaAmarilla);
    }
}

/*!========================================================================
 * MOBILE
 * ======================================================================!*/
@media (max-width: 576px) {

    .santuario-section{
        display: none !important;
    }
    .mobile1{
        margin-bottom: 2rem;
    }

    .Fondo1 {
        display: none;
    }

    .Fondo2 {
        display: none;
    }

    .Fondo3 {
        display: block;
    }

    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /*#region HEADER */
    .isotipo-light,
    .isotipo-dark {
        display: none !important;
    }

    #scrollUp {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        font-size: 25px;
        line-height: 60px;
        background-color: #ffffff;
        color: #222222;
        right: 20px;
        bottom: 100px !important;
        text-align: center;
        overflow: hidden;
        z-index: 9811 !important;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }

    #scrollUp .fa, .far, .fas {
        font-family: "Font Awesome 5 Free" !important;
    }

    /*#endregion*/
    .noticias img {
        width: auto;
        height: 28rem;
    }

    /*#region HERO */
    #header-content img {
        width: 80%;
    }

    #header-content p br {
        display: none;
    }

    #header-content p {
        font-size: 2rem;
        width: 90%;
    }

    /*#endregion*/

    /*#region VIDEO INSTITUCIONAL */
    .modal-section img {
        width: 70px;
    }

    .video-container {
        width: 95%;
    }

    /*#endregion*/

    /*#region TORALEA */
    .toralea-section .logo {
        width: 50%;
        margin: auto;
    }

    .toralea-section .pilares {
        width: 90%;
        margin: 5rem auto;
    }

    .toralea-section .pilar {
        height: 30px;
    }

    .toralea-section p {
        color: white;
        font-size: 1.4rem;
        line-height: 1.4;
    }

    /*#endregion*/

    /*#region IMAGENES */
    .imgBanner2 {
        background-size: 227%;
    }

    #imagenesEfecto .frase br {
        display: none;
    }

    .lado {
        display: none !important;
    }

    #imagenesEfecto .swiper p {
        font-size: 2.2rem;
    }

    #imagenesEfecto .swiper-button-next,
    #imagenesEfecto .swiper-container-rtl #imagenesEfecto .swiper-button-prev {
        right: 35% !important;
    }

    #imagenesEfecto .swiper-button-prev,
    #imagenesEfecto .swiper-container-rtl #imagenesEfecto .swiper-button-next {
        left: 35% !important;
    }

    /*#endregion*/

    /*#region LOTIFICACION */
    .lotificacion img {
        width: 250px;
    }

    .lotificacion .seccion h3 {
        font-size: 1.5rem;
    }

    /* Línea */
    .lotificacion .seccion h3::after {
        width: 20px;
    }

    .lotificacion .seccion.izquierda h3::after {
        left: 90%;
    }

    .lotificacion .seccion.izquierda h3::before {
        left: 110%;
    }

    .lotificacion .seccion.derecha h3::after {
        right: 90%;
    }

    .lotificacion .seccion.derecha h3::before {
        right: 110%;
    }

    /* Secciones */
    .lotificacion .secciones .seccion:nth-child(1) {
        left: -15%;
    }

    .lotificacion .secciones .seccion:nth-child(2) {
        left: -24%;
    }

    .lotificacion .secciones .seccion:nth-child(3) {
        right: -24%;
    }

    .lotificacion .secciones .seccion:nth-child(4) {
        right: -20%;
    }

    .lotificacion .seccion p {
        font-size: 1rem;
    }

    /*#endregion*/

    /*#region FORMULARIO */

    .formulario-section .formulario {
        width: 90%;
    }

    .formulario-section h3 {
        margin-top: 6rem;
    }

    .formulario-section .formulario .enviar {
        width: 50%;
    }

    /*#endregion*/

    /*#region FOOTER */
    footer .mobile-border {
        border-right: none !important;
        border-bottom: 1px solid #808080 !important;
    }

    /*#endregion*/
    .swiperatractivos .swiper-button-next, .swiperatractivos .swiper-container-rtl .swiperatractivos .swiper-button-prev {
        right: 30% !important;
        color: #666 !important;
        top: 180%;
    }
    .swiperatractivos .swiper-button-prev, .swiperatractivos .swiper-container-rtl .swiperatractivos .swiper-button-next {
        left: 30% !important;
        color: #666 !important;
        top: 180%;
    }
}

.tamaños {
    margin-left: 15%;
    margin-top: 5rem;
}

.tamño {
    width: 70vw;
}

.galeriamodal {
    width: 28%;
    cursor: pointer;
}