/* Errores de formulario de La Anónima, en un solo lugar y más sutiles.
   Se carga al final de base.html: pisa los estilos de error de contact.css,
   contratacion-cliente.css y los <style> de los quote-*.html. El `html body` del
   principio es solo para ganarles en especificidad sin tocar cada archivo. */

/* Mensaje bajo el campo: texto rojo chico, sin caja. */
html body .field-error {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin-top: 4px;
    color: #c62828;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.3;
}

html body .field-error ul,
html body .form-errors ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Campo con error: borde rojo fino, sin fondo rosado. */
html body .has-error input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
html body .has-error select,
html body .quote-field.has-error input,
html body .has-error .select2-container .select2-selection--single,
html body .quote-field.has-error .select2-container--default .select2-selection--single,
html body .has-error .line-input,
html body .has-error .cod-wrapper,
html body .has-error .num-phone {
    border: 1px solid #d93025 !important;
    background-color: #fff !important;
}

html body .has-error .radio-wrap .checkmark {
    border: 1px solid #d93025;
    background-color: #fff;
    outline: none;
}

/* Errores generales (arriba del formulario): franja suave, no caja gruesa. */
html body .form-errors {
    background: #fdf3f3;
    border: 0;
    border-left: 3px solid #d93025;
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 15px;
    color: #c62828;
    font-size: 0.9rem;
    font-weight: 400;
}

/* Sin ícono: algunas pantallas le agregaban un ⚠ y otras no. */
html body .field-error::before,
html body .field-error li::before {
    content: none;
}