body {
    font-family: 'Montserrat', serif;
}

.navbar-brand {
    font-weight: bold;
}

.navbar-brand .logo {
    height: auto;
    width: 160px;
}

/* Separación entre los items del menú */
.navbar-nav .nav-item {
    margin-right: 15px; /* Aumenta la separación */
}

.navbar-nav .nav-link {
    color: #333;
    transition: color 0.3s ease, border-bottom 0.3s ease, font-weight 0.3s ease;
    padding-bottom: 5px; /* Aumenta el espacio debajo del texto */
}

.navbar-nav .nav-link:hover {
    color: #007bff;
    border-bottom: 3px solid #007bff; /* Línea más gruesa */
    font-weight: bold; /* Texto en negrita */
}

.banner {
    background-size: cover;
    width: 100vw; /* Ancho completo de pantalla */
    padding-left: 20px; /* Márgenes laterales */
    padding-right: 20px; /* Márgenes laterales */
}

@media (min-width: 1200px) {
    .banner {
        padding-left: 50px; /* Aumenta el margen en pantallas grandes */
        padding-right: 50px; /* Aumenta el margen en pantallas grandes */
    }
}

h1, h2, h3, h4 {
    font-weight: bold;
}

footer {
    background-color: #333;
    color: #fff;
}

p{
	text-align: justify;
}

ol, ul, li{
	text-align: justify;
}

.accordion-header .accordion-button {
    color: #f27602; /* Color cuando el botón está activo */
}

.accordion-button {
    background-color: #f8f9fa; /* Fondo claro para mejor visibilidad */
    border: none; /* Sin borde para un estilo más limpio */
    color: #f27602; /* Color cuando el botón está activo */
}

.accordion-button:not(.collapsed) {
    color: #f27602; /* Color cuando el botón está activo */
    background-color: #e9ecef; /* Fondo cuando está abierto */
}

table {
      width: 80%;
      margin: 20px auto;
      border-collapse: collapse;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    thead {
      background-color: #343a40;
      color: white;
    }

    th, td {
      padding: 15px;
      text-align: left;
    }

    th {
      font-size: 1.1em;
      text-transform: uppercase;
    }

    tr:nth-child(even) {
      background-color: #f2f2f2;
    }

    tr:hover {
      background-color: #f1f1f1;
    }

    td {
      border-bottom: 1px solid #ddd;
    }

    caption {
      font-size: 1.5em;
      margin: 10px;
      text-align: center;
      color: #333;
    }