/* Estilo general para todos los elementos */
#edit-field-taxonomia-descargas-target-id option {
    padding: 8px;
    font-weight: normal;
}

/* Estilo para los PADRES (Opciones que NO empiezan con guion) */
/* Nota: En selects estándar, los estilos son limitados según el navegador */
#edit-field-taxonomia-descargas-target-id option {
    background-color: #f8f9fa;
    font-weight: bold;
    color: #333;
}


/* Estilo para los HIJOS (Opciones que contienen el guion "-") */
#edit-field-taxonomia-descargas-target-id option[value]:not([value="All"]):not([value="307"]):not([value="302"]):not([value="310"]):not([value="314"]):not([value="319"]):not([value="320"]) {
    padding-left: 20px;
    font-weight: normal;
    color: #666;
    font-style: italic;
    background-color: #ffffff;
}

/* Alternativa más limpia: Si puedes usar JS para añadir una clase */
#edit-field-taxonomia-descargas-target-id option.is-child {
    padding-left: 15px;
    color: #777;
}

.tabla-descargas.view-descargas
{
    margin-top: 2rem;
}


/* botones de buscar y limpiar del fomulario de búsqueda de descargas */
/* 1. Contenedor principal: Alineación al inicio para que los labels manden */
.views-exposed-form {
    display: flex !important;
    flex-wrap: wrap; 
    align-items: flex-start; /* Cambiado a flex-start */
    gap: 15px;
}

/* 2. Forzar que el label esté siempre arriba del input */
.views-exposed-form .form-item label {
    display: block;
    margin-bottom: 5px;
}

/* 3. Ajuste de anchos para los campos */
input[id^="edit-title"] {
    width: 300px !important;
    max-width: 100%;
}

select[id^="edit-field-taxonomia-descargas-target-id"] {
    width: 250px !important;
    max-width: 100%;
}

/* 4. El TRUCO para los botones: 
   Añadimos un margen superior equivalente a la altura del label + su margen 
   para que bajen a la altura de los inputs */
div[id^="edit-actions"] {
    display: flex !important;
    gap: 10px;
    margin-top: 12px; /* Ajusta este valor (aprox la altura del label) */
    margin-bottom: 0;
}

/* 5. Asegurar que los botones no se deformen */
.views-exposed-form .btn {
    position: relative;
    top: 1.5rem;
    width: auto;
    color: #000;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #83b62c;
    border-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    align-self: auto;
    margin-top: 0;
    margin-bottom: 1rem;
    /* margin-left: 10px; */
    font-family: Raleway, sans-serif;
    font-size: .9em;
    font-weight: 600;
    line-height: 1.5em;
    display: inline-block;
    overflow: visible;
}

mark {
    background-color: rgb(190, 190, 46);
    color: black;
    padding: 0;
  }