/* Typography */

@font-face{
    font-family: "Lemon Medium";
    src: url('../fonts/LEMONMILK-Medium.otf');
   
}

@font-face{
    font-family: "Lemon Regular";
    src: url('../fonts/LEMONMILK-Regular.otf');
   
}

@font-face{
    font-family: "Lucida";
    src: url('../fonts/Lucida.ttf');
   
}

h1,h2,h3,h4,h5,h6{
    font-family: "Lemon Medium";
    
}

p{
    font-family: 'Lato', sans-serif;
}
.gold {
    
    color: #000;
    background: #fff;
    mix-blend-mode: multiply;
    position: relative;
}

.gold-ud {
    
   color:  rgba(231,195,119,1);
}

.green{
    color: #009287
}

.cursive{
    font-family: "Lucida";
}

.gold:before{
    content:'';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: screen;
    background: linear-gradient(90deg, rgba(172,130,60,1) 0%, rgba(199,195,119,1) 35%, rgba(198,166,97,1) 67%, rgba(231,195,119,1) 100%);
}

.banner{
    background: url("../media/principal-gaia-2560px-x-1440px.jpg") no-repeat center;
    background-size: cover; 
    height: 100vh;
}

.banner-masterplan{
    background: url("../media/masterplan-2560px-x-1440px.jpg") no-repeat center;
    background-size: cover; 
    height: 100vh;
}

.banner-galeria{
    background: url("../media/galeria-2560px-x-1440px.jpg") no-repeat center;
    background-size: cover; 
    height: 100vh;
}

.banner-brochure{
    background: url("../media/fondo-brochure-2560px-x-1440px.jpg") no-repeat center;
    background-size: cover; 
    height: 100vh;
}

.banner-esr{
    background: url("../media/imagen-esr-2560px-x-1440px.jpg") no-repeat center;
    background-size: cover; 
    height: 100vh;
}

.esr-1{
    background: url("../media/fondo-esr-1-2560px-x-1186px.jpg") no-repeat center;
    background-size: cover; 
   
}

.esr-2{
    background: url("../media/fondo-esr-2-2560px-x-1111px.jpg") no-repeat center;
    background-size: cover; 
   
}

.esr-3{
    background: url("../media/fondo-esr-3-2560px-x-2023px.jpg") no-repeat center;
    background-size: cover; 
   
}

.privacidad-1{
    background: url("../media/aviso-de-privacidad-2560px-x-844px.jpg") no-repeat center;
    background-size: cover; 
   
}

.privacidad-2{
    background: url("../media/aviso-de-privacidad-2-2560px-x-1695px.jpg") no-repeat center;
    background-size: cover; 
   
}

.privacidad-3{
    background: #ffe1ad;
    background-size: cover; 
   
}
.privacidad-4{
    background: url("../media/aviso-de-privacidad-2-2560px-x-1695px.jpg") no-repeat center;
    background-size: cover; 
   
}

.banner p{
    text-align: justify;
}


.brochure-cuadro{
    border-radius: 1rem;
    background-color:#009287cc;
    border: solid  rgba(199,195,119,1) .25rem;
}

.brochure-cuadro img{
    width: 125%;
    left: -25%;
    top: -120px;
}

.brochure iframe {
    display: block;
    border: none;
    /* Reset default border */
    height: 100vh;
    /* Viewport-relative units */
    width: calc(100%);
    background: transparent;
}
/* Menu */

.menu-bar{
    position: absolute;
    font-family: "Lemon Regular" !important;
    font-size: small;
}

.logo-esr{
    width: auto;
    height: 2rem !important;
}

.logo-gh{
    width: auto;
    height: 2.5rem !important;
}

/* Form  */
.form .text-justify{
    text-align: justify;
}
.form input, .form textarea, .form label{
    background: none !important;
    color: white !important;
    font-family: 'Lato', sans-serif;

}

.form .form-control:focus{
    border-color: #23f8c8 !important;
    box-shadow: 0 0 .5rem 0.25rem #23f8c840 !important;
   
}

.form{
    border-radius: 1rem;
    background-color:#009287cc;
}

