.simulador {
    position: relative;
    max-width: 1900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: black;
    border: none;
}

section.simulador {
    flex-direction: initial !important;
}

.disclaimer {
    display: none;
}

img.camara-dep {
    width: 79px !important;
    border-radius: 29px !important;
    border: solid 4px #fff !important;
    padding: 15% !important;
}

td.estatus-vendido {
    color: red !important;
}

td.estatus-apartado {
    color: yellow !important;
}

td.estatus-libre {
    color: green !important;
}

h3.estatus.estatus-vendido {
    background-color: red !important;
}

h3.estatus.estatus-apartado {
    background-color: yellow !important;
    color: black !important;
}

h3.estatus.estatus-libre {
    background-color: green !important;
}


/*779*903*/

#fachada {
    width: 779px !important;
    height: 903px !important;
    left: 0px;
    top: 0px;
    opacity: 1;
}

#fachada2 {
    display: none;
    width: 768px !important;
    height: 890px !important;
    left: 0px;
    top: 0px;
    opacity: 0;
}

#fachada3 {
    display: none;
    width: 360px !important;
    height: 417px !important;
    left: 0px;
    top: 0px;
    opacity: 0;
}

#fachada4 {
    display: none;
    width: 576px !important;
    height: 668px !important;
    left: 0px;
    top: 0px;
    opacity: 0;
}

.nv14 {
    width: 990px !important;
    height: 476px !important;
}

.nv19 {
    width: 960px !important;
    height: 960px !important;
}

#tablas {
    width: auto;
    border: 3px solid white;
    color: #fff;
    margin-left: 1rem;
    text-align: center;
}

#tablas td {
    padding: 1.11rem 2rem 1.11rem 2rem;
}

.encabezados {
    background-color: #52403c;
}

.filas {
    color: #fff;
}

.filas:hover {
    background-color: #54c0e8;
}

.depa {
    background-color: transparent;
    border-radius: 15px;
    color: white;
}

.depa:hover {
    transition: 0.5s;
    background-color: #52403c;
}

.tabla1,
.tabla2,
.tabla3,
.tabla4,
.tabla5,
.tabla6,
.tabla7,
.tabla8,
.tabla9,
.tabla10,
.tabla11,
.tabla12,
.tabla13,
.tabla14,
.tabla15,
.tabla16,
.tabla17,
.tabla18,
.tabla19,
.tabla20 {
    display: none;
}

@media screen and (max-width: 1280px) {
    .simulador {
        flex-direction: column !important;
    }
}

@media (min-width: 1440px) {
    #map1 {
        display: block;
    }
    #map2 {
        display: none;
    }
    #map3 {
        display: none;
    }
    #map4 {
        display: none;
    }
}


/*Mapas responsivos*/

@media (min-width: 1024px) {
    #map1 {
        display: block;
    }
    #map2 {
        display: none;
    }
    #map3 {
        display: none;
    }
    #map4 {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .interactivo img {
        height: 890px;
        width: 768px;
    }
    #map1 {
        display: none;
    }
    #map2 {
        display: block;
    }
    #map3 {
        display: none;
    }
    #map4 {
        display: none;
    }
    section.simulador {
        flex-direction: column !important;
    }
}

@media screen and (min-width: 368px) and (max-width: 575px) {
    .interactivo img {
        height: 417px;
        width: 360px;
    }
    #map1 {
        display: none;
    }
    #map2 {
        display: none;
    }
    #map3 {
        display: block;
    }
    #map4 {
        display: none;
    }
    section.simulador {
        flex-direction: column !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .interactivo img {
        height: 668px;
        width: 576px;
    }
    #map1 {
        display: none;
    }
    #map2 {
        display: none;
    }
    #map3 {
        display: none;
    }
    #map4 {
        display: inline !important;
    }
    section.simulador {
        flex-direction: column !important;
    }
}

.imagen {
    background-image: url(../images/depas.jpg);
    width: auto;
    padding: 320px;
    text-align: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.imagen::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.logo-image1 {
    width: 30.6rem;
    height: 18.6rem;
}

.texto {
    text-transform: uppercase;
}

.plantas {
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    margin-left: 30rem;
    margin-top: 4.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.plantas h3 {
    text-align: left;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: white !important;
}


/*Simulador*/

.boton {
    background-color: var(--terciario);
    color: #fff;
    border-radius: 1.2rem;
    width: calc(80% - -80px);
    margin-top: 22px;
    PADDING: 0.6rem;
    border: none;
    font-size: 17px;
    cursor: pointer;
    text-transform: uppercase;
}

.boton:before {
    content: "» " !important;
    opacity: 0;
    margin-left: -15px;
    transition-duration: 0.2s;
}

.boton:hover:before {
    margin-left: 0px;
    opacity: 1;
}

.boton:hover {
    color: var(--terciario);
    background: rgba(0, 0, 0, 0.02);
    border: solid 1px gainsboro;
}

.vista {
    width: 526px;
    height: 219px;
}

.flex {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex-row {
    display: flex;
    flex-direction: row !important;
    justify-content: center;
    width: auto;
    margin: 0rem;
    padding-bottom: 16rem;
    background: #050505 !important;
}

.flex-row1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    margin: 1rem;
    background-color: var(--alterno);
}

#piso1,
#piso2,
#piso3,
#piso4,
#piso5,
#piso6,
#piso7,
#piso8,
#piso9,
#piso10,
#piso11,
#piso12,
#piso13,
#piso14,
#piso15,
#piso16,
#piso17,
#piso18,
#piso19,
#piso20,
#piso21,
#piso22,
#piso23,
#piso24,
#piso25 {
    display: none;
    padding-top: 3rem;
    letter-spacing: .3rem;
    padding-bottom: 3rem;
}

#seleccion,
#seleccion2,
#seleccion3,
#seleccion4,
#seleccion5,
#seleccion6,
#seleccion7,
#seleccion8,
#seleccion9,
#seleccion17 {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
    /*recuerda cambiara el 3 a 5*/
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

#seleccion10,
#seleccion11,
#seleccion12,
#seleccion13,
#seleccion14 {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 1fr);
    /*recuerda cambiara el 3 a 5*/
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

#seleccion15,
#seleccion16 {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr);
    /*recuerda cambiara el 3 a 5*/
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

#seleccion18,
#seleccion19,
#seleccion20 {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px
}

