/* Estilo general */
body {
    font-family: 'Roboto', sans-serif;
    padding-top: 56px; /* Espacio para el menú fijo */
}

/* Cabecera (menú de navegación fijo) */
.navbar {
    background-color: #121f45 !important; /* Forzar el color principal */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Añadir sombra para resaltar */
}

.navbar .nav-link {
    color: white !important; /* Asegurarnos que el texto del menú sea blanco */
}

.navbar .nav-link:hover {
    color: #f1f1f1 !important; /* Color del texto cuando se pasa el cursor */
}


/* Banner */
.banner {
    background-image: url('img/panama-buildings.jpg'); /* Imagen del banner */
    background-size: cover;
    background-position: center;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Fondo degradado para el texto del banner */
.banner-overlay {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra para el recuadro */
}

.banner h1, .banner p {
    color: #121f45; /* Color del texto */
}


/* Botones principales */
.btn-primary {
    background-color: #121f45;
    border-color: #121f45;
}

.btn-primary:hover {
    background-color: #0f1a3b;
    border-color: #0f1a3b;
}

/* Secciones de contenido */
section {
    padding: 60px 0;
}

section.bg-light {
    background-color: #f7f7f7;
}

footer {
    background-color: #121f45; /* Color del pie de página */
    color: white;
    padding: 20px 0;
    text-align: center;
}

footer p {
    margin: 0;
}

/* Imagenes */
.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave para las imágenes */
}

/* Ajustes para las imágenes del carousel */
.carousel-item img {
    max-height: 100px; /* Ajustar la altura máxima de los logotipos */
    object-fit: contain; /* Mantener las proporciones de la imagen */
}