/* ========================================
     BOTÓN FICHA PERSONALIZADO
     ======================================== */
.btn-fitxa {
    color: #111 !important;
}
.btn-fitxa:hover,
.btn-fitxa:focus {
    color: #111 !important;
}
/**
 * DIBA 2025 - ESTILOS PARA PANELES DE CONVOCATORIAS
 * 
 * Componente: Paneles de convocatorias en listados de consulta seu
 * Aplicado a: html/consultaseugral.php (ng-repeat de convocatorias)
 * 
 * Color corporativo: #9D2235 (rojo Diputació Barcelona)
 * Color alternativo: #891536 (rojo oscuro legacy)
 */

/* ========================================
   PANEL CONVOCATORIA
   ======================================== */

/* Contenedor principal del panel */
.panel-convocatoria {
    border: 1px solid #9D2235 !important;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 4px rgba(157, 34, 53, 0.1);
    transition: box-shadow 0.3s ease;
}

/* Efecto hover en el panel */
.panel-convocatoria:hover {
    box-shadow: 0 4px 5px rgba(157, 34, 53, 0.2);
}

/* ========================================
   CABECERA DEL PANEL
   ======================================== */

/* Background rojizo corporativo en el heading */
.panel-convocatoria > .panel-heading,
.panel-convocatoria > .panel-convocatoria-heading {
    background-color: #9D2235 !important;
    background-image: none !important;
    border-color: #9D2235 !important;
    color: #ffffff !important;
    padding: 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Títulos h3 en blanco - SOLO del heading principal (hijo directo) */
.panel-convocatoria > .panel-heading h3.panel-title,
.panel-convocatoria > .panel-convocatoria-heading h3.panel-title {
    color: #ffffff !important;
    font-weight: 500;
    margin: 0;
    font-size: 14px;
}

/* Responsive: ajustar tamaño de fuente en móviles */
@media (max-width: 767px) {
    .panel-convocatoria > .panel-heading h3.panel-title,
    .panel-convocatoria > .panel-convocatoria-heading h3.panel-title {
        font-size: 14px;
    }
}

/* ========================================
   CUERPO DEL PANEL
   ======================================== */

.panel-convocatoria > .panel-body {
    background-color: #ffffff;
    border: none !important;
}

/* Asegurar que los textos en el cuerpo se vean correctamente */
.panel-convocatoria > .panel-body {
    color: #333333;
}

/* ========================================
   ESTADOS Y VARIANTES
   ======================================== */

/* Panel destacado (con prioridad) */
.panel-convocatoria.destacada {
    border-color: #FFD700 !important;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
}

.panel-convocatoria.destacada > .panel-heading {
    background: linear-gradient(135deg, #9D2235 0%, #B8253D 100%) !important;
}

/* ========================================
   COMPATIBILIDAD CON ESTILOS LEGACY
   ======================================== */

/* Mantener compatibilidad con .panel-seu existente */
.panel-seu.panel-convocatoria {
    border-color: #9D2235 !important;
}

.panel-seu.panel-convocatoria > .panel-heading {
    background-color: #9D2235 !important;
}

/* ========================================
    CONSULTA SEU - ESTILOS POR SUBMÓDULO
   ======================================== */

/* consultaseugral.php - filtros superiores */

.info-seu-layout #contingut .row.filters-row {
    font-size: 12px;
}

.info-seu-layout #contingut .row.filters-row-ajuntament {
    padding-bottom: 10px;
}

.info-seu-layout #contingut .col-label-primary {
    padding-bottom: 10px;
    color: #891536;
}

.info-seu-layout #contingut .filter-action-label {
    padding-bottom: 5px;
    padding-top: 20px;
    padding-left: 25px;
}

.info-seu-layout #contingut .filter-search-label {
    padding-bottom: 20px;
    padding-top: 25px;
    float: left;
}

.info-seu-layout #contingut .toggle-btn-xs {
    font-size: 13px;
}

.info-seu-layout #contingut .toggle-label {
    cursor: pointer;
    padding-left: 10px;
}

.info-seu-layout #contingut .panel-body-sm {
    font-size: 12px;
}

.info-seu-layout #contingut .form-group-right {
    float: right;
}

.info-seu-layout #contingut .panel-title-status {
    float: right;
    margin-right: 10px;
}

