@charset "UTF-8";
/* CSS Document */
:root {
    --fuente-documento: 'Gotham Rounded light';
    --color-primario:#BDA680;
    --color-secundario: #BDA680;
    --color-link: #BDA680;
    --color-oscuro: #2F302B;
    --titulo-inicio:4.0rem;
    --titulo-inicio-m:1.2rem;
    --titulo-principal: 3.2rem;
    --titulo-secciones: 2.5rem;
    --subtitulos: 2.0rem;
    --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;

}

.logo-principal{
	width:25%;
}

.fondo_azul_nuvo_23{
    background: #079ed8;
    -webkit-box-shadow: inset 1px 0px 94px -51px rgba(0,0,0,1);
    -moz-box-shadow: inset 1px 0px 94px -51px rgba(0,0,0,1);
    box-shadow: inset 1px 0px 94px -51px rgba(0,0,0,1);
}
.pp_23{
    padding-top: 300px;
}
.mm_2{
    margin-top: 250px;
}

/*
Clases nuevas elias */

.fondo_destacado{
    background: var(--fondo_destacado);
}
.fondo_etapa_2{
    background:url("../images/fondo_monaco_etapa2.jpg") left top no-repeat;
    background-size: cover;
    height: 900px;
}
.fondo_galeria_mon{
    background: #A0A0A0;
    height: 1080px;
}

.top_mpnaco_azul_1{
    top: -380px
}
.fondo_etapa_1{
    background:url("../images/fondo_monaco_etapa1.jpg") left top no-repeat;
    background-size: cover;
    height: 900px;
}

/* Clases nuevas elias */

.fs-1 {
    font-size: calc(1.395rem + 1.4vw) !important;
}
h1{
    font-family: 'Saphira DEMO';
}

/* Reset */
a {
    text-decoration: none;
    color: var(--text);
    vertical-align:middle;
}

html{
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}
body{
    font-family: 'Gotham Rounded light';
    color: var(--gris-fuerte);
    -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   header 
   ========================================================================== */
/* ==========================================================================
INPUT
========================================================================== */
.fondo_ubicaicon{
    background:url("../images/img_ubicacion.png") top center no-repeat;
    background-size: cover;
    height: 700px;
}
.pad_ubicacion{
    padding-top: 200px;
}

.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;
}

.form-select{
    background: none !important;
    border:1px solid #CBB062 !important;
    color: #CBB062 !important;
    border-radius: 0px;
}
.form-control{
    background: none !important;
    border:none !important;
    border-bottom:1px solid #ced4da !important;
    color: #fff !important;
}
.form-select::placeholder{
    color: #CBB062 !important;
}
.form-control::placeholder{
    color: #fff !important;
}
.input-group-text_v {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    background-color:none;
    border-bottom:1px solid #ced4da;
}
/* ==========================================================================
INPUT
========================================================================== */

.menu-movil div{
    height: 2px;
    width: 25px;
    background:rgb(255, 255, 255);
    margin-bottom: 5px;
}
.alto_camp_1{
    background:#C1C1C1 center no-repeat;
    background-size: cover;
    height: 850px !important;
}
.alto_camp_2{
    background:#424346 center no-repeat;
    background-size: cover;
    height: 350px !important;
}
.text_f50_camp{
    font-size:30px;
    line-height: 30px;
}

.menu_1 {
    position: relative;
    transition: color 0.3s ease-in-out;
}
.menu_1::before {
    content: "";
    position: absolute;
    top: 100%;
    width:90%;
    height: 1px;
    background-color: var(--link-1);
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}
.menu_1:hover {
    color: var(--link-1);
}
.menu_1:hover::before {
    transform: scaleX(1);
}
.fondo_1{
    background-color: var(--fondo_destacado);
}
.fondo_2{
    background-color: var(--color-secundario);
}
/* ==========================================================================
CLASES MAIN ========================================================================== */
.fondo_gris_1{
    background: var(--fondo_griss_1);
}
.espacio_letra{
    letter-spacing: 4.8px;
    color: #797979;
}
.enlace_hotel_v{
    color:darkgray;
}
.enlace_hotel_v:hover{
    color:#A000B7;
}
.linea_1_v{
    border: #56388E solid 0.2rem;
}
.linea_2_v{
    border: #56388E solid 0.01rem;
}
.linea_3_v{
    border: #35215A solid 0.0001rem;
}
.linea_4_v{
    border:#CBCBCB solid 0.0001rem;
}
.linea_5_v{
    border: #B4842B solid 0.2rem;
}
.linea_6_v{
    border: #B4842B solid 0.01rem;
}
/* ==========================================================================
FIN CLASES MAIN ========================================================================== */

