/* Encabezado principal */
.legislacion-container {
    margin-top: 6rem;
}

/* Títulos */
.legislacion-container h2 {
    color: #BC955C;
}

.legislacion-container h3 {
    font-size: 25px;
    color: #1e5b4f;
    margin-bottom: 4px;
}

/* Línea roja decorativa */
.legislacion-container hr.red {
    border-top: 3px solid #8B0000;
}

/* Botones de flujograma */
.legislacion-container .color-dorado {
    color: #BC955C;
    cursor: pointer;
}

.legislacion-container #download {
    cursor: pointer;
    color: #1e5b4f;
}

/* Imagen del flujograma */
.legislacion-container #flujogramaContenido img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Tabla */
.legislacion-container table {
    width: 100%;
}

.legislacion-container table td:first-child {
    width: 90%;
}

.legislacion-container table td img {
    width: 20px;
}

/* Navegación */
.legislacion-container .nav-tabs .nav-link {
    color: #1e5b4f;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.legislacion-container .nav-tabs .nav-link.active {
    background-color: #1e5b4f;
    color: #fff;
}

.btn-ocultar {
    color: #BC955C;
    margin: 1rem 1.5rem;
    text-decoration: none;
    font-weight: 500;
}

.btn-download {
    color: #BC955C;
    margin: 1rem 1.5rem;
    text-decoration: none;
    font-weight: 500;
}

.btn-ocultar:hover {
    color: #1e5b4f;
    margin: 1rem 1.5rem;
    text-decoration: none;
    font-weight: 500;
}

.btn-download:hover {
    color: #1e5b4f;
    margin: 1rem 1.5rem;
    text-decoration: none;
    font-weight: 500;
}

.tooltip-table {
    color: #5d1a3d;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}

/* Responsive */
@media (max-width: 1200px) {
    #filtroForm .d-flex {
        flex-wrap: wrap;
    }

    #filtroForm .flex-fill {
        min-width: 120px;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 768px) {
    #filtroForm .d-flex {
        flex-direction: column;
        align-items: stretch !important;
    }

    #filtroForm .flex-fill {
        min-width: auto;
        width: 100%;
    }

    #filtroForm .ms-2 {
        margin-left: 0 !important;
        margin-top: 1rem;
    }
}


/*.alexis {
    background-image: url({{ asset('images/normativa.jpg') }});
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
}*/

@media (max-width: 768px) {
    /* .alexis {
         background-image: url("{{ asset('images/normativa.jpg') }}");
     }*/
}