body { font-family: 'Georgia', serif; background-color: #fff; color: #000; margin: 0; padding: 0; } main { margin-top: 40px; padding: 40px 20px; } .libroReclamaciones { max-width: 600px; margin: 0 auto; text-align: center; } .libroReclamaciones h1 { font-size: 1.8rem; margin-bottom: 5px; text-transform: uppercase; } .libroReclamaciones h2 { font-size: 0.7rem; margin-top: 0; margin-bottom: 40px; } .libroReclamaciones p { font-size: 1rem; margin-bottom: 20px; } .libroReclamaciones h3 { font-size: 1.2rem; margin-bottom: 20px; text-align: left; } .formReclamaciones { display: flex; flex-direction: column; gap: 20px; } .formGrupo { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; box-sizing: border-box; } .formGrupo input[type="text"], .formGrupo input[type="email"], .formGrupo input[type="tel"] { flex: 1 1 240px; padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; background-color: #f4f4f4; } .formGrupo label { font-size: 1rem; display: flex; align-items: center; gap: 8px; } .formGrupo p { width: 100%; text-align: left; font-weight: bold; } .formGrupo.columnaRadio { display: block; gap: 0; } .formGrupo.columnaRadio label { display: block; text-align: left; margin-bottom: 8px; cursor: pointer; } .formGrupo.columnaRadio input[type="radio"] { margin-right: 8px; vertical-align: middle; } textarea, select { flex: 1 1 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; background-color: #f4f4f4; resize: vertical; } textarea[name="detalle"] { max-height: 300px; min-height: 100px; resize: vertical; overflow-y: auto; } input[type="radio"] { margin-right: 6px; } .formGrupo label { font-weight: normal; } .formGrupo input[type="date"] { background-color: #f4f4f4; padding: 12px; border: 1px solid #ccc; border-radius: 8px; font-size: 1rem; color: #333; flex: 1; min-width: 240px; } .tipoReclamoDescripcion { display: flex; gap: 40px; flex-wrap: wrap; justify-content: space-between; width: 100%; } .tipoReclamoDescripcion .columna { flex: 1 1 45%; font-size: 0.95rem; text-align: justify; } .formGrupo h3 { width: 100%; text-align: left; margin: 0 0 10px; } h3 { font-size: 20px; margin-top: 10px; margin-bottom: 10px; text-align: justify; } .formGrupo p { font-size: 16px; margin-bottom: 10px; text-align: justify; } .formGrupo strong { font-weight: bold; } .formGrupo label { display: block; margin: 8px 0; font-size: 15px; text-align: justify; } .formGrupo input[type="checkbox"] { margin-right: 8px; transform: scale(1.1); } .formGrupo a { color: #000; text-decoration: underline; } .formGrupo a:hover { color: #555; } main h3, main p { text-align: justify; } main p { margin-top: 6px; margin-bottom: 6px; line-height: 1.5; } main strong { margin-top: 4px; margin-bottom: 4px; display: inline; } .checkboxJustificado { display: flex; align-items: flex-start; gap: 10px; text-align: justify; margin-bottom: 10px; line-height: 1.4; } .checkboxJustificado input[type="checkbox"] { margin-top: 3px; flex-shrink: 0; } .botonEnviar button[type="submit"] { width: 100%; padding: 14px 20px; background-color: #000; color: #fff; border: none; border-radius: 6px; font-size: 1rem; font-family: inherit; /* ← Hereda la fuente de */ cursor: pointer; transition: background-color 0.3s ease; } .botonEnviar button[type="submit"]:hover { background-color: #333; } input, textarea, select, button { font-family: inherit; }