/* ==========================================================================
a {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}
a:hover, a:focus {
  background-size: 100% 2px;
}
 ========================================================================== */
@media (max-width:1399px) {

    .top_mpnaco_azul_1{
        top: -390px
    }
}



@media (max-width:1199.98px) {
    .pp_23{
        padding-top: 200px !important;
    }
    .mm_2{
        margin-top: 150px !important;
    }
}

@media (max-width: 992px){
    .pp_23{
        padding-top: 130px !important;
    }
    .fondo_etapa_2{
        background:url("../images/fondo_monaco_etapa2.jpg") center top no-repeat;
        background-size: cover;
        height: 700px;
    }
    .top_mpnaco_azul_1{
        top: -250px
    }
    .fondo_galeria_mon{
        background: #A0A0A0;
        height: 800px;
    }
    .fondo_etapa_1{
        background:url("../images/fondo_monaco_etapa1.jpg") left top no-repeat;
        background-size: cover;
        height: 700px;
    }
}

@media (max-width: 768px){
    

    .fondo_etapa_2{
        background:url("../images/fondo_monaco_etapa2.jpg") center top no-repeat;
        background-size: cover;
        height: 650px;
    }
    .fondo_etapa_1{
        background:url("../images/fondo_monaco_etapa1.jpg") left top no-repeat;
        background-size: cover;
        height: 650px;
    }
    .fondo_galeria_mon{
        background: #A0A0A0;
        height: 500px;
    }
    .fondo_ubicaicon{
        background:url("../images/img_ubicacion_2.jpg") bottom center no-repeat;
        background-size: cover;
        height: 700px;
    }
    .pad_ubicacion{
        padding-top: 150px;
    }
    
    .alto_camp_1{
        background:#C1C1C1 center no-repeat;
        background-size: cover;
        height: 600px !important;
    }
	
	.fs-2 {
	    font-size: calc(1.2rem + .9vw)!important;
	}
    
    .logo-principal{
		width:40%;
	}
	.cuadro-contenedor-opcion{
		min-height: 300px;
	}
	.pp_23{
        padding-top: 230px !important;
    }
}
@media (max-width: 575px){
    .pp_23{
        padding-top: 80px !important;
    }
    .fondo_etapa_2{
        background:url("../images/fondo_monaco_etapa2.jpg") center top no-repeat;
        background-size: cover;
        height: 500px;
    }
    .fondo_etapa_1{
        background:url("../images/fondo_monaco_etapa1.jpg") left top no-repeat;
        background-size: cover;
        height: 500px;
    }
    .fondo_galeria_mon{
        background: #A0A0A0;
        height: 450px;
    }

    .fondo_ubicaicon{
        background:url("../images/img_ubicacion_2.jpg") bottom center no-repeat;
        background-size: cover;
        height: 700px;
    }
    .pad_ubicacion{
        padding-top: 150px;
    }
}
@media (max-width: 480px){
    .pp_23{
        padding-top: 60px !important;
    }
    .top_mpnaco_azul_1{
        top: -300px
    }
    .fondo_ubicaicon{
        background:url("../images/img_ubicacion_2.jpg") bottom center no-repeat;
        background-size: cover;
        height: 700px;
    }
    .pad_ubicacion{
        padding-top: 200px;
    }
    .titulo-inicio{
        font-size:var(--titulo-inicio-m);
    }
}

/* ==========================================================================
   Fin header 
   ========================================================================== */



/* ==========================================================================
   footer 
   ========================================================================== */
.logo-pie{
    max-width: 150px;
}

/* ==========================================================================
   Fin footer
   ========================================================================== */



