/*c*/

@font-face {
  font-family: 'Sublima-Light';
  src: url('../fonts/sublima/Sublima-Light.otf');
}

@font-face {
  font-family: 'Sublima-Bold';
  src: url('../fonts/sublima/Sublima-ExtraBold.otf');
}

:root {
  --cGuinda: #A50034;
  --cCafe: #CEB888;
  --cGris: #EDEEF0;
  --cGrisF: #63666A;
  --cAzul: #253746;

}

*,
*::before,
*::after{
    margin:0;
    padding: 0;
    box-sizing: inherit;
    text-decoration: none;
    list-style: none;
    text-decoration: none;
}


.fondo_encabezado{
    width: 100%;
    max-width: 100%;
/*    width: 100vw;*/
    position: relative;
    top: 4.3rem;
    background-image: url("../images/encabezado_apartado.png");
    background-repeat: no-repeat;
/*    background-size: 100%,*/
    /* background-size: contain; */
/*    background-size: cover;*/
    height:12.5rem;
}


.contenedor_construccion{
    margin: 3rem;

}

.titulo_construccion{
    font-size: 2.8rem;
    font-family: 'Sublima-Bold';
/*    font-family: 'Sublima-Light';*/
    color: var(--cAzul);
    text-align: center;
    display: block;
}
.img_construccion{
    margin: auto;
    display: block;
}
.logo_construccion{
    margin: auto;
    display: block;
    width: 40%; 

}
/*filtro gris comentar cuando no se urilize pra titulos*/
/*header img{
    filter: grayscale(100%);
    transition: filter 1s;
}*/

@media (min-width: 1903px) {
  /* … */
    .fondo_encabezado{
        background-size: cover;
    }
}

@media (min-width: 1500px) {
  /* … */
    .fondo_encabezado{
        top: 4rem;
    }
}
@media (max-width:1280px){
    .fondo_encabezado{
        height: 12.6rem;
        background-image: url("../images/encabezado_apartado_1280.png");
        background-size: contain;
    }
    .titulo_construccion{
        font-size: 1.7rem;
        text-align: center;
    }
    .contenedor_construccion{
        margin: 4rem 1rem;
    }
}
@media (max-width:500px){
    .fondo_encabezado{
        height:10.8rem;
        background-image: url("../images/400.png");
    }
}



.titulosCafes{
    font-size: 30px;
    font-family: 'Sublima-Bold';
/*    font-family: 'Sublima-Light';*/
    color: var(--cCafe);
    text-align: center;
    display: block;
}
.titulosAzul{
    font-size: 30px;
    font-family: 'Sublima-Bold';
/*    font-family: 'Sublima-Light';*/
    color: var(--cAzul);
    text-align: center;
    display: block;
}

.contenedor-interes{
    display:flex;
    min-height:600px;
}

.sidenav{
    width:300px;
    background:#f5f5f5;
    padding:20px;
    border-right:1px solid #ddd;
}

.sidenav h4{
    margin-top:20px;
    color:#253746;
    font-size:18px;
}

.sidenav a{
    display:block;
    padding:8px 0;
    color:#333;
    text-decoration:none;
    font-size:15px;
}

.sidenav a:hover{
    color:#253746;
    font-weight:bold;
}

.contenido{
    flex:1;
    padding:40px;
}

#tituloContenido{
    color:#253746;
}