Libro de Reclamaciones | Registro de Quejas y Sugerencias

Libro de Reclamaciones

Nombre Completo: *

Correo Electrónico: *

Teléfono de Contacto: *

Detalles de la reclamación

Reclamación: * Máximo 500 caracteres

body { font-family: 'Montserrat', sans-serif; } .container { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .form-group { margin-bottom: 20px; } .form-group label { font-size: 1.1em; color: #333; display: block; margin-bottom: 5px; } .form-group input, .form-group textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 5px; font-size: 1em; transition: border-color 0.3s; } .form-group input:focus, .form-group textarea:focus { border-color: #0e62a7; outline: none; box-shadow: 0 0 0 2px rgba(14, 98, 167, 0.2); } .form-group input.invalid, .form-group textarea.invalid { border-color: #f44336; } .form-group textarea { resize: vertical; min-height: 150px; } .form-group button { width: 100%; padding: 12px; background-color: #0e62a7; color: #fff; border: none; border-radius: 5px; font-size: 1.2em; cursor: pointer; transition: background-color 0.3s, transform 0.2s; } .form-group button:hover { background-color: #017eac; } .form-group button:active { background-color: #005d84; transform: scale(0.98); } .form-group button:disabled { background-color: #cccccc; cursor: not-allowed; } .message { padding: 15px; margin-top: 20px; border-radius: 5px; display: flex; align-items: center; gap: 10px; } .success-message { background-color: #4CAF50; color: white; } .error-message { background-color: #f44336; color: white; } .required { color: #f44336; } .error-message { color: #f44336; font-size: 0.9em; margin-top: 5px; display: block; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } fieldset { border: 1px solid #ddd; border-radius: 5px; padding: 20px; margin-bottom: 20px; } legend { padding: 0 10px; font-weight: 600; color: #0e62a7; } small { display: block; margin-top: 5px; color: #666; font-size: 0.8em; } @media (max-width: 600px) { .container { margin: 10px auto; padding: 15px; } .form-group input, .form-group textarea { padding: 10px; } fieldset { padding: 15px; } }