main .content-home{
  padding-bottom: 0;
}

.carousel-inner img {
    height: 500px; 
    object-fit: cover; 
    width: 100%; 
}

.home-titulo{
    font-family: 'Jost', sans-serif;
    font-size: 2.5rem;
    color: #cc0000;
    font-weight: 500;
}

.home-subtitulo{
    font-family: 'Jost', sans-serif;
    font-size: 1.7rem;
    color: #cc0000;
}

.home-seccion-title{
    background: linear-gradient(90deg, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 60%, rgba(143,0,0,1) 100%);
    width: 100%;
    text-align: start;
    color: #fafafa;
}

.home-organiza{
    background-color: #f2f4f8;
}

/*LINEA ROJA TOP DE HOME*/
.header-top{
    background-color: #cc0000;
    height: 28px;
}

/* ------
---LOGO---
------- */
.logo {
    cursor: pointer; 
  }

  .logo img{
    max-height: 4rem;
    max-width: 100%;
    height: auto;
    width: auto;
  }



.logo-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

/* Menu */
.navbar
{
    justify-content: center;
}

@media (max-width: 992px) {
    .navbar
    {
        justify-content: start; /* Para que le boton del menú salga en un lateral en movil */
    }
}


/* HOME */
.home-logos{
    margin-top: 50px;
    margin-bottom: 20px;
}

/* Para intentar que los logos mantengan el aspect ratio, pero pierdo entonces el tamaño */
.aspect-ratio-container{
    position: relative;
    width: 100%;
    max-width:200px;    
}
.aspect-ratio-container img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: center;
}

.destacados{
  background-color:rgb(245, 245, 245);
  padding: 30px 3px 0 3px;
}

.destacados h2{
    font-size: 1.6rem;
    font-weight: 300;
}

.destacados h3{
    font-size: 1.3rem;
    font-weight: 400;
}

.noticia-fecha{
    font-size: 0.8rem;
    color: #686868;
    font-weight: 200;
    margin-bottom: 10px;
}

.noticias{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 20px;
    width: 100%;
    font-size: 1rem;
    margin-bottom: 40px;
  }
  
  .noticia {
    flex: 1 1 30%;
  }
  
  .noticia-img{
    width: 100%;
    height: 250px;
    overflow: hidden;
  }
  
  .noticia-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 10%;
    transition: all .3s ease;
  }
  
  .img-noticias{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: top;
    transition: all .3s ease;
  }
  
  
  .noticia-img img:hover {
    transform: scale(1.2);
  }
  
  .noticia-content {
    text-decoration: none;
    font-size: 0.9em;
    color: #022030;
  }
  
  @media (width <= 768px){
  
  .noticia {
    flex: 1 1 100%;
  }
}