/* Fondo del carrusel con banner.png */
#banner { background-image: url('../images/banner.png');
background-size: cover;
background-repeat: no-repeat;
padding: 20px;
border-radius: 10px;
/* Botón Conoce Más con color de la Fundación */ .btn-custom { background-color: #F4A261 !important; /* Color de la paleta de la Fundación */ color: white !important; /* Texto en blanco para mejor visibilidad */ border: none; padding: 12px 24px; font-size: 18px; font-weight: bold; border-radius: 5px; transition: all 0.3s ease-in-out; display: inline-block; text-align: center; text-decoration: none; } /* Efecto hover (cuando el mouse pasa sobre el botón) */ .btn-custom:hover { background-color: #E76F51 !important; /* Color más oscuro en hover */ color: white !important; transform: scale(1.05); /* Efecto de crecimiento leve */ } }
/* Ajustes del carrusel para que se vea bien dentro del marco */
.carousel-inner img { border-radius: 5px;
max-height: 500px; /* Ajusta la altura si es necesario */
object-fit: cover;
}.carousel-item img { width: 100%;
height: fit content; }
.carousel-item { max-height: 1080px; }