/* Tailwind CSS se encarga de la maquetación principal. 
   Estos estilos son adicionales para los mensajes de estado del formulario. */

#lr-form-messages:not(:empty) {
	display: block !important;
	margin-top: 1.5rem;
}

.lr-success-message {
	background-color: #d1fae5; /* tw-lr-bg-green-100 */
	color: #065f46; /* tw-lr-text-green-900 */
	padding: 1rem;
	border-radius: 0.5rem;
	border: 1px solid #a7f3d0; /* tw-lr-border-green-200 */
	font-size: 0.875rem;
	font-family: inherit;
}

.lr-error-message {
	background-color: #fee2e2; /* tw-lr-bg-red-100 */
	color: #991b1b; /* tw-lr-text-red-900 */
	padding: 1rem;
	border-radius: 0.5rem;
	border: 1px solid #fecaca; /* tw-lr-border-red-200 */
	font-size: 0.875rem;
	font-family: inherit;
}