/* Estilos específicos para Convocatorias */

/* Diseño simple y funcional */
.convocatoria-detalle-simple {
    background: transparent !important;
}

.convocatoria-detalle-simple .bg-white {
    background: #ffffff !important;
    color: #333333 !important;
}

.convocatoria-detalle-simple h1,
.convocatoria-detalle-simple h2,
.convocatoria-detalle-simple h3,
.convocatoria-detalle-simple h4,
.convocatoria-detalle-simple h5,
.convocatoria-detalle-simple p,
.convocatoria-detalle-simple div {
    color: inherit !important;
}

.convocatoria-detalle-simple .btn-light {
    background: #ffffff !important;
    color: #333333 !important;
    border: 2px solid #ffffff !important;
}

.convocatoria-detalle-simple .btn-light:hover {
    background: #f8f9fa !important;
    color: #333333 !important;
}

/* Asegurar que el texto sea visible en todas las cards */
.convocatoria-detalle .card,
body .convocatoria-detalle .card,
.convocatorias-lista .card,
body .convocatorias-lista .card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.convocatoria-detalle .card-body,
body .convocatoria-detalle .card-body,
.convocatorias-lista .card-body,
body .convocatorias-lista .card-body {
    color: #333333 !important;
    background: transparent !important;
}

/* Card de fecha y lugar - fondo verde con texto blanco */
.convocatoria-detalle .card[style*="667eea"],
body .convocatoria-detalle .card[style*="667eea"] {
    background: linear-gradient(135deg, #90bf34 0%, #6a9428 100%) !important;
    background-color: #90bf34 !important;
}

.convocatoria-detalle .card[style*="667eea"] *,
body .convocatoria-detalle .card[style*="667eea"] *,
.convocatoria-detalle .card[style*="667eea"] .card-body,
.convocatoria-detalle .card[style*="667eea"] h1,
.convocatoria-detalle .card[style*="667eea"] h2,
.convocatoria-detalle .card[style*="667eea"] h3,
.convocatoria-detalle .card[style*="667eea"] h4,
.convocatoria-detalle .card[style*="667eea"] h5,
.convocatoria-detalle .card[style*="667eea"] p,
.convocatoria-detalle .card[style*="667eea"] span,
.convocatoria-detalle .card[style*="667eea"] strong,
.convocatoria-detalle .card[style*="667eea"] small,
.convocatoria-detalle .card[style*="667eea"] div {
    color: #ffffff !important;
}

.convocatoria-detalle .card[style*="667eea"] .text-white,
.convocatoria-detalle .card[style*="667eea"] .text-white * {
    color: #ffffff !important;
}

/* Card de inscripción - fondo verde claro con texto blanco */
.convocatoria-detalle .card[style*="f093fb"],
body .convocatoria-detalle .card[style*="f093fb"] {
    background: linear-gradient(135deg, #99cc33 0%, #7ab82d 100%) !important;
    background-color: #99cc33 !important;
}

.convocatoria-detalle .card[style*="f093fb"] *,
body .convocatoria-detalle .card[style*="f093fb"] *,
.convocatoria-detalle .card[style*="f093fb"] .card-body,
.convocatoria-detalle .card[style*="f093fb"] h1,
.convocatoria-detalle .card[style*="f093fb"] h2,
.convocatoria-detalle .card[style*="f093fb"] h3,
.convocatoria-detalle .card[style*="f093fb"] h4,
.convocatoria-detalle .card[style*="f093fb"] h5,
.convocatoria-detalle .card[style*="f093fb"] p,
.convocatoria-detalle .card[style*="f093fb"] span,
.convocatoria-detalle .card[style*="f093fb"] strong,
.convocatoria-detalle .card[style*="f093fb"] small,
.convocatoria-detalle .card[style*="f093fb"] div {
    color: #ffffff !important;
}

/* Botones */
.convocatoria-detalle .btn {
    display: inline-block !important;
    font-weight: 600 !important;
    text-align: center !important;
    vertical-align: middle !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: 0.25rem !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    text-decoration: none !important;
}

.convocatoria-detalle .btn-light {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #333333 !important;
}

.convocatoria-detalle .btn-light:hover {
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
    color: #333333 !important;
}

.convocatoria-detalle .btn-outline-secondary {
    color: #6c757d !important;
    border-color: #6c757d !important;
    background-color: transparent !important;
}

.convocatoria-detalle .btn-outline-secondary:hover {
    color: #ffffff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.convocatoria-detalle .btn-outline-primary {
    color: #90bf34 !important;
    border-color: #90bf34 !important;
    background-color: transparent !important;
}

.convocatoria-detalle .btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: #90bf34 !important;
    border-color: #90bf34 !important;
}

/* Títulos y textos */
.convocatoria-detalle h1,
.convocatoria-detalle h2,
.convocatoria-detalle h3,
.convocatoria-detalle h4,
.convocatoria-detalle h5 {
    color: #333333 !important;
}

.convocatoria-detalle .text-muted {
    color: #6c757d !important;
}

/* Iconos SVG */
.convocatoria-detalle svg {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Banner con título */
.convocatoria-detalle .convocatoria-banner h1 {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
}

/* Alert 404 */
.convocatoria-detalle .alert-warning {
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
    color: #856404 !important;
}

.convocatoria-detalle .alert-warning h3,
.convocatoria-detalle .alert-warning p {
    color: #856404 !important;
}

/* Estilos para la lista de convocatorias */
.convocatorias-lista .card {
    background: #ffffff !important;
    color: #333333 !important;
}

.convocatorias-lista .card-title {
    color: #333333 !important;
}

.convocatorias-lista .text-muted {
    color: #6c757d !important;
}

.convocatorias-lista .btn {
    display: inline-block !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 0.5rem 1rem !important;
    text-decoration: none !important;
}

.convocatorias-lista .btn-primary {
    background: linear-gradient(135deg, #90bf34 0%, #6a9428 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

.convocatorias-lista .btn-primary:hover {
    opacity: 0.9 !important;
    color: #ffffff !important;
}

/* Filtros */
.convocatorias-lista .form-label {
    color: #333333 !important;
    font-weight: 600 !important;
}

.convocatorias-lista .form-select,
.convocatorias-lista .form-control {
    display: block !important;
    width: 100% !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.convocatorias-lista .form-select:focus,
.convocatorias-lista .form-control:focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #90bf34 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(144, 191, 52, 0.25) !important;
}

/* Botón de formulario - Arreglar texto y apariencia */
.convocatoria-detalle .btn-light {
    white-space: normal !important;
    word-wrap: break-word !important;
    padding: 0.75rem 1.25rem !important;
    line-height: 1.4 !important;
    font-size: 0.95rem !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Títulos con color verde */
.convocatorias-lista h5,
.convocatorias-lista h4,
.convocatoria-detalle h3[style*="color: #667eea"],
.convocatoria-detalle h5[style*="color: #667eea"] {
    color: #90bf34 !important;
}

.content-description h1,
.content-description h2,
.content-description h3 {
    color: #90bf34 !important;
}