.form button{
    background: linear-gradient(90deg, rgba(172,130,60,1) 0%, rgba(199,195,119,1) 35%, rgba(198,166,97,1) 67%, rgba(231,195,119,1) 100%);
    color:black;
    font-family: "Lemon regular";
    border: rgb(224, 200, 150) solid 1px;
}


.text-justify{
    text-align: justify;
}
/* form brochure */
.form-brochure .text-justify{
    text-align: justify;
}
.form-brochure input, .form-brochure textarea, .form-brochure label{
    background: none !important;
    color: white !important;
    font-family: 'Lato', sans-serif;

}

.form-brochure .form-control:focus{
    border-color: #23f8c8 !important;
    box-shadow: 0 0 .5rem 0.25rem #23f8c840 !important;
   
}


.form-brochure button{
    background: linear-gradient(90deg, rgba(172,130,60,1) 0%, rgba(199,195,119,1) 35%, rgba(198,166,97,1) 67%, rgba(231,195,119,1) 100%);
    color:black;
    font-family: "Lemon regular";
    border: rgb(224, 200, 150) solid 1px;
}
/* Nuestro desarrollo */

.nuestro-desarrollo{
    background: url("/media/nuestro-desarrollo-2560px-x-2880px.jpg") center center no-repeat;
    background-size: cover;
}

.border-nosotros{
    border: .25rem solid rgba(198,166,97,1);
}

/* Conócenos */
.conocenos{
    background: url("/media/conocenos-2560px-X-2880px.jpg") center center no-repeat;
    background-size: cover;
}

/* Certeza jurídica */

.certeza{
    background: url("/media/garantia-y-certeza-juridica-2560px-x-1440px.jpg") no-repeat center center;
    background-size: cover;
}

.certeza-img{
    border: .25rem solid rgba(198,166,97,1)
}

/* Galeria font */

.galeria-font{
    font-size: 1.5rem;
}

/* Footer */

.footer{
    background-color: #009287;
}

.copyright{
    background-color: #2f5657;
}
dd p{
    margin-bottom: 0px;
}

/* Iframe */

.container-iframe {
    border-width: 0px;
    border-style: solid;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.container-iframe iframe {
    overflow: hidden;
}


/* Then style the iframe to fit in the container div with full height and width */

.responsive-iframe {
    position: absolute;
    border-width: 0px;
    border-style: solid;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}



/* Responsive */

@media all and (max-width: 428px) {

    h2, h1{
        text-align: center !important;
    }

    p{
        text-align: justify !important;
    }

    .banner{
        background: url("../media/mobile/principal-inicio-gaia-320px-x-328px.jpg") no-repeat center;
        background-size: cover; 
        height: 400px !important;
    }


    .banner-masterplan{
        background: url("../media/mobile/fondo-masterplan-320px-x-466px.jpg") no-repeat center;
        background-size: cover; 
        height: 600px !important;
    }

    .banner-galeria{
        background: url("../media/mobile/fondo-galeria-320px-x-466px.jpg") no-repeat center;
        background-size: cover; 
        height: 600px !important;
    }

    .banner-masterplan h2{
        padding-bottom: 100px;
    }

    .banner-galeria h1{
        padding-bottom: 200px;
    }

    .nuestro-desarrollo{
        background: url("/media/mobile/fondo-nuestro-desarrollo-320px-x-1230px.jpg") center center no-repeat;
        background-size: cover;
    }

    .menu-bar .navbar-collapse{
        background-color: rgba(0, 0, 0, 0.787);
        padding:1rem;
        border-radius: 1rem;
    }
    .navbar-toggler{
        border-width: 0px !important;
        
    }
}

@media all and (min-width:1024px) {
    .container-iframe {
        height: 55px !important;
    }
}

@media all and (min-width:768px) and (max-width:1023px) {
    .container-iframe {
        height: 545px;
    }
}

@media all and (min-width:426px) and (max-width:767px) {
    .container-iframe {
        height: 545px;
    }
}

@media all and (max-width:425px) {
    .container-iframe {
        width: 100%;
        height: 250px;
    }
}