/* Estilos adicionales si son necesarios */
    body {
        background-color: #f8f9fa; /* Color de fondo similar a bg-gray-100 */
        font-family: 'Inter', sans-serif; /* Manteniendo la fuente Inter si está disponible */
    }

    .card {
        border: none; /* Quitar borde por defecto de card */
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Sombra similar a shadow-xl */
    }

    .card-header-gradient {
        background: linear-gradient(to right, #0d6efd, #0a58ca); /* Gradiente azul de Bootstrap */
        color: white;
    }
    .table-hover tbody tr:hover { background-color: #e9ecef; cursor: pointer; }

    .form-section-title {
        font-size: 1.25rem; /* h5 */
        font-weight: 600;
        color: #495057; /* text-gray-700 */
        border-left: 4px solid #0d6efd; /* border-blue-500 */
        padding-left: 0.75rem; /* pl-3 */
        margin-bottom: 1.5rem; /* mb-6 */
    }

    .dynamic-section {
        border: 1px solid #dee2e6; /* border-gray-200 */
        padding: 1rem; /* p-4 */
        border-radius: 0.375rem; /* rounded-md */
        background-color: #f8f9fa; /* bg-gray-50 */
        margin-bottom: 1rem; /* mb-4 */
    }

    .dynamic-section h3 {
        font-size: 1rem; /* text-md */
        font-weight: 500; /* font-medium */
        color: #6c757d; /* text-gray-600 */
        margin-bottom: 1rem; /* mb-3 */
    }
    /* Ajuste para labels en radio/checkbox */
    .form-check-label {
        margin-left: 0.25rem; /* ml-2 */
    }
    /* Estilo para scrollbars (opcional, mejora apariencia) */
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    ::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    /* Estilos para el contenedor de la informacion del paciente */
    .patient-header {
        background: linear-gradient(to right, #0d6efd, #0a58ca); /* Azul similar al de paciente */
        color: white;
        padding: 1.5rem;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .patient-header h1 {
        font-size: 1.75rem; /* Un poco más grande */
        margin-bottom: 0.25rem;
    }
    .patient-header .text-muted-light { color: rgba(255,255,255,0.75); }
    .timeline { list-style: none; padding: 0; position: relative; }
    .timeline:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #e9ecef;
        left: 20px; /* Ajustar según el tamaño del icono */
        margin-left: -1.5px;
    }
    .timeline-item { margin-bottom: 1.5rem; position: relative; }
    .timeline-item:before, .timeline-item:after { content: " "; display: table; }
    .timeline-item:after { clear: both; }
    .timeline-icon {
        background: #0d6efd;
        color: white;
        width: 40px;
        height: 40px;
        position: absolute;
        left: 0;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        font-size: 1.2rem;
        z-index: 100;
    }
    .timeline-card {
        margin-left: 60px;
        position: relative;
        background: #fff;
        border: 1px solid #dee2e6;
        border-radius: .375rem;
        padding: 1rem;
    }
    .timeline-card h5 { font-size: 1.1rem; margin-bottom: 0.25rem; }
    .timeline-card .text-muted { font-size: 0.85rem; }
    .nav-tabs .nav-link {
        color: #495057;
        border-top-left-radius: 0.375rem;
        border-top-right-radius: 0.375rem;
    }
    .nav-tabs .nav-link.active {
        color: #0d6efd;
        border-color: #dee2e6 #dee2e6 #fff;
        font-weight: 600;
    }
    .tab-content {
        border: 1px solid #dee2e6;
        border-top: 0;
        padding: 1.5rem;
        background-color: #fff;
        border-bottom-left-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
    }
    .info-group { margin-bottom: 1rem; }
    .info-group dt { font-weight: 600; color: #6c757d; font-size: 0.9em; }
    .info-group dd { margin-left: 0; color: #212529; font-size: 0.95em; }

    .actions-bar {
        background-color: #f8f9fa;
        padding: 0.75rem 1.5rem;
        border-top: 1px solid #dee2e6;
    }
        /* Estilo para scrollbars (opcional, mejora apariencia) */
        ::-webkit-scrollbar { width: 8px; height: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
        ::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #555; }