<body style="font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f2f2f2;">
    <h1 style="text-align: center; color: #333;">Formulario de PQRS</h1>
    <form action="procesar_pqrs.php" method="POST" style="max-width: 600px; margin: auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);">
        <label for="nombre" style="display: block; margin-top: 10px; color: #333;">Nombre Completo:</label>
        <input type="text" id="nombre" name="nombre" required style="width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
        
        <label for="documento" style="display: block; margin-top: 10px; color: #333;">Documento de Identificación:</label>
        <input type="text" id="documento" name="documento" required style="width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
        
        <label for="email" style="display: block; margin-top: 10px; color: #333;">Correo Electrónico:</label>
        <input type="email" id="email" name="email" required style="width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
        
        <label for="telefono" style="display: block; margin-top: 10px; color: #333;">Teléfono de Contacto:</label>
        <input type="tel" id="telefono" name="telefono" required style="width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
        
        <label for="direccion" style="display: block; margin-top: 10px; color: #333;">Dirección:</label>
        <input type="text" id="direccion" name="direccion" required style="width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
        
        <label for="tipo_solicitud" style="display: block; margin-top: 10px; color: #333;">Tipo de Solicitud:</label>
        <select id="tipo_solicitud" name="tipo_solicitud" required style="width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
            <option value="peticion">Petición</option>
            <option value="queja">Queja</option>
            <option value="reclamo">Reclamo</option>
            <option value="sugerencia">Sugerencia</option>
        </select>
        
        <label for="asunto" style="display: block; margin-top: 10px; color: #333;">Asunto:</label>
        <input type="text" id="asunto" name="asunto" required style="width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
        
        <label for="descripcion" style="display: block; margin-top: 10px; color: #333;">Descripción:</label>
        <textarea id="descripcion" name="descripcion" rows="4" required style="width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;"></textarea>
        
        <button type="submit" style="margin-top: 20px; padding: 15px 20px; background-color: #28a745; color: #fff; border: none; border-radius: 4px; cursor: pointer;">Enviar</button>
    </form>
</body>