#seleccion21 {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px
}

#seleccion22,
#seleccion23 {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

#seleccion24 {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

#seleccion25 {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

#seleccion label,
#seleccion2 label,
#seleccion3 label,
#seleccion4 label,
#seleccion5 label,
#seleccion6 label,
#seleccion7 label,
#seleccion8 label,
#seleccion9 label,
#seleccion10 label,
#seleccion11 label,
#seleccion12 label,
#seleccion13 label,
#seleccion14 label,
#seleccion15 label,
#seleccion16 label,
#seleccion17 label,
#seleccion18 label,
#seleccion19 label,
#seleccion20 label,
#seleccion21 label,
#seleccion22 label,
#seleccion23 label,
#seleccion24 label,
#seleccion25 label {
    font-weight: bold;
    font-size: 1.8rem;
}

.estatus {
    background-color: #606362;
    color: white;
    max-width: 315px;
}

@media (min-width: 0px) and (max-width: 576px) {
    .simulador {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}


/*termina simulador*/

#cabecera-corridas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 1rem;
    width: auto;
}

#cabecera-corridas table {
    margin: 1rem;
}

#container-form {
    width: 772px;
    position: relative;
    align-items: center;
}

#contacto-ventas {
    color: white;
    background-color: var(--alterno);
}

.logo-footer {
    width: 280px;
    height: 141px;
}

#vista1 {
    display: grid;
}

.dos svg,
.cuatro svg,
.seis svg,
.ocho svg {
    stroke: #fff !important;
    background-color: #606362;
    border-radius: 50%;
    height: 7rem;
    width: 7rem;
}

.vistas {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 370px;
    height: 500px;
    padding: 4rem;
}

.dos,
.ocho {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cuatro,
.seis {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#muestra {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 2rem;
}

#corridas {
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: .3rem;
    border: 2px solid var(--uno);
    padding: 5px 10px;
    height: 50px;
    margin: 10px auto;
    width: 420px;
}

.piso0 {
    width: 701px;
    height: 520px;
}

.piso1 {
    width: 701px;
    height: 520px;
}

#desc-price,
#total,
#total-enganche,
#total-diferido,
#total-mensualidades,
#total-contra {
    text-align: left;
}

#plantas-ref1,
#tituloCorrida1,
#contacto-ventas {
    margin-left: 1rem;
    margin-top: 1rem;
    font-size: 2rem;
}

#contacto-ventas {
    width: 800px;
}

#corrida-fin1 {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.label-corrida {
    font-size: 2.5rem;
    color: #fff;
    font-weight: bold;
}

#info1-1,
#info1-2,
#info1-3,
#info1-4 {
    display: none;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    max-width: 850px;
    height: 400px;
    font-size: 2rem;
    letter-spacing: .2rem;
}

.titulo {
    text-align: right;
}

#tituloDepto {
    text-transform: uppercase;
    color: white;
}

.separador {
    padding-top: 10rem !important;
    padding-bottom: 6rem !important;
    background-color: black;
    width: auto;
    height: 7rem;
    letter-spacing: .3rem;
    padding: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*-webkit-text-stroke: 1px black;*/
}

.separador1 {
    background-color: black;
    width: auto;
    height: 7rem;
    letter-spacing: .3rem;
    padding: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*-webkit-text-stroke: 1px black;*/
}

.plantas-ref {
    grid-column: 4/4;
}

#contacto-ventas input::placeholder {
    color: #fff;
}

#contacto-ventas input {
    color: #000000;
}

#contacto-ventas textarea::placeholder {
    color: #fff;
}

#contacto-ventas textarea {
    color: #fff;
}

input#form_button {
    color: #000000 !important;
}

@media screen and (max-width: 576px) {
    .simulador {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .separador {
        padding-top: 8rem !important;
        padding-bottom: 3rem !important;
    }
    .piso1 {
        width: 351px;
        height: 273px;
    }
    .flex-row {
        display: flex;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
        width: 550px;
        margin: 0%;
        padding-top: 1rem;
    }
    .plantas {
        margin-left: 0px;
    }
    .vistas {
        padding: 0px;
        width: 460px;
        height: 412px;
    }
    .dos svg,
    .cuatro svg,
    .seis svg,
    .ocho svg {
        height: 4rem;
        width: 4rem;
    }
    .separador1 {
        height: 5rem;
    }
    #titulodepto {
        font-size: 15px;
    }
    .flex-row1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: auto;
        margin: 1rem;
        background-color: var(--alterno);
    }
    #info1-1,
    #info1-2,
    #info1-3,
    #info1-4 {
        display: none;
        color: #fff;
        flex-direction: column;
        justify-content: center;
        max-width: 550px;
        height: 299px;
        font-size: 1rem;
        letter-spacing: .2rem;
    }
    .label-corrida {
        font-size: 1.5rem;
    }
    #corridas {
        font-size: 0.8rem;
        padding: 5px 10px;
        height: 30px;
        margin: 6px auto;
        width: 350px;
    }
    #cabecera-corridas table {
        margin: 0rem;
    }
    #contacto-ventas h3 {
        font-size: 1rem;
    }
    .form-control {
        width: 50% !important;
    }
}