<?php
// FORMATO NEUROPEDIATRIA: HISTORIA CLÍNICA NEUROLÓGICA NEUROPEDIATRÍA
?>
<form name="formulariop" id="formulariop" method="POST">
    <input type="hidden" name="idatencion" id="idatencion" value="<?php echo $_POST['idatencion'] ?? ''; ?>">
    <input type="hidden" name="tipo_formato" value="NEUROPEDIATRIA">

    <!-- ENCABEZADO OFICIAL -->
    <div class="msp-003-header">
        HISTORIA CLÍNICA NEUROLÓGICA NEUROPEDIATRÍA
    </div>

    <!-- DATOS DEL PACIENTE -->
    <?php include 'partials/patient_header.php'; ?>

    <div class="msp-container">

        <!-- SECCIÓN 1: DATOS DE FILIACIÓN -->
        <div class="msp-section">
            <div class="msp-section-title">DATOS DE FILIACIÓN</div>
            <div class="msp-row">
                <div class="msp-col-3">
                    <label class="msp-field-label">Fecha</label>
                    <input type="date" class="msp-input" name="fecha_consulta" value="<?php echo date('Y-m-d'); ?>">
                </div>
                <div class="msp-col-3">
                    <label class="msp-field-label">Cédula</label>
                    <input type="text" class="msp-input" name="cedula_paciente" id="cedula_paciente_neuro">
                </div>
                <div class="msp-col-3">
                    <label class="msp-field-label">Teléfono</label>
                    <input type="text" class="msp-input" name="telefono_paciente" id="telefono_paciente_neuro">
                </div>
                <div class="msp-col-3">
                    <label class="msp-field-label">Edad</label>
                    <input type="text" class="msp-input" name="edad_paciente" id="edad_paciente_neuro">
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Nombres Completos</label>
                    <input type="text" class="msp-input" name="nombres_completos" id="nombres_completos_neuro">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">Sexo</label>
                    <select class="msp-input" name="sexo_paciente" id="sexo_paciente_neuro">
                        <option value="">Seleccione...</option>
                        <option value="M">Masculino</option>
                        <option value="F">Femenino</option>
                    </select>
                </div>
                <div class="msp-col-3">
                    <label class="msp-field-label">Fecha de Nacimiento</label>
                    <input type="date" class="msp-input" name="fecha_nacimiento" id="fecha_nacimiento_neuro">
                </div>
                <div class="msp-col-3">
                    <label class="msp-field-label">Lugar de Nacimiento</label>
                    <input type="text" class="msp-input" name="lugar_nacimiento">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Procedencia</label>
                    <input type="text" class="msp-input" name="procedencia">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Residencia</label>
                    <input type="text" class="msp-input" name="residencia" id="residencia_neuro">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Nombre del Acompañante</label>
                    <input type="text" class="msp-input" name="nombre_acompanante">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Parentesco</label>
                    <input type="text" class="msp-input" name="parentesco_acompanante">
                </div>
            </div>
        </div>

        <!-- SECCIÓN 2: MOTIVO DE CONSULTA -->
        <div class="msp-section">
            <div class="msp-section-title">MOTIVO DE CONSULTA</div>
            <textarea class="msp-textarea" name="motivo_consulta" required rows="3"
                placeholder="Describa el motivo de consulta..."></textarea>
        </div>

        <!-- SECCIÓN 3: ENFERMEDAD ACTUAL -->
        <div class="msp-section">
            <div class="msp-section-title">ENFERMEDAD ACTUAL</div>
            <textarea class="msp-textarea" name="enfermedad_actual" rows="4"
                placeholder="Describa la enfermedad actual..."></textarea>
        </div>

        <!-- SECCIÓN 4: ESTUDIOS PREVIOS -->
        <div class="msp-section">
            <div class="msp-section-title">ESTUDIOS PREVIOS</div>
            <textarea class="msp-textarea" name="estudios_previos" rows="3"
                placeholder="Describa estudios previos realizados..."></textarea>
        </div>

        <!-- SECCIÓN 5: MEDICACIÓN ACTUAL -->
        <div class="msp-section">
            <div class="msp-section-title">MEDICACIÓN ACTUAL</div>
            <textarea class="msp-textarea" name="medicacion_actual" rows="3"
                placeholder="Describa medicación actual..."></textarea>
        </div>

        <!-- SECCIÓN 6: ANTECEDENTES PERINATOLÓGICOS -->
        <div class="msp-section">
            <div class="msp-section-title">ANTECEDENTES PERINATOLÓGICOS</div>

            <!-- 6.1 PRENATALES -->
            <div class="msp-subsection-title">Prenatales</div>
            <div class="msp-row">
                <div class="msp-col-6">
                    <label class="msp-field-label">Embarazo controlado</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="embarazo_controlado" value="NO"> NO</label>
                        <label><input type="radio" name="embarazo_controlado" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="embarazo_controlado_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Número de controles</label>
                    <input type="number" class="msp-input" name="numero_controles">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Serologías: negativas</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="serologias" value="NO"> NO</label>
                        <label><input type="radio" name="serologias" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="serologias_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Movimientos fetales</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="movimientos_fetales" value="NO"> NO</label>
                        <label><input type="radio" name="movimientos_fetales" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="movimientos_fetales_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Ecografías normales</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="ecografias_normales" value="NO"> NO</label>
                        <label><input type="radio" name="ecografias_normales" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="ecografias_normales_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Amenaza de aborto</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="amenaza_aborto" value="NO"> NO</label>
                        <label><input type="radio" name="amenaza_aborto" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="amenaza_aborto_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Pérdidas de líquido amniótico</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="perdidas_liquido" value="NO"> NO</label>
                        <label><input type="radio" name="perdidas_liquido" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="perdidas_liquido_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Hemorragias de embarazo</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="hemorragias_embarazo" value="NO"> NO</label>
                        <label><input type="radio" name="hemorragias_embarazo" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="hemorragias_embarazo_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Riesgo de aborto, parto prematuro</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="riesgo_aborto" value="NO"> NO</label>
                        <label><input type="radio" name="riesgo_aborto" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="riesgo_aborto_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Infecciones urinarias / vaginales</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="infecciones_urinarias" value="NO"> NO</label>
                        <label><input type="radio" name="infecciones_urinarias" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="infecciones_urinarias_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">Consumo de sustancias (alcohol, tabaco, drogas, medicamentos,
                        vitaminas)</label>
                    <textarea class="msp-textarea" name="consumo_sustancias" rows="2"></textarea>
                </div>
            </div>

            <!-- 6.2 NATALES -->
            <div class="msp-subsection-title">Natales</div>
            <div class="msp-row">
                <div class="msp-col-2">
                    <label class="msp-field-label">Edad Gestacional (sem)</label>
                    <input type="number" class="msp-input" name="edad_gestacional" step="0.1">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">Término</label>
                    <input type="text" class="msp-input" name="termino">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">Pretermino</label>
                    <input type="text" class="msp-input" name="pretermino">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">Peso (kg)</label>
                    <input type="number" class="msp-input" name="peso_nacer" step="0.01">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">APGAR</label>
                    <input type="text" class="msp-input" name="apgar_nacer">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">BFEG</label>
                    <input type="text" class="msp-input" name="bfeg">
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">Post-término APEG</label>
                    <input type="text" class="msp-input" name="post_termino_apeg">
                </div>
            </div>

            <div class="msp-subsection-title">Nacimiento y eventos del parto</div>
            <div class="msp-row">
                <div class="msp-col-4">
                    <label class="msp-field-label">Tipo de parto</label>
                    <input type="text" class="msp-input" name="tipo_parto" placeholder="Ej: Parto vaginal / Cesárea">
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Presentación</label>
                    <input type="text" class="msp-input" name="presentacion_parto">
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Parto vaginal: SÍ / NO</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="parto_vaginal" value="SI"> SÍ</label>
                        <label><input type="radio" name="parto_vaginal" value="NO"> NO</label>
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Cesárea: NO / SÍ, motivo</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="cesarea" value="NO"> NO</label>
                        <label><input type="radio" name="cesarea" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="cesarea_motivo" placeholder="Especificar motivo">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Perímetro cefálico (cm RN)</label>
                    <input type="number" class="msp-input" name="perimetro_cefalico_rn" step="0.1">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">L. amniótico: normal SÍ / NO</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="liquido_amniotico" value="SI"> SÍ</label>
                        <label><input type="radio" name="liquido_amniotico" value="NO"> NO</label>
                        <input type="text" class="msp-input" name="liquido_amniotico_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Sección al nacer: normal SÍ / NO</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="seccion_nacer" value="SI"> SÍ</label>
                        <label><input type="radio" name="seccion_nacer" value="NO"> NO</label>
                        <input type="text" class="msp-input" name="seccion_nacer_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Ventilación mecánica asistida (días)</label>
                    <input type="number" class="msp-input" name="ventilacion_mecanica_dias">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Oxigenoterapia: NO / SÍ</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="oxigenoterapia" value="NO"> NO</label>
                        <label><input type="radio" name="oxigenoterapia" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="oxigenoterapia_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Ictericia: SÍ / NO</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="ictericia" value="SI"> SÍ</label>
                        <label><input type="radio" name="ictericia" value="NO"> NO</label>
                    </div>
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Luminoterapia: SÍ / días NO</label>
                    <input type="text" class="msp-input" name="luminoterapia">
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Caída cordón (días)</label>
                    <input type="number" class="msp-input" name="caida_cordon_dias">
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">Interacción en terapia intensiva neonatal o complicaciones (TIN): NO
                        / SÍ</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="tin" value="NO"> NO</label>
                        <label><input type="radio" name="tin" value="SI"> SÍ</label>
                        <textarea class="msp-textarea" name="tin_esp" rows="2"
                            placeholder="Especificar complicaciones"></textarea>
                    </div>
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">Complicaciones neurológicas neonatales (convulsiones, hemorragias
                        cerebrales, etc): NO / SÍ</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="complicaciones_neurologicas" value="NO"> NO</label>
                        <label><input type="radio" name="complicaciones_neurologicas" value="SI"> SÍ</label>
                        <textarea class="msp-textarea" name="complicaciones_neurologicas_esp" rows="2"
                            placeholder="Especificar"></textarea>
                    </div>
                </div>
            </div>
        </div>

        <!-- SECCIÓN 7: ANTECEDENTES POSTNATALES -->
        <div class="msp-section">
            <div class="msp-section-title">ANTECEDENTES POSTNATALES</div>
            <div class="msp-row">
                <div class="msp-col-12">
                    <label class="msp-field-label">Alimentación</label>
                    <textarea class="msp-textarea" name="alimentacion" rows="2"
                        placeholder="Especificar tipo de alimentación"></textarea>
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Número de controles de niño sano</label>
                    <input type="number" class="msp-input" name="controles_nino_sano">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Controles: NO</label>
                    <input type="text" class="msp-input" name="controles_no_esp" placeholder="Especificar">
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">Rc De esquema de vacunación completo: SÍ / NO</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="vacunacion_completa" value="SI"> SÍ</label>
                        <label><input type="radio" name="vacunacion_completa" value="NO"> NO</label>
                        <input type="text" class="msp-input" name="vacunacion_completa_esp" placeholder="Especificar">
                    </div>
                </div>
            </div>
        </div>

        <!-- SECCIÓN 8: PAUTAS DEL NEURODESARROLLO (TABLA COMPLEJA) -->
        <div class="msp-section">
            <div class="msp-section-title">PAUTAS DEL NEURODESARROLLO</div>
            <p class="msp-alert msp-alert-info">Especificar edad en meses / años correspondiente para la edad</p>

            <div class="msp-row">
                <!-- MOTOR GRUESO -->
                <div class="msp-col-3">
                    <div class="msp-subsection-title">Motor grueso</div>
                    <label class="msp-field-label">Sostén cefálico (meses)</label>
                    <input type="text" class="msp-input msp-mb-10" name="motor_sosten_cefalico">

                    <label class="msp-field-label">Sedestación (meses)</label>
                    <input type="text" class="msp-input msp-mb-10" name="motor_sedestacion">

                    <label class="msp-field-label">Gateo (meses)</label>
                    <input type="text" class="msp-input msp-mb-10" name="motor_gateo">

                    <label class="msp-field-label">Bipedestación (meses)</label>
                    <input type="text" class="msp-input msp-mb-10" name="motor_bipedestacion">

                    <label class="msp-field-label">Marcha (meses)</label>
                    <input type="text" class="msp-input msp-mb-10" name="motor_marcha">

                    <label class="msp-field-label">Actividad física / deportiva</label>
                    <textarea class="msp-textarea msp-mb-10" name="motor_actividad_fisica" rows="2"></textarea>

                    <label class="msp-field-label">Otros</label>
                    <textarea class="msp-textarea" name="motor_otros" rows="2"></textarea>
                </div>

                <!-- MOTOR FINO -->
                <div class="msp-col-3">
                    <div class="msp-subsection-title">Motor fino</div>
                    <label class="msp-field-label">Pinza digital superior (meses)</label>
                    <input type="text" class="msp-input msp-mb-10" name="fino_pinza_digital">

                    <label class="msp-field-label">Mano predominante</label>
                    <div class="msp-radio-group msp-mb-10">
                        <label><input type="radio" name="fino_mano_predominante" value="izquierda"> Izquierda</label>
                        <label><input type="radio" name="fino_mano_predominante" value="derecha"> Derecha</label>
                    </div>
                </div>

                <!-- LENGUAJE -->
                <div class="msp-col-3">
                    <div class="msp-subsection-title">Lenguaje</div>
                    <label class="msp-field-label">Monosílabos (Ej: ma – pa) (meses)</label>
                    <input type="text" class="msp-input msp-mb-10" name="lenguaje_monosilabos">

                    <label class="msp-field-label">Primeras palabras (meses)</label>
                    <input type="text" class="msp-input" name="lenguaje_primeras_palabras">
                </div>

                <!-- PSICOSOCIAL -->
                <div class="msp-col-3">
                    <div class="msp-subsection-title">Psicosocial</div>
                    <label class="msp-field-label">Sonrisa social (meses)</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_sonrisa_social">

                    <label class="msp-field-label">Mira a los ojos</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_mira_ojos">

                    <label class="msp-field-label">Cuando le hablan, responde</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_responde">

                    <label class="msp-field-label">Señala lo que quiere: sí / no</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_senala">

                    <label class="msp-field-label">Comparte: sí / no</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_comparte">

                    <label class="msp-field-label">Juega solo: sí / no</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_juega_solo">

                    <label class="msp-field-label">Entiende órdenes sencillas</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_entiende_ordenes">

                    <label class="msp-field-label">Vestido</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_vestido">

                    <label class="msp-field-label">Higiene</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_higiene">

                    <label class="msp-field-label">Aseo</label>
                    <input type="text" class="msp-input msp-mb-10" name="psico_aseo">

                    <label class="msp-field-label">Otros (meses)</label>
                    <textarea class="msp-textarea" name="psico_otros" rows="2"></textarea>
                </div>
            </div>

            <div class="msp-row">
                <div class="msp-col-12">
                    <label class="msp-field-label">Dificultades / retraso en la adquisición de las pautas de desarrollo
                        psicomotor: NO / SÍ</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="dificultades_desarrollo" value="NO"> NO</label>
                        <label><input type="radio" name="dificultades_desarrollo" value="SI"> SÍ</label>
                        <textarea class="msp-textarea" name="dificultades_desarrollo_esp" rows="2"
                            placeholder="Especificar si requiere terapia con el inicio en meses / años y durante cuánto tiempo"></textarea>
                    </div>
                </div>
            </div>
        </div>

        <!-- SECCIÓN 9: ESCOLARIDAD -->
        <div class="msp-section">
            <div class="msp-section-title">ESCOLARIDAD</div>
            <textarea class="msp-textarea" name="escolaridad" rows="3"
                placeholder="Describa nivel de escolaridad, rendimiento, dificultades..."></textarea>
        </div>

        <!-- SECCIÓN 10: ANTECEDENTES FAMILIARES -->
        <div class="msp-section">
            <div class="msp-section-title">ANTECEDENTES FAMILIARES</div>
            <div class="msp-row">
                <div class="msp-col-12">
                    <label class="msp-field-label">1. Hay consanguinidad en la familia: NO / SÍ</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="consanguinidad" value="NO"> NO</label>
                        <label><input type="radio" name="consanguinidad" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="consanguinidad_esp" placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">2. Antecedentes de trastornos del neurodesarrollo en la familia (Ej.:
                        TEA, TDAH, trastornos del aprendizaje, etc.): NO / SÍ</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="trastornos_neurodesarrollo_fam" value="NO"> NO</label>
                        <label><input type="radio" name="trastornos_neurodesarrollo_fam" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="trastornos_neurodesarrollo_fam_esp"
                            placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">3. Enfermedades neurológicas familiares (hermanos / tíos / padres /
                        abuelos y familiares cercanos, en especial epilepsia, retraso psicomotor, autismo)</label>
                    <textarea class="msp-textarea" name="enfermedades_neurologicas_fam" rows="2"
                        placeholder="Especificar"></textarea>
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">4. Enfermedades psiquiátricas familiares (ansiedad, depresión,
                        bipolaridad o similares): NO / SÍ</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="enfermedades_psiquiatricas_fam" value="NO"> NO</label>
                        <label><input type="radio" name="enfermedades_psiquiatricas_fam" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="enfermedades_psiquiatricas_fam_esp"
                            placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">5. Enfermedades crónicas familiares: NO / SÍ</label>
                    <div class="msp-radio-group">
                        <label><input type="radio" name="enfermedades_cronicas_fam" value="NO"> NO</label>
                        <label><input type="radio" name="enfermedades_cronicas_fam" value="SI"> SÍ</label>
                        <input type="text" class="msp-input" name="enfermedades_cronicas_fam_esp"
                            placeholder="Especificar">
                    </div>
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">6. Otros datos</label>
                    <textarea class="msp-textarea" name="antecedentes_fam_otros" rows="2"></textarea>
                </div>
            </div>
        </div>

        <!-- SECCIÓN 11: ANTECEDENTES PERSONALES PATOLÓGICOS -->
        <div class="msp-section">
            <div class="msp-section-title">ANTECEDENTES PERSONALES PATOLÓGICOS DE IMPORTANCIA</div>
            <p class="msp-alert msp-alert-info"><small>(de otros órganos y sistemas, en especial énfasis en infecciones
                    / cirugías, medicación previa vía actual)</small></p>
            <div class="msp-row">
                <div class="msp-col-6">
                    <label class="msp-field-label">Alergias</label>
                    <input type="text" class="msp-input" name="alergias_personales" style="border-color: #F44336;">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Cirugías</label>
                    <input type="text" class="msp-input" name="cirugias_personales">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Crisis epilépticas</label>
                    <input type="text" class="msp-input" name="crisis_epilepticas">
                </div>
                <div class="msp-col-12">
                    <label class="msp-field-label">Otros</label>
                    <textarea class="msp-textarea" name="antecedentes_personales_otros" rows="2"></textarea>
                </div>
            </div>
        </div>

        <!-- SECCIÓN 12: EXAMEN FÍSICO / NEUROLÓGICO -->
        <div class="msp-section">
            <div class="msp-section-title">EXAMEN FÍSICO / NEUROLÓGICO</div>

            <!-- Signos vitales -->
            <div class="msp-subsection-title">Signos vitales</div>
            <div class="msp-row">
                <div class="msp-col-2">
                    <label class="msp-field-label">FC</label>
                    <input type="number" class="msp-input" name="fc_neuro" id="fc_neuro">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">FR</label>
                    <input type="number" class="msp-input" name="fr_neuro" id="fr_neuro">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">T (°C)</label>
                    <input type="number" class="msp-input" name="temp_neuro" id="temp_neuro" step="0.1">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">Peso (kg)</label>
                    <input type="number" class="msp-input" name="peso_neuro" id="peso_neuro" step="0.1">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">Talla (cm)</label>
                    <input type="number" class="msp-input" name="talla_neuro" id="talla_neuro" step="0.1">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">PC (cm)</label>
                    <input type="number" class="msp-input" name="pc_neuro" id="pc_neuro" step="0.1">
                </div>
                <div class="msp-col-2">
                    <label class="msp-field-label">IMC</label>
                    <input type="number" class="msp-input" name="imc_neuro" id="imc_neuro" step="0.1" readonly
                        style="background-color: #f0f0f0;">
                </div>
            </div>
        </div>

        <!-- CURVAS DE CRECIMIENTO OMS (0-20 AÑOS) -->
        <div class="msp-section">
            <div class="msp-section-title">CURVAS DE CRECIMIENTO OMS (0-20 AÑOS)</div>
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab_peso_edad_neuro" data-toggle="tab">Peso/Edad</a></li>
                    <li><a href="#tab_talla_edad_neuro" data-toggle="tab">Talla/Edad</a></li>
                    <li><a href="#tab_imc_edad_neuro" data-toggle="tab">IMC/Edad</a></li>
                    <li><a href="#tab_pce_edad_neuro" data-toggle="tab">P. Cefálico/Edad</a></li>
                </ul>
                <div class="tab-content" style="border: 1px solid #ddd; padding: 10px; border-top: none;">
                    <div role="tabpanel" class="tab-pane active" id="tab_peso_edad_neuro">
                        <div class="chart-container" style="position: relative; height:40vh; width:100%">
                            <canvas id="chartPesoEdadNeuro"></canvas>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="tab_talla_edad_neuro">
                        <div class="chart-container" style="position: relative; height:40vh; width:100%">
                            <canvas id="chartTallaEdadNeuro"></canvas>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="tab_imc_edad_neuro">
                        <div class="chart-container" style="position: relative; height:40vh; width:100%">
                            <canvas id="chartImcEdadNeuro"></canvas>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="tab_pce_edad_neuro">
                        <div class="chart-container" style="position: relative; height:40vh; width:100%">
                            <canvas id="chartPceEdadNeuro"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- SECCIÓN 12: EXAMEN FÍSICO / NEUROLÓGICO (CONTINUACIÓN) -->
        <div class="msp-subsection-title">Examen neurológico</div>
        <div class="msp-row">
            <div class="msp-col-12">
                <label class="msp-field-label">Conciencia</label>
                <input type="text" class="msp-input" name="conciencia">
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Pares craneales evaluados: Normales SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="pares_craneales_normales" value="SI"> SÍ</label>
                    <label><input type="radio" name="pares_craneales_normales" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="pares_craneales_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Agudeza visual conservada: SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="agudeza_visual" value="SI"> SÍ</label>
                    <label><input type="radio" name="agudeza_visual" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="agudeza_visual_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Fuerza muscular: conservada SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="fuerza_muscular" value="SI"> SÍ</label>
                    <label><input type="radio" name="fuerza_muscular" value="NO"> NO</label>
                    <textarea class="msp-textarea" name="fuerza_muscular_esp" rows="2"
                        placeholder="Especificar alteraciones si corresponde"></textarea>
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Tono muscular: Conservado SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="tono_muscular" value="SI"> SÍ</label>
                    <label><input type="radio" name="tono_muscular" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="tono_muscular_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Trofismo: Conservado SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="trofismo" value="SI"> SÍ</label>
                    <label><input type="radio" name="trofismo" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="trofismo_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Sensibilidad: Comprende SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="sensibilidad" value="SI"> SÍ</label>
                    <label><input type="radio" name="sensibilidad" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="sensibilidad_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Reflejos de estiramiento muscular: Normales (2/4 en 4 extremidades)
                    SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="reflejos_estiramiento" value="SI"> SÍ</label>
                    <label><input type="radio" name="reflejos_estiramiento" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="reflejos_estiramiento_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Reflejos cutáneos: Normales SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="reflejos_cutaneos" value="SI"> SÍ</label>
                    <label><input type="radio" name="reflejos_cutaneos" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="reflejos_cutaneos_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Pares craneales evaluados: Normales SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="pares_craneales_eval" value="SI"> SÍ</label>
                    <label><input type="radio" name="pares_craneales_eval" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="pares_craneales_eval_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Clonus: NO / SÍ (agotable o inagotable)</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="clonus" value="NO"> NO</label>
                    <label><input type="radio" name="clonus" value="SI"> SÍ</label>
                    <input type="text" class="msp-input" name="clonus_esp" placeholder="Agotable o inagotable">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Miotónico: NO / SÍ</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="miotonico" value="NO"> NO</label>
                    <label><input type="radio" name="miotonico" value="SI"> SÍ</label>
                    <input type="text" class="msp-input" name="miotonico_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Marcha (si corresponde): normales SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="marcha_eval" value="SI"> SÍ</label>
                    <label><input type="radio" name="marcha_eval" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="marcha_eval_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-6">
                <label class="msp-field-label">Taxia/Praxia (si corresponde): normales SÍ / NO</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="taxia_praxia" value="SI"> SÍ</label>
                    <label><input type="radio" name="taxia_praxia" value="NO"> NO</label>
                    <input type="text" class="msp-input" name="taxia_praxia_esp" placeholder="Especificar">
                </div>
            </div>
            <div class="msp-col-12">
                <label class="msp-field-label">Observaciones adicionales del examen físico: NO / SÍ</label>
                <div class="msp-radio-group">
                    <label><input type="radio" name="observaciones_examen" value="NO"> NO</label>
                    <label><input type="radio" name="observaciones_examen" value="SI"> SÍ</label>
                    <textarea class="msp-textarea" name="observaciones_examen_esp" rows="3"
                        placeholder="Especificar observaciones"></textarea>
                </div>
            </div>
        </div>
    </div>

    <!-- SECCIÓN 13: IMPRESIÓN DIAGNÓSTICA (CIE-10) -->
    <?php include 'partials/diagnostics.php'; ?>

    <!-- SECCIÓN 14: PLAN DIAGNÓSTICO, TERAPÉUTICO Y PRÓXIMO CONTROL -->
    <div class="msp-section">
        <div class="msp-section-title">PLAN DIAGNÓSTICO, TERAPÉUTICO Y PRÓXIMO CONTROL PROGRAMADO</div>
        <div class="msp-row">
            <div class="msp-col-12">
                <label class="msp-field-label">Plan de Tratamiento / Indicaciones</label>
                <textarea class="msp-textarea" name="plan_tratamiento" required rows="5"
                    placeholder="Describa el plan diagnóstico, terapéutico y próximo control..."></textarea>
            </div>
        </div>
    </div>

    <!-- BOTONES -->
    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" id="guardar" style="display: none;">
        <button class="btn btn-primary btn-lg msp-btn-primary" type="submit" id="btnGuardarP">
            <i class="fa fa-save"></i> GUARDAR NEUROPEDIATRIA
        </button>
        <button class="btn btn-danger btn-lg msp-btn-danger" onclick="cancelarform()" type="button">
            <i class="fa fa-arrow-circle-left"></i> Cancelar
        </button>
    </div>

    </div>