/* consultaseunovetats.php - listado de novedades */

.info-seu-layout #contingut .novetat-row {
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
}

.info-seu-layout #contingut .novetat-col-main {
    margin-top: 5px;
    margin-bottom: 5px;
}

.info-seu-layout #contingut .novetat-col-action-ciutadania {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-seu-layout #contingut .novetat-col-action-negoci {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-seu-layout #contingut .novetat-text-main {
    font-size: 12px;
    display: block;
}

.info-seu-layout #contingut .novetat-text-secondary {
    font-size: 12px;
    display: block;
    color: grey;
}

.info-seu-layout #contingut .novetat-actions {
    font-size: 12px;
}

.info-seu-layout #contingut .tramits-link {
    font-size: 12px;
    display: inline-block;
}

.info-seu-layout #contingut .icon-pdf-small {
    width: 13px;
    height: auto;
}

/* partials/seu_rrhh.php y partials/seu_rrhh_body.php - bloques RRHH */

.info-seu-layout #contingut .seu-rrhh-row-highlight {
    font-size: 12px;
    text-align: right;
}

.info-seu-layout #contingut .seu-rrhh-row-sm,
.info-seu-layout #contingut .seu-rrhh-values-row,
.info-seu-layout #contingut .seu-rrhh-news-row {
    font-size: 12px;
}

.info-seu-layout #contingut .mb-10 {
    margin-bottom: 10px;
}

.info-seu-layout #contingut .seu-rrhh-summary-col {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.info-seu-layout #contingut .flex-1 {
    flex: 1;
}

.info-seu-layout #contingut .star-highlight {
    color: gold;
    font-size: 20px;
}

.info-seu-layout > .row > .col-md-3 .novetats-star {
    color: #000;
    font-size: 20px;
}

.info-seu-layout #contingut .seu-head-cell {
    padding-bottom: 5px;
    color: #891536;
}

.info-seu-layout #contingut .seu-cell {
    margin-top: 5px;
    margin-bottom: 5px;
}

.info-seu-layout #contingut .seu-cell-text {
    font-size: 12px;
    display: inline-block;
}

.info-seu-layout #contingut .seu-link-12 {
    font-size: 12px;
    display: inline-block;
}

.info-seu-layout #contingut .seu-link-14 {
    font-size: 14px;
    display: inline-block;
}

.info-seu-layout #contingut .seu-text-14 {
    font-size: 14px;
}

.info-seu-layout #contingut .seu-tramit-col {
    margin-top: 5px;
    margin-bottom: 5px;
}

.info-seu-layout #contingut .seu-status-col {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.info-seu-layout #contingut .seu-head-cell-w11,
.info-seu-layout #contingut .seu-cell-w11 {
    width: 11%;
}

.info-seu-layout #contingut .seu-cell-w11 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.info-seu-layout #contingut .seu-tramit-col-right {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right;
    padding-left: 0;
}

.info-seu-layout #contingut .seu-negoci-col-right {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right;
}

.info-seu-layout #contingut .results-count-empty {
    margin-bottom: 20px;
}

.info-seu-layout #contingut .seu-tipologia-ciutadania {
    color: blue;
}

.info-seu-layout #contingut .seu-tipologia-negoci {
    color: black;
}

.info-seu-layout #contingut .seu-status-red {
    color: red;
}

.info-seu-layout #contingut .seu-status-green {
    color: green;
}

/* ========================================
   OTROS ELEMENTOS INTERNOS
   ======================================== */

/* NOTA: Se han eliminado los estilos de subpaneles internos y botones
   para que mantengan sus estilos por defecto de Bootstrap.
   Solo se aplican estilos al panel principal y su heading directo. */

/* ========================================
   ACCESIBILIDAD
   ======================================== */

/* Asegurar contraste suficiente en los títulos - SOLO del heading principal */
.panel-convocatoria > .panel-heading h3.panel-title,
.panel-convocatoria > .panel-convocatoria-heading h3.panel-title {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* ========================================
   IMPRESIÓN
   ======================================== */

@media print {
    .panel-convocatoria {
        border: 1px solid #000 !important;
        box-shadow: none !important;
    }
    
    .panel-convocatoria > .panel-heading {
        background-color: #9D2235 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}