/*PRINCIPALES*/
@font-face {
    font-family: 'tipo_de_letra_principal' !important; /* Reemplaza "NombreFuente" por el nombre que desees darle a tu fuente */
    src: url('fonts/NeufileGrotesk-Regular.ttf') !important; /* Asegúrate de que la ruta sea correcta */
    /* Otros atributos opcionales */
    font-weight: normal !important;
    font-style: normal !important;
}
body{
    font-family: 'tipo_de_letra_principal' sans-serif !important;
}

.custom-font {
    font-family: 'tipo_de_letra_principal', sans-serif !important;
}
  
.w-100{
    width: 100%;
}
.w-95{
    width: 95%;
}
.letra-size-19{
    font-size: 1.4vw;
}
@media only screen 
   and (max-width : 576px) {
   .letra-size-19{
    font-size: 19px;
   }
}
/*ENLACES*/
.nav-obras{
    text-decoration: none;
    color: white;
}

/* BOTONES */
.btn-ico{
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.btn-ico:hover{
    color: rgb(0, 0, 70);
}
.img-ico{
    width: 10%;
}
.img-ico2{
    width: 4%;
}
.img-ico3{
    width: 6%;
}

/* LEYENDA DE IMG*/
.leyenda{
    padding: 5px;
    width: 90% !important;
    display: -webkit-inline-box;
}

/*Leyenda dentro de Imagen*/
.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
}
.texto-encima{
    position: absolute;
    bottom: 10px;
}

.text-top{
    top: 10px;
}