</form>

<style>
    .msp-003-header {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 15px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
        border-radius: 5px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .msp-container {
        background: #fff;
        padding: 20px;
        border-radius: 8px;
    }

    .msp-section {
        background: #f8f9fa;
        padding: 20px;
        margin-bottom: 20px;
        border-radius: 8px;
        border-left: 4px solid #667eea;
    }

    .msp-section-title {
        font-size: 16px;
        font-weight: bold;
        color: #667eea;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .msp-subsection-title {
        font-size: 14px;
        font-weight: bold;
        color: #764ba2;
        margin: 15px 0 10px 0;
        padding-bottom: 5px;
        border-bottom: 2px solid #764ba2;
    }

    .msp-row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }

    .msp-col-2,
    .msp-col-3,
    .msp-col-4,
    .msp-col-6,
    .msp-col-12 {
        padding: 0 10px;
        margin-bottom: 15px;
    }

    .msp-col-2 {
        width: 16.666%;
    }

    .msp-col-3 {
        width: 25%;
    }

    .msp-col-4 {
        width: 33.333%;
    }

    .msp-col-6 {
        width: 50%;
    }

    .msp-col-12 {
        width: 100%;
    }

    .msp-field-label {
        display: block;
        font-weight: 600;
        color: #495057;
        margin-bottom: 5px;
        font-size: 13px;
    }

    .msp-input {
        width: 100%;
        padding: 8px 12px;
        border: 1px solid #ced4da;
        border-radius: 4px;
        font-size: 14px;
        transition: border-color 0.15s ease-in-out;
    }

    .msp-input:focus {
        border-color: #667eea;
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
    }

    .msp-textarea {
        width: 100%;
        padding: 8px 12px;
        border: 1px solid #ced4da;
        border-radius: 4px;
        font-size: 14px;
        resize: vertical;
        font-family: inherit;
    }

    .msp-textarea:focus {
        border-color: #667eea;
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
    }

    .msp-radio-group {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .msp-radio-group label {
        margin: 0;
        font-weight: normal;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .msp-radio-group input[type="radio"] {
        margin: 0;
    }

    .msp-radio-group input[type="text"],
    .msp-radio-group textarea {
        flex: 1;
        min-width: 200px;
    }

    .msp-alert {
        padding: 10px 15px;
        border-radius: 4px;
        margin: 10px 0;
    }

    .msp-alert-info {
        background-color: #d1ecf1;
        border: 1px solid #bee5eb;
        color: #0c5460;
    }

    .msp-mb-10 {
        margin-bottom: 10px !important;
    }

    .msp-mt-10 {
        margin-top: 10px !important;
    }

    .msp-btn-primary {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border: none;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .msp-btn-primary:hover {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    }

    .msp-btn-danger {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    @media (max-width: 768px) {

        .msp-col-2,
        .msp-col-3,
        .msp-col-4,
        .msp-col-6 {
            width: 100%;
        }
    }
</style>

<!-- Cargar Chart.js para las curvas OMS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></script>

<script>
    // ============================================================
    // NEUROPEDIATRIA: AUTO-RELLENADO Y CURVAS OMS (0-18 AÑOS)
    // ============================================================

    var globalOmsDataNeuro = {};
    var globalHistorialNeuro = [];
    var globalChartsNeuro = {};

    // Función para auto-rellenar datos del paciente y triaje
    function sincronizarDatosNeuropediatria() {
        console.log("🔄 Sincronizando datos en NEUROPEDIATRIA...");

        // Helper para obtener valores del padre
        function getParentValue(id) {
            var $all = $("#" + id).not("#formulariop #" + id);
            var val = "";
            $all.each(function () {
                if ($(this).val()) {
                    val = $(this).val();
                    return false;
                }
            });
            if (!val) {
                var $lbl = $("#lbl_" + id);
                if ($lbl.length && $lbl.text().trim() !== "" && !$lbl.text().includes("..")) {
                    val = $lbl.text().trim();
                }
            }
            return val;
        }

        // Función ROBUSTA para sincronizar datos (incluso si faltan en DOM)
        async function sincronizarDatosNeuropediatria() {
            var paciente = currentPatientData || {};
            var idatencion = $("#idatencion").val();

            console.log("🔄 Sincronizando datos para atención #" + idatencion);

            // 1. Datos Personales (Prioridad 1)
            if (paciente.nombre) {
                var nombreCompleto = (paciente.apaterno || '') + ' ' + (paciente.amaterno || '') + ' ' + (paciente.nombre || '');
                $("#nombres_completos_neuro").val(nombreCompleto.trim());
            }
            if (paciente.num_documento) $("#cedula_paciente_neuro").val(paciente.num_documento);
            if (paciente.telefono) $("#telefono_paciente_neuro").val(paciente.telefono);
            if (paciente.sexo) $("#sexo_paciente_neuro").val(paciente.sexo);
            if (paciente.fecha_nacimiento) $("#fecha_nacimiento_neuro").val(paciente.fecha_nacimiento);
            if (paciente.edad) $("#edad_paciente_neuro").val(paciente.edad);
            if (paciente.direccion) $("#residencia_neuro").val(paciente.direccion);

            // 2. SIGNOS VITALES / TRIAJE (CRÍTICO PARA GRÁFICOS)
            // Intentamos obtener del DOM primero
            var peso = getParentValue('peso');
            var talla = getParentValue('talla');
            
            // Si NO hay datos en el DOM, consultamos a la base de datos DIRECTAMENTE
            if (!peso || !talla) {
                console.warn("⚠️ Datos de triaje no encontrados en DOM. Consultando DB...");
                try {
                    // Usamos $.post que devuelve promesa compatible con await en jQuery moderno, 
                    // o lo envolvemos en promesa si es version antigua
                    const response = await new Promise((resolve, reject) => {
                        $.post("../ajax/atencion.php?op=mostrar", { idatencion: idatencion }, function(data) {
                            resolve(data);
                        }).fail(function(err) {
                            reject(err);
                        });
                    });

                    const dataDB = JSON.parse(response);
                    
                    if (dataDB) {
                        console.log("✅ Datos recuperados de DB:", dataDB);
                        if (dataDB.peso) peso = dataDB.peso;
                        if (dataDB.talla) talla = dataDB.talla;
                        if (dataDB.temperatura) $("#temp_neuro").val(dataDB.temperatura);
                        if (dataDB.frecuencia_cardiaca) $("#fc_neuro").val(dataDB.frecuencia_cardiaca);
                        if (dataDB.frecuencia_respiratoria) $("#fr_neuro").val(dataDB.frecuencia_respiratoria);
                        
                        // Perímetro cefálico (si existe en DB futura o triaje)
                        // Por ahora asumimos que viene en triaje si se agregó
                    }
                } catch (error) {
                    console.error("❌ Error consultando triaje de DB:", error);
                }
            }

            // Asignar valores a inputs de Neuropediatría
            if (peso) $("#peso_neuro").val(peso);
            if (talla) $("#talla_neuro").val(talla);
            
            // Signos vitales adicionales del DOM si no vinieron de DB
            if (!$("#temp_neuro").val()) $("#temp_neuro").val(getParentValue('temperatura'));
            if (!$("#fc_neuro").val()) $("#fc_neuro").val(getParentValue('frecuencia_cardiaca'));
            if (!$("#fr_neuro").val()) $("#fr_neuro").val(getParentValue('frecuencia_respiratoria'));
            if (!$("#pc_neuro").val()) $("#pc_neuro").val(getParentValue('perimetro_cefalico')); 

            // 3. CALCULAR IMC Y ACTUALIZAR GRÁFICOS
            calcularIMCNeuro();
            
            // 4. FORZAR REFRESCO DE GRÁFICOS (Vital para OMS)
            setTimeout(function() {
                refreshGraficosNeuro();
            }, 500);

            console.log("✅ Datos y gráficos sincronizados en NEUROPEDIATRIA");
        }

        // Ejecutar Sincronización
        sincronizarDatosNeuropediatria();
    }

    // Calcular IMC
    function calcularIMCNeuro() {
        var peso = parseFloat($("#peso_neuro").val());
        var talla_cm = parseFloat($("#talla_neuro").val());

        if (peso > 0 && talla_cm > 0) {
            var talla_m = talla_cm / 100;
            var imc = peso / (talla_m * talla_m);
            $("#imc_neuro").val(imc.toFixed(2));

            // Color según IMC
            var color = '#f0f0f0';
            if (imc < 18.5) color = '#fff3cd';
            else if (imc < 25) color = '#d4edda';
            else if (imc < 30) color = '#fff3cd';
            else color = '#f8d7da';
            $("#imc_neuro").css('background-color', color);
        }

        // Refrescar gráficos con datos actuales
        refreshGraficosNeuro();
    }

    // Inicializar gráficos OMS
    function initGraficosNeuro(idpersona, sexo) {
        console.log("📊 Cargando curvas OMS para NEUROPEDIATRIA (0-20 años)...");

        if (typeof Chart === 'undefined') {
            console.error("❌ Chart.js no cargado");
            return;
        }

        $.when(
            $.ajax({ url: "../ajax/crecimiento.php?op=listar_oms", type: "POST", data: { tipo: "oms_pde", sexo: sexo } }),
            $.ajax({ url: "../ajax/crecimiento.php?op=listar_oms", type: "POST", data: { tipo: "oms_tde", sexo: sexo } }),
            $.ajax({ url: "../ajax/crecimiento.php?op=listar_oms", type: "POST", data: { tipo: "oms_imc", sexo: sexo } }),
            $.ajax({ url: "../ajax/crecimiento.php?op=listar_oms", type: "POST", data: { tipo: "oms_pce", sexo: sexo } }),
            $.ajax({ url: "../ajax/crecimiento.php?op=listar_historial", type: "POST", data: { idpersona: idpersona } })
        ).done(function (r1, r2, r3, r4, r5) {
            globalOmsDataNeuro.pde = JSON.parse(r1[0]);
            globalOmsDataNeuro.tde = JSON.parse(r2[0]);
            globalOmsDataNeuro.imc = JSON.parse(r3[0]);
            globalOmsDataNeuro.pce = JSON.parse(r4[0]);
            globalHistorialNeuro = JSON.parse(r5[0]);

            console.log("✅ Datos OMS cargados para NEUROPEDIATRIA");
            refreshGraficosNeuro();
        }).fail(function (err) {
            console.error("❌ Error cargando datos OMS:", err);
        });
    }

    // Refrescar gráficos con datos actuales
    function refreshGraficosNeuro() {
        if (!globalOmsDataNeuro.pde) return;

        if (typeof currentPatientData === 'undefined' || !currentPatientData.fecha_nacimiento) {
            console.warn("⚠️ No hay fecha de nacimiento para calcular edad");
            return;
        }

        // Calcular edad en meses
        var nac = new Date(currentPatientData.fecha_nacimiento);
        var hoy = new Date();
        var diffTime = Math.abs(hoy - nac);
        var diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
        var edadMesesExacta = diffDays / 30.4375;

        var datosManuales = {
            edad_meses: edadMesesExacta,
            peso: $("#peso_neuro").val(),
            talla: $("#talla_neuro").val(),
            imc: $("#imc_neuro").val(),
            perimetro_cefalico: $("#pc_neuro").val()
        };

        renderChartNeuro('chartPesoEdadNeuro', 'Peso', 'kg', globalOmsDataNeuro.pde, globalHistorialNeuro, 'peso', datosManuales);
        renderChartNeuro('chartTallaEdadNeuro', 'Talla', 'cm', globalOmsDataNeuro.tde, globalHistorialNeuro, 'talla', datosManuales);
        renderChartNeuro('chartImcEdadNeuro', 'IMC', '', globalOmsDataNeuro.imc, globalHistorialNeuro, 'imc', datosManuales);
        renderChartNeuro('chartPceEdadNeuro', 'P. Cefálico', 'cm', globalOmsDataNeuro.pce, globalHistorialNeuro, 'perimetro_cefalico', datosManuales);
    }

    // Renderizar gráfico individual
    function renderChartNeuro(canvasId, label, unit, omsData, patientData, dataKey, manualPoint) {
        var ctx = document.getElementById(canvasId);
        if (!ctx) return;

        var keyMes = (omsData.length > 0 && typeof omsData[0].mes !== 'undefined') ? 'mes' : 'meses';
        var pF = function (v) { var n = parseFloat(v); return isNaN(n) ? null : n; };
        var pI = function (v) { var n = parseInt(v); return isNaN(n) ? 0 : n; };

        // Datasets OMS
        var sd3 = omsData.map(function (e) { return { x: pI(e[keyMes]), y: pF(e.sd3) }; });
        var sd2 = omsData.map(function (e) { return { x: pI(e[keyMes]), y: pF(e.sd2) }; });
        var sd0 = omsData.map(function (e) { return { x: pI(e[keyMes]), y: pF(e.sd0) }; });
        var sd2n = omsData.map(function (e) { return { x: pI(e[keyMes]), y: pF(e.sd2neg) }; });
        var sd3n = omsData.map(function (e) { return { x: pI(e[keyMes]), y: pF(e.sd3neg) }; });

        // Historial del paciente
        var patientPoints = patientData.map(function (e) {
            var val = parseFloat(e[dataKey]);
            if (!val || val <= 0) return null;
            return { x: parseFloat(e.edad_meses), y: val, fecha: e.fecha };
        }).filter(function (e) { return e !== null; });

        // Agregar punto manual actual
        if (manualPoint && manualPoint[dataKey] && manualPoint.edad_meses >= 0) {
            var yVal = parseFloat(manualPoint[dataKey]);
            if (yVal > 0) {
                patientPoints.push({ x: parseFloat(manualPoint.edad_meses), y: yVal, fecha: 'Actual' });
            }
        }

        patientPoints.sort(function (a, b) { return a.x - b.x; });

        // Destruir gráfico previo
        if (globalChartsNeuro[canvasId]) {
            globalChartsNeuro[canvasId].destroy();
        }

        // Calcular rango dinámico (extendido hasta 20 años = 240 meses)
        var maxAge = 240; 
        patientPoints.forEach(function (p) { if (p.x > maxAge) maxAge = p.x; });
        var stepSize = 12; // Mostrar por años

        var config = {
            type: 'line',
            data: {
                datasets: [
                    { label: '+3 SD', data: sd3, borderColor: '#e74c3c', borderWidth: 1, fill: false, pointRadius: 0 },
                    { label: '+2 SD', data: sd2, borderColor: '#e67e22', borderWidth: 1, fill: false, pointRadius: 0 },
                    { label: 'Media', data: sd0, borderColor: '#27ae60', borderWidth: 2, fill: false, pointRadius: 0 },
                    { label: '-2 SD', data: sd2n, borderColor: '#e67e22', borderWidth: 1, fill: false, pointRadius: 0 },
                    { label: '-3 SD', data: sd3n, borderColor: '#e74c3c', borderWidth: 1, fill: false, pointRadius: 0 },
                    {
                        label: 'Paciente',
                        data: patientPoints,
                        borderColor: '#667eea',
                        backgroundColor: '#667eea',
                        pointRadius: 6,
                        pointHoverRadius: 8,
                        fill: false,
                        showLine: false
                    }
                ]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                scales: {
                    xAxes: [{
                        type: 'linear',
                        position: 'bottom',
                        scaleLabel: { display: true, labelString: 'Edad (Meses)' },
                        ticks: { max: maxAge, stepSize: stepSize }
                    }],
                    yAxes: [{
                        scaleLabel: { display: true, labelString: label + (unit ? ' (' + unit + ')' : '') }
                    }]
                },
                tooltips: {
                    callbacks: {
                        title: function (items) {
                            var meses = parseFloat(items[0].xLabel);
                            var años = Math.floor(meses / 12);
                            var mesesRestantes = Math.round(meses % 12);
                            return años + 'a ' + mesesRestantes + 'm (' + meses.toFixed(1) + ' meses)';
                        },
                        label: function (item, data) {
                            var l = data.datasets[item.datasetIndex].label || '';
                            return l + ': ' + Math.round(item.yLabel * 100) / 100;
                        }
                    }
                }
            }
        };

        globalChartsNeuro[canvasId] = new Chart(ctx, config);
    }

    // Inicialización al cargar el formulario
    $(function () {
        console.log("🚀 Inicializando NEUROPEDIATRIA...");

        // Listeners para cambios en peso/talla
        $("#peso_neuro, #talla_neuro").on('change keyup input blur', function () {
            calcularIMCNeuro();
        });

        // Listener para PC
        var pcTimeout;
        $("#pc_neuro").on('input change keyup blur', function (e) {
            clearTimeout(pcTimeout);
            if (e.type === 'blur' || e.type === 'change') {
                refreshGraficosNeuro();
            } else {
                pcTimeout = setTimeout(function () {
                    refreshGraficosNeuro();
                }, 300);
            }
        });

        // Listener para cambios de tab
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            refreshGraficosNeuro();
        });

        // Esperar a que currentPatientData esté disponible
        function iniciarNeuropediatria(intentos = 0) {
            if (typeof currentPatientData === 'undefined' || !currentPatientData.idpersona) {
                if (intentos < 5) {
                    setTimeout(function () { iniciarNeuropediatria(intentos + 1); }, 500);
                } else {
                    console.warn("⚠️ No se encontraron datos del paciente");
                }
                return;
            }

            console.log("✅ Datos del paciente encontrados:", currentPatientData);

            // Sincronizar datos
            sincronizarDatosNeuropediatria();

            // Inicializar gráficos si hay sexo
            if (currentPatientData.sexo) {
                initGraficosNeuro(currentPatientData.idpersona, currentPatientData.sexo);
            }
        }

        // Escuchar evento de datos listos
        $(document).on('patientDataLoaded', function (event, patientData) {
            console.log("📡 Evento patientDataLoaded recibido en NEUROPEDIATRIA");
            setTimeout(function () {
                iniciarNeuropediatria();
            }, 300);
        });

        // Arrancar (fallback)
        if (typeof currentPatientData !== 'undefined' && currentPatientData.idpersona) {
            iniciarNeuropediatria();
        }
    });
</script>