<!--Ventana Modal-->
<form method="POST">

    <input type="checkbox" id="btns-riesgo">
    <div class="container-modal">
        <div class="content-modal">
            <h2>VALORACION DEL RIESGO SOCIAL</h2>
            <hr>
            <label for="email"><b>De las siguientes ingresa el Motivo del RIESGO SOCIAL</b></label><span class="badge-warning">*</span>
            
            <!-- Contenedor de los textarea -->
            <div class="textarea-container">
                <textarea name="venfermedadd" id="venfermedadd" required placeholder="ENFERMEDADES DIAGNOSTICAS.."></textarea>
                <textarea name="vfuma" id="vfuma" required placeholder="La persona Fuma"></textarea>
                <textarea name="vhumo" id="vhumo" required placeholder="EXPUESTO AL HUMO DE LEÑA"></textarea>
                <textarea name="vconsumo" id="vconsumo" required placeholder="CONSUMO FRECUENTE O PERMANENTE  DE ALCOHOL "></textarea>
                <textarea name="vsal" id="vsal" required placeholder="AGREGA SAL A LOS ALIMENTOS ANTES DE PROBAR"></textarea>
                <textarea name="vcocina" id="vcocina" required placeholder="¿ USTED PREPARA, COCINA Y SIRVE SOLO SUS ALIMENTOS ?"></textarea>
                <textarea name="vvestir" id="vvestir" required placeholder="¿ USTED PUEDE BAÑARSE Y VESTIRSE SOLO?"></textarea>
                <textarea name="vdiahoy" id="vdiahoy" required placeholder="¿ QUE DIA ES HOY ?"></textarea>
                <textarea name="vmeshoy" id="vmeshoy" required placeholder="¿ EN QUE MES ESTAMOS  ?"></textarea>
                <textarea name="vanohoy" id="vanohoy" required placeholder="¿ EN QUE AÑO ESTAMOS   ? "></textarea>
                <textarea name="vmunicipio" id="vmunicipio" required placeholder="¿ EN QUE MUNICIPIO ESTAMOS? "></textarea>
                
            </div>

            <input type="hidden" id="csidpa" name="csidpa" value="<?php echo $d->idpa; ?>">
            <input type="hidden" id="csnopa" name="csnopa" value="<?php echo $d->nompa; ?>">
            
            <input type="button" class="registerbtn" name="submit" value="Guardar" onclick="insertariesgo();">
        </div>
        
        <label for="btns-riesgo" class="cerrar-modal"></label>
    </div>
</form>
<!--Fin de Ventana Modal-->

<style>
    /* El contenedor general del modal */
    .container-modal {
        width: 100%;
        height: calc(100vh - 60px); /* ajustamos dejando espacio para el menú (ej. 60px) */
        position: fixed;
        top: 60px; /* inicia justo debajo del menú */
        left: 0;
        background-color: rgba(53, 9, 73, 0.8);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 99100;
        overflow-y: auto;
        padding: 20px;
        box-sizing: border-box;
    }

    /* El contenido blanco interno del modal */
    .content-modal {
        background: white;
        padding: 20px;
        border-radius: 10px;
        max-width: 90vw;
        max-height: 90%;
        overflow-y: auto;
        box-sizing: border-box;
    }

    /* Grid con 3 columnas verticales */
    .textarea-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        padding: 10px 0;
    }

    /* Cada textarea */
    .textarea-container textarea {
        width: 100%;
        min-width: 200px;     /* Menor ancho */
        height: 50px;         /* Menor altura */
        resize: vertical;
        padding: 8px;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

    /* Botón guardar */
    .registerbtn {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 16px;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .registerbtn:hover {
        background-color: #45a049;
    }

    /* Botón para cerrar modal (opcional) */
    .cerrar-modal {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 30px;
        cursor: pointer;
    }
</style>
