/* Barra superior */
.top-bar {
    background-color: #FCF2DC;    
}
.top-bar span {
    font-size: 1.5rem;
    font-weight: 400;   
    color: #2b3e4c; 
}

/* Banner */
.banner {
    height: 300px;
    background-color: #0b4766;
}

/* Iconos categoría */
.icon {
    font-size: 45px;
    color: #0b4766;
}

/* Iconos grandes tarjetas */
.icon-lg {
    font-size: 60px;
    color: #0b4766;
}

/* Sección inferior gris */
.resources-section {
    background-color: #f3f3f3;
}

/* Tarjetas */
.card {
    border: none;
    border-radius: 10px;
}

/*ESTO ES DE PRUEBA/TEST*/
.card {
    background-color: transparent;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.0);;
}

.card:hover {
    /* transform: translateY(-5px); */
    transition: 0.3s ease;
}
.navbar a {
    color: #f4dfb7 !important;   
}
.navbar a:hover {
    color: #fff !important;   
}

/* Botones de categorías */
.category-btn {
    text-decoration: none;
    background: #ffffff;
    border-radius: 10px;
    border: 2px solid #f1f1f1;
    transition: 0.3s ease;
    color: #2b3e4c;
}

.category-btn:hover {
    background: #2b3e4c;
    color: #fff !important;
    /* transform: translateY(-4px); */
    border-color: #2b3e4c;
}

.category-btn:hover .icon {
    color: #fff;
}

/* Íconos */
.icon {
    font-size: 45px;
    color: #2b3e4c;
}
/* Footer general */
.footer {
    background-color: #2b3e4c;
}

/* Enlaces */
.footer-link {
    color: #d7e6ee;
    text-decoration: none;
    transition: 0.2s;
}

.footer-link:hover {
    color: white;
    text-decoration: underline;
}

/*CUSTOMIZANDO LOS BOTONES*/
.btn-primary {
    background-color: #2b3e4c;
    border-color: #2b3e4c;
}
.btn-primary:hover {
    background-color: #2b3e4cc7;
    border-color: #2b3e4cc7;
}
/* .jumbotron {
    background-color: #87B867 !important;
    position: relative;
    overflow: hidden;
    min-height: 250px;
    vertical-align: middle;
}
.jumbotron img {
    position: absolute;
    top: -10px;
    right: -40px;
    filter:invert(0.4);        
    opacity: 0.6;
    transform: rotate(7deg);
} */

.jumbotron-custom {
  width: 100%;
  height: 350px; /* puedes ajustar la altura */
  background-image: url('img/lanin_otonio.png');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  padding: 3rem 1rem;
}
.jumbotron-custom {
  position: relative;
}

.jumbotron-custom::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.50); /* oscurecimiento opcional */
}

.jumbotron-custom .container {
  position: relative; /* para que el texto quede encima del overlay */
}
.text-creamy {
    color: #FCF2DC;
}
.parche:hover img{
    filter: brightness(9);
    transition: 0.3s ease;
}