.btnAtras {
    position: fixed;
    top: 110px;
    left: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: var(--colorprimary);
    font-size: 3em;
    z-index: 6;
}

.titulo {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Slider */
.slider {
    width: 95%;
    margin: auto;
    max-width: 1920px;
}

.precioycontacto {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 90%;
    margin: auto;
}

.precioycontacto .precio h1:nth-child(1),
.precioycontacto .precio h1:nth-child(3) {
    font-size: 1em;
}

.precioycontacto .precio h1:nth-child(2) {
    font-size: 2em;
}

.descripcion {
    max-width: 95%;
    margin: auto;
}

.descripcion .detalleinmueble {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    width: 95%;
    margin: auto;
    padding: 20px 0;
}

.descripcion .detalleinmueble .titulodescripcion {
    text-align: center;
    padding: 10px;
}

.descripcion .detalleinmueble .detalles ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media screen and (max-width: 768px) {
    .descripcion .detalleinmueble.detallesgenerales, .descripcion .detalleinmueble.detallesinterior, .descripcion .detalleinmueble.caracteristicasexteriores {
        justify-content: flex-start;
    }
}

.descripcion .detalleinmueble .descripcioninmueble {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
    text-align: justify;
    flex-wrap: wrap;
}

.descripcion .detalleinmueble .descripcioninmueble p {
    padding: 2px 10px;
    max-width: 350px;
}

.descripcion .detalleinmueble .detalles ul li::before {
    content: "\ede7";
    font-family: 'boxicons';
    margin-right: 2px;
}

.ubicacion .titulo {
    background-color: var(--colorprimary);
    border-radius: 20px 20px 0 0;
    color: #fff;
    padding: 10px;
    max-width: 350px;
    margin: 10px auto 0 auto;
}

.ubicacion .mapa {
    width: 90%;
    margin: 0 auto 10px auto;
}

.ubicacion .mapa iframe {
    width: 100%;
    height: 300px;
    border-radius: 0 0 20px 20px;
}

.video .titulo {
    background-color: var(--colorprimary);
    border-radius: 20px 20px 0 0;
    color: #fff;
    padding: 10px;
    max-width: 350px;
    margin: 10px auto 0 auto;
}

.video .videoyt {
    width: 90%;
    margin: 0 auto 10px auto;
}

.video .videoyt iframe {
    width: 100%;
    height: 400px;
    border-radius: 0 0 20px 20px;
}

/* Sección Información */
.informacion {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--colorprimary);
    margin: auto;
}

.informacion p {
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    max-width: 300px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.informacion p:nth-child(1) {
    max-width: 300px;
}

.informacion .botonwhatsapp {
    max-width: 250px;
    text-align: center;
    background-color: #4a4949;
    box-shadow: 0 4px 10px #000;
    border-radius: 20px;
    margin-top: -5px;
    margin-bottom: -5px;
}

.informacion .botonwhatsapp p {
    color: #fff;
    padding: 10px;
}

.informacion .botonwhatsapp img {
    width: 90%;
    padding: 20px;
}

@media screen and (max-width: 768px) {
    .precioycontacto {
        justify-content: center;
    }

    .precioycontacto .precio {
        padding: 10px;
    }

    .precioycontacto h1 {
        text-align: center;
    }

    .descripcion .detalleinmueble .titulodescripcion {
        text-align: center;
        width: 100%;
    }

    .descripcion .detalleinmueble .detalles ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 480px) {
    .descripcion .detalleinmueble .detalles ul {
        grid-template-columns: 1fr;
    }
}