/* ==========================================================================
   CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
/* ==========================================================================
   colors
   ========================================================================== */
.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);
}
/* ==========================================================================
   colors
   ========================================================================== */

/* ==========================================================================
  texts
   ========================================================================== */
.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);
}
a{
    color: var(--color-link);
}
b{
    font-family: 'Gotham Rounded bold';
}

/* ==========================================================================
  texts
   ========================================================================== */
/* ==========================================================================
  inputs
   ========================================================================== */
input[type=button]{
    border: none;
    background:#BDA680;
    color: #FFFFFF;
    padding: 5px;
}
input::placeholder{
    color: #fff !important;
}

.contact input[type=text]{
    border: none;
    background: none;
}
.contact input::placeholder{
    color: #fff !important;
}
/* ============================================================ ==============
  inputs
   ========================================================================== */
/* ==========================================================================
   font-face
   ========================================================================== */

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

@font-face {
    font-family: 'Gotham Rounded bolditalia';
    src: url('../fuentes/GothamRounded-BoldItalic.eot');
    src: url('../fuentes/GothamRounded-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fuentes/GothamRounded-BoldItalic.woff2') format('woff2'),
        url('../fuentes/GothamRounded-BoldItalic.woff') format('woff'),
        url('../fuentes/GothamRounded-BoldItalic.ttf') format('truetype'),
        url('../fuentes/GothamRounded-BoldItalic.svg#GothamRounded-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded medium';
    src: url('../fuentes/GothamRounded-Medium.eot');
    src: url('../fuentes/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fuentes/GothamRounded-Medium.woff2') format('woff2'),
        url('../fuentes/GothamRounded-Medium.woff') format('woff'),
        url('../fuentes/GothamRounded-Medium.ttf') format('truetype'),
        url('../fuentes/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded Book';
    src: url('../fuentes/GothamRounded-BookItalic.eot');
    src: url('../fuentes/GothamRounded-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('../fuentes/GothamRounded-BookItalic.woff2') format('woff2'),
        url('../fuentes/GothamRounded-BookItalic.woff') format('woff'),
        url('../fuentes/GothamRounded-BookItalic.ttf') format('truetype'),
        url('../fuentes/GothamRounded-BookItalic.svg#GothamRounded-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded medium';
    src: url('../fuentes/GothamRounded-MediumItalic.eot');
    src: url('../fuentes/GothamRounded-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fuentes/GothamRounded-MediumItalic.woff2') format('woff2'),
        url('../fuentes/GothamRounded-MediumItalic.woff') format('woff'),
        url('../fuentes/GothamRounded-MediumItalic.ttf') format('truetype'),
        url('../fuentes/GothamRounded-MediumItalic.svg#GothamRounded-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Gotham Rounded lightitalic';
    src: url('../fuentes/GothamRounded-LightItalic.eot');
    src: url('../fuentes/GothamRounded-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fuentes/GothamRounded-LightItalic.woff2') format('woff2'),
        url('../fuentes/GothamRounded-LightItalic.woff') format('woff'),
        url('../fuentes/GothamRounded-LightItalic.ttf') format('truetype'),
        url('../fuentes/GothamRounded-LightItalic.svg#GothamRounded-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded light';
    src: url('../fuentes/GothamRounded-Light.eot');
    src: url('../fuentes/GothamRounded-Light.eot?#iefix') format('embedded-opentype'),
        url('../fuentes/GothamRounded-Light.woff2') format('woff2'),
        url('../fuentes/GothamRounded-Light.woff') format('woff'),
        url('../fuentes/GothamRounded-Light.ttf') format('truetype'),
        url('../fuentes/GothamRounded-Light.svg#GothamRounded-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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



/* ==========================================================================
  font-face
   ========================================================================== */



@media (max-width:1200px) {
}
@media (max-width: 425px){
	
    .logo-principal{
		width:40%;
	}
	.cuadro-contenedor-opcion{
		min-height: 195px;
	}
	.pp_23{
        padding-top: 90px !important;
    }
    
	.fs-2 {
	    font-size: calc(0.86rem + .9vw)!important;
	}
}

@media (max-width: 375px){
	
    .logo-principal{
		width:45%;
	}
}