body {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 0.9em;
    color: gray;
}

a {
    color: gray;
}

h6 {
    font-size: 1em;
}


a:hover {
    color: gray;
    text-decoration: none;
}

/* Header */

.navbar {
    flex-direction: column;
    font-size: 1.1em;
}

.navbar-light .navbar-nav .nav-link {
    color: gray;
}


.navbar-light .navbar-nav .nav-link:hover {
    color: #81746d;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}


.logo {
    background-color:#dbdada;
}

.dropdown-toggle::after {
    display:none;
}


.navbar-toggler {
    border: none;
}

button:focus {
    outline: none;
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #81746d;
}

.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #dccbc0;
}


@media screen and (max-width:768px) {
    .navbar {
        flex-direction: column;
        font-size: 1.2em;
    }

    .navbar-collapse {
        width: 100%;
    }
}

/* Footer */

.footer {
    background-color: #81746d;
    color: #cdb0a2;
    font-weight: lighter;
}

.footer p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.8em;
}

/* Cards section */

.cards-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto 1em auto;
    position: relative;

}


.cards-container .card-slider {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    scroll-behavior: smooth;

}

.cards-container .card {
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 170px;
    margin: 1em;
    padding: 0;
    box-shadow: 4px 4px 13px -8px rgba(0,0,0,0.75);
    
}

.cards-container .card:first-child {

    margin-left: 0 ;
    
}

.cards-container .card:hover {
    opacity: 0.9;
    cursor: pointer;
}

.cards-container .card .card-image img {
    width: 100%;
    border-radius: 2px;
    display: block;
    
}
.cards-container .card .card-description {
    display: flex;
    flex-direction: column;
    width: 75%;
    background-color: white;
    position: absolute;
    bottom: 0;  
    padding: 0.5em;
}

.cards-container .card .card-description p {
    font-size: 0.7em;
    margin-bottom: 0;
}

.cards-container .card .card-description h2 {
    font-size: 0.9em;
    margin-bottom: 0;
}

.flecha-izquierda-card-slider {
    display: flex;
    align-items: center;
    position: absolute;
    background-color:white;
    left: 0;
    z-index: 1000;
    padding: 0.4em;
}
.flecha-derecha-card-slider {
    display: flex;
    align-items: center;
    position: absolute;
    background-color:white;
    right: 0;
    z-index: 1000;
    padding: 0.4em;
}

.flecha-izquierda-card-slider:hover,
.flecha-derecha-card-slider:hover {
    opacity: 1;
 
}

/* Menu proyectos */

.menu-proyectos {
    padding: 0;    
}

.lista-proyectos {
    list-style: none;
    padding: 1em 0 0 0;
}

.menu-proyectos .lista-proyectos .lista-proyectos-item {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.menu-proyectos .lista-proyectos .lista-proyectos-item:hover {
    background-color: #81746d;
}
.menu-proyectos .lista-proyectos .lista-proyectos-item a {
    display: block;
    text-decoration: none;
    color: grey;
    padding-left: 2em;
}

.menu-proyectos .lista-proyectos .lista-proyectos-item a:hover {
    color: white;
}

.marcado {
    background-color: #ececec;
}

/* Proyectos */

.proyecto {
    padding: 1em 0 0 0;
    margin: 0;
    border-left: 1px solid gainsboro;
}

.titulo-proyecto {
    font-size: 1.3em;
    color: #81746d;
    font-weight: bold;
    margin-left: 2em;
    margin-top: 1em;

}


.lista-icono-proyecto {
    list-style: none;
}

.lista-icono-proyecto li {
    border-bottom: 1px solid gainsboro;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lista-icono-proyecto li img {
    width: 2.1em;
    margin-right: 1.7em;
}

.imagenes-proyecto {
    padding: 1em;
}

.imagen-galeria {
    display: flex;
    width: 100%;
    margin-bottom: 1em;
}

.imagen-galeria-container {
    padding-right: 1em;
}

.imagen-galeria-container:last-child {
    padding-right: 0;
}

.imagen-galeria .imagen-galeria-container img {
    width: 100%;
}

@media screen and (max-width:1024px) {
    .proyecto {
        padding: 0;
        margin: 0;
        border-left: none;
    }
    .lista-icono-proyecto {
        padding-inline-start: 10px;
        padding-inline-end: 10px;
    }

    .titulo-proyecto {

        margin-left: 0.6em;
    }    
}


/* Texto estudio */

.texto-estudio {
    padding: 3em;
}

@media screen and (max-width:768px) {
    .texto-estudio {
        padding-bottom: 0;
    }
}

/* Slider revista Living */


.slider-living {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.slider-living .flecha-izquierda {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    height: 30%;
    z-index: 500;
    border-radius: 0 1rem 1rem 0;
}

.slider-living .flecha-derecha {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    height: 30%;
    z-index: 500;
    border-radius: 1rem 0 0 1rem;
}


.slider-living .flecha-izquierda,
.slider-living .flecha-derecha {
    background-color:rgba(255, 255, 255, 0.7);

}

.slider-living .flecha-izquierda:hover,
.slider-living .flecha-derecha:hover {
    background-color:rgba(255, 255, 255, 0.8);
}

.slider-living .flecha-izquierda img,
.slider-living .flecha-derecha img {
    width: 50%;
}


.slider-living .carrousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 600px;
    
}

.slider-living .carrousel-container .carrousel-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    scroll-behavior: smooth;
    overflow: hidden;
}

.slider-living .carrousel-container .carrousel-img img {
    width: 100%;
}