/* ============================================================
   LOVIA — tarjeta de acceso de /publica-tu-empresa/
   Sistema: LOVIA Monochrome Glass 2026
   v2 — 2026-09-06 (Camila)

   Este archivo viste SOLO la tarjeta del formulario (lo que devuelve
   el shortcode [lovia_acceso], envuelto en .lovia-acceso).
   El hero, los tres pasos y el observatorio de datos se estilizan en
   el Custom CSS post 192, que es donde vive el resto de la pagina.

   Notas de contexto que condicionan los selectores:
   - En esta pagina el shortcode NO imprime .sign-in-form: devuelve
     ul.tabs-nav + .tabs-container directamente. La tarjeta blanca la
     hace .lovia-acceso.
   - Solo la pestana de registro tiene <form> (id="register"). La de
     ingreso son campos sueltos dentro de #lovia-tab1, sin <form>.
   - El post 192 trae reglas antiguas con `form#register ... !important`
     que siguen sirviendo al modal del encabezado; aqui se sobreescriben
     con mayor especificidad en vez de borrarlas, para no romper el modal.
   - El boton de Google es de Nextend Social Login: se conserva el
     isotipo "G" a color y el texto "Continua con Google" (lineamientos
     de marca de Google). Solo se adapta fondo, tipografia, radio y caja.
   ============================================================ */

.lovia-acceso {
	--la-tinta: #0A0A0A;
	--la-acento: #161616;
	--la-carbon: #242424;
	--la-gris: #6E6E6A;
	--la-linea: #D8D8D4;
	--la-niebla: #EFEFED;
	--la-superficie: #FFFFFF;
	--la-radio: 14px;
	--la-radio-tarjeta: 24px;
	--la-alto: 52px;
	--la-icono: 46px;
}

/* ---------- La tarjeta ---------- */

.lovia-acceso {
	background: rgba(255, 255, 255, .97);
	border: 1px solid rgba(255, 255, 255, .55);
	border-radius: var(--la-radio-tarjeta);
	padding: 26px 26px 24px;
	box-shadow: 0 28px 70px rgba(10, 10, 10, .34);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	font-family: 'Jost', sans-serif;
}

/* Elementor mete padding propio en el envoltorio del shortcode; con el
   padding de la tarjeta encima los campos se quedaban en 195px de ancho
   en movil y el texto se cortaba. */
.elementor-widget-shortcode .elementor-shortcode > .lovia-acceso {
	margin: 0;
}
.lovia-acceso .tabs-container,
.lovia-acceso .tab-content {
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
}

/* ---------- Pestanas: Crear cuenta / Ingresar ---------- */

.lovia-acceso ul.tabs-nav {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 4px !important;
	margin: 0 0 22px !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid var(--la-linea) !important;
}
.lovia-acceso ul.tabs-nav > li {
	flex: 1 1 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
	background: none !important;
	border: 0 !important;
}
.lovia-acceso ul.tabs-nav > li > a {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	padding: 12px 8px !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: 'Jost', sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: .005em !important;
	line-height: 1.3 !important;
	color: var(--la-gris) !important;
	white-space: nowrap !important;
	transition: color .2s ease, box-shadow .2s ease;
}
.lovia-acceso ul.tabs-nav > li > a:hover {
	color: var(--la-tinta) !important;
}
.lovia-acceso ul.tabs-nav > li.active > a {
	color: var(--la-tinta) !important;
	font-weight: 600 !important;
	box-shadow: inset 0 -2px 0 var(--la-acento) !important;
}
.lovia-acceso ul.tabs-nav > li > a:focus-visible {
	outline: 2px solid var(--la-acento);
	outline-offset: 3px;
	border-radius: 6px !important;
}

/* ---------- Google primero ---------- */

.lovia-acceso-social {
	margin: 0 0 4px;
}

.lovia-acceso .nsl-container,
.lovia-acceso .nsl-container-block {
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
.lovia-acceso .nsl-container-buttons {
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
}
.lovia-acceso .nsl-container-buttons > a {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	text-decoration: none !important;
	border-radius: var(--la-radio) !important;
}
.lovia-acceso .nsl-container-buttons > a:focus-visible {
	outline: 2px solid var(--la-acento);
	outline-offset: 3px;
}

/* Nextend sirve el boton con fondo #f2f2f2 en linea; hay que ganarle. */
.lovia-acceso .nsl-container .nsl-button,
.lovia-acceso .nsl-button-default.nsl-button-google {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: none !important;
	min-height: var(--la-alto) !important;
	margin: 0 !important;
	padding: 0 18px !important;
	background-color: var(--la-superficie) !important;
	border: 1px solid var(--la-linea) !important;
	border-radius: var(--la-radio) !important;
	box-shadow: none !important;
	overflow: visible !important;
	transition: border-color .2s ease, background-color .2s ease,
		transform .18s cubic-bezier(.22, 1, .36, 1), box-shadow .2s ease;
}
.lovia-acceso .nsl-container-buttons > a:hover .nsl-button {
	border-color: var(--la-carbon) !important;
	background-color: var(--la-superficie) !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(10, 10, 10, .09) !important;
}
.lovia-acceso .nsl-container-buttons > a:active .nsl-button {
	transform: translateY(0);
	box-shadow: none !important;
}

/* El isotipo "G" a color se conserva tal cual; solo se le da caja. */
.lovia-acceso .nsl-button-svg-container {
	flex: 0 0 auto !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: none !important;
	border: 0 !important;
}
.lovia-acceso .nsl-button-svg-container svg {
	width: 20px !important;
	height: 20px !important;
	display: block !important;
}

/* La causa del "Continua con Goo...": el contenedor de la etiqueta viene
   con ancho fijo y overflow:hidden. Se libera y se centra con el icono. */
.lovia-acceso .nsl-button-label-container {
	flex: 0 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
	padding: 0 !important;
	margin: 0 !important;
	font-family: 'Jost', sans-serif !important;
	font-size: 15.5px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	color: var(--la-tinta) !important;
	text-align: left !important;
}
.lovia-acceso .nsl-button-label-container b {
	font-weight: 600 !important;
}

/* ---------- Separador ---------- */

.lovia-acceso-separador {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 20px 0 18px;
	color: var(--la-gris);
	font-family: 'Jost', sans-serif;
	font-size: 13px;
	letter-spacing: .04em;
	text-transform: lowercase;
}
.lovia-acceso-separador::before,
.lovia-acceso-separador::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--la-linea);
}

/* ---------- Campos ---------- */

.lovia-acceso .form-row,
.lovia-acceso p.form-row {
	margin: 0 0 12px !important;
	padding: 0 !important;
	position: relative;
}
.lovia-acceso label {
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: 'Jost', sans-serif !important;
}
.lovia-acceso label > div {
	position: relative;
}

.lovia-acceso input.input-text,
.lovia-acceso input[type="text"],
.lovia-acceso input[type="email"],
.lovia-acceso input[type="password"],
.lovia-acceso form#register input.input-text,
.lovia-acceso form#register input[type="text"],
.lovia-acceso form#register input[type="email"],
.lovia-acceso form#register input[type="password"] {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: var(--la-alto) !important;
	height: var(--la-alto) !important;
	margin: 0 !important;
	padding: 0 16px 0 var(--la-icono) !important;
	background: var(--la-superficie) !important;
	border: 1px solid var(--la-linea) !important;
	border-radius: var(--la-radio) !important;
	box-shadow: none !important;
	font-family: 'Jost', sans-serif !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
	color: var(--la-tinta) !important;
	text-overflow: clip !important;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.lovia-acceso input::placeholder {
	color: var(--la-gris) !important;
	opacity: 1 !important;
}
.lovia-acceso input.input-text:hover,
.lovia-acceso form#register input.input-text:hover {
	border-color: #BEBEB9 !important;
}
.lovia-acceso input.input-text:focus,
.lovia-acceso input[type="text"]:focus,
.lovia-acceso input[type="email"]:focus,
.lovia-acceso input[type="password"]:focus,
.lovia-acceso form#register input.input-text:focus,
.lovia-acceso form#register input[type="text"]:focus,
.lovia-acceso form#register input[type="email"]:focus,
.lovia-acceso form#register input[type="password"]:focus {
	outline: none !important;
	border-color: var(--la-acento) !important;
	box-shadow: 0 0 0 2px rgba(22, 22, 22, .18) !important;
	background: var(--la-superficie) !important;
}

/* Solo la contrasena necesita hueco a la derecha para el ojo.
   Listeo escribe padding-right:35px en linea sobre ese input. */
.lovia-acceso form#register input[type="password"],
.lovia-acceso #lovia-tab1 input[type="password"],
.lovia-acceso input#password1,
.lovia-acceso input#user_pass {
	padding-right: 50px !important;
}

/* ---------- Iconos de los campos: se reemplazan los Simple Line Icons
   del tema por los trazos del sistema LOVIA (mask + SVG en linea).
   Fuera de @supports el icono original se queda, solo recoloreado, para
   que ningun navegador sin mask muestre un cuadro solido. ---------- */

.lovia-acceso form#register label > i.sl,
.lovia-acceso #lovia-tab1 label > i.sl,
.lovia-acceso label > i.sl {
	position: absolute !important;
	left: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 18px !important;
	height: 18px !important;
	line-height: 1 !important;
	font-size: 17px !important;
	text-align: center !important;
	color: var(--la-gris) !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

@supports (mask-image: url("#x")) or (-webkit-mask-image: url("#x")) {
	.lovia-acceso label > i.sl::before,
	.lovia-acceso form#register label > i.sl::before {
		content: none !important;
	}
	.lovia-acceso label > i.sl,
	.lovia-acceso form#register label > i.sl,
	.lovia-acceso #lovia-tab1 label > i.sl {
		background-color: var(--la-gris) !important;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-size: 18px 18px;
		mask-size: 18px 18px;
		transition: background-color .18s ease;
	}
	/* Sobre */
	.lovia-acceso label > i.sl-icon-envelope-open {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.75' y='5' width='18.5' height='14' rx='3'/%3E%3Cpath d='m3.6 7.4 7.2 5.1a2.1 2.1 0 0 0 2.4 0l7.2-5.1'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.75' y='5' width='18.5' height='14' rx='3'/%3E%3Cpath d='m3.6 7.4 7.2 5.1a2.1 2.1 0 0 0 2.4 0l7.2-5.1'/%3E%3C/svg%3E");
	}
	/* Candado */
	.lovia-acceso label > i.sl-icon-lock {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.25' y='10.25' width='15.5' height='10.5' rx='3'/%3E%3Cpath d='M8 10.25V7.6a4 4 0 0 1 8 0v2.65'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.25' y='10.25' width='15.5' height='10.5' rx='3'/%3E%3Cpath d='M8 10.25V7.6a4 4 0 0 1 8 0v2.65'/%3E%3C/svg%3E");
	}
	/* Persona — sirve para "Usuario o correo" y para Nombre / Apellido,
	   donde Listeo pone un lapiz que no dice nada del campo. */
	.lovia-acceso label > i.sl-icon-user,
	.lovia-acceso label > i.sl-icon-pencil {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.75'/%3E%3Cpath d='M4.9 20.1a7.6 7.6 0 0 1 14.2 0'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.75'/%3E%3Cpath d='M4.9 20.1a7.6 7.6 0 0 1 14.2 0'/%3E%3C/svg%3E");
	}
	/* Con el ID del formulario para ganarle a la regla base, que también
	   lleva #register y por tanto más especificidad. */
	.lovia-acceso form#register label:focus-within > i.sl,
	.lovia-acceso #lovia-tab1 label:focus-within > i.sl,
	.lovia-acceso label:focus-within > i.sl {
		background-color: var(--la-acento) !important;
	}
}

/* Ojo de la contrasena: Listeo lo posiciona en linea, hay que ganarle. */
.lovia-acceso .fa-eye,
.lovia-acceso .fa-eye-slash,
.lovia-acceso .showpass,
.lovia-acceso form#register .fa-eye,
.lovia-acceso form#register .showpass {
	position: absolute !important;
	right: 10px !important;
	left: auto !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	/* El glifo mide 17x15: el relleno lo lleva a 29x27 de área táctil
	   (WCAG 2.5.8) sin moverlo visualmente del borde del campo. */
	padding: 6px !important;
	box-sizing: content-box !important;
	font-size: 15px !important;
	line-height: 1 !important;
	color: var(--la-gris) !important;
	cursor: pointer;
	z-index: 3 !important;
}
.lovia-acceso .fa-eye:hover,
.lovia-acceso .fa-eye-slash:hover {
	color: var(--la-tinta) !important;
}

/* ---------- Nombre y apellido en una fila ---------- */

.lovia-acceso-fila2 {
	display: flex;
	gap: 12px;
}
.lovia-acceso-fila2 > .form-row {
	flex: 1 1 0;
	min-width: 0;
}

/* ---------- Casillas de privacidad y terminos (requisito legal) ----------
   Listeo esconde el <input> nativo (display:none) y dibuja la casilla con
   label::before. Se respeta ese modelo — reescribirlo a flex dejaba el
   texto debajo del recuadro ("...epto la Politica de Privacidad") — pero
   el input se devuelve a un "visually hidden" enfocable: con display:none
   la casilla no se podia marcar con teclado. */

.lovia-acceso p.checkboxes,
.lovia-acceso .form-row.checkboxes {
	display: block !important;
	position: relative !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	min-height: 22px;
}
.lovia-acceso p.checkboxes:first-of-type {
	margin-top: 18px !important;
}
.lovia-acceso .checkboxes input[type="checkbox"] {
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	top: 1px !important;
	/* 24x24 de área táctil (WCAG 2.5.8) aunque el recuadro dibujado
	   mida 20px; y max-height explícito porque el tema fija min-height a
	   todos los input: sin él la casilla invisible medía 54px de alto y
	   tapaba el clic de la casilla siguiente. */
	width: 24px !important;
	height: 24px !important;
	min-height: 24px !important;
	max-height: 24px !important;
	min-width: 24px !important;
	margin-left: -2px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	z-index: 2;
	cursor: pointer;
}
.lovia-acceso .checkboxes label {
	display: block !important;
	position: relative !important;
	margin: 0 !important;
	padding: 2px 0 2px 31px !important;
	min-height: 24px;
	font-family: 'Jost', sans-serif !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
	color: var(--la-gris) !important;
	cursor: pointer;
}
.lovia-acceso .checkboxes label::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 1px !important;
	width: 20px !important;
	height: 20px !important;
	box-sizing: border-box !important;
	background: var(--la-superficie) !important;
	border: 1.5px solid var(--la-linea) !important;
	border-radius: 6px !important;
	transition: background-color .16s ease, border-color .16s ease;
}
.lovia-acceso .checkboxes label::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 1px !important;
	width: 20px !important;
	height: 20px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.6 4.5L19 7.5'/%3E%3C/svg%3E") !important;
	background-size: 13px 13px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: 0 !important;
	transform: none !important;
	opacity: 0;
	transition: opacity .16s ease;
}
.lovia-acceso .checkboxes label:hover::before {
	border-color: var(--la-carbon) !important;
}
.lovia-acceso .checkboxes input[type="checkbox"]:checked + label::before {
	background: var(--la-acento) !important;
	border-color: var(--la-acento) !important;
}
.lovia-acceso .checkboxes input[type="checkbox"]:checked + label::after {
	opacity: 1;
}
.lovia-acceso .checkboxes input[type="checkbox"]:focus-visible + label::before {
	outline: 2px solid var(--la-acento);
	outline-offset: 2px;
}
.lovia-acceso .checkboxes label a {
	color: var(--la-tinta) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}
.lovia-acceso .checkboxes label a:hover {
	color: var(--la-acento) !important;
}

/* Ocultar el campo trampa antispam de CleanTalk sin romper su funcion. */
.lovia-acceso .apbct_special_field {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

/* ---------- Recordarme / olvide mi contrasena (pestana Ingresar) ---------- */

.lovia-acceso .lost_password {
	margin: 2px 0 0 !important;
	padding: 0 !important;
	text-align: right !important;
	font-family: 'Jost', sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.4 !important;
}
/* En la pestaña de ingreso el tema imprime "Recordarme" DESPUÉS del botón.
   No se altera el orden del marcado (es el mismo del modal del encabezado,
   y moverlo solo aquí dejaría dos comportamientos distintos); solo se le da
   aire para que no quede pegado al botón. */
.lovia-acceso #lovia-tab1 p.checkboxes {
	margin: 14px 0 0 !important;
}
.lovia-acceso .lost_password a {
	color: var(--la-gris) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}
.lovia-acceso .lost_password a:hover {
	color: var(--la-tinta) !important;
}

/* ---------- Botones de envio ---------- */

.lovia-acceso input[type="submit"],
.lovia-acceso button[type="submit"] {
	display: block !important;
	width: 100% !important;
	min-height: var(--la-alto) !important;
	margin: 18px 0 0 !important;
	padding: 14px 20px !important;
	border: 0 !important;
	border-radius: var(--la-radio) !important;
	background: var(--la-acento) !important;
	color: var(--la-superficie) !important;
	font-family: 'Jost', sans-serif !important;
	font-size: 15.5px !important;
	font-weight: 600 !important;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	cursor: pointer;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	transition: background .22s ease, transform .18s cubic-bezier(.22, 1, .36, 1),
		box-shadow .22s ease;
}

/* "Crear cuenta" es la accion prioritaria de esta pagina: unico punto
   donde se usa el degradado boreal, igual que el CTA del buscador del
   home. "Ingresar" queda monocromatico para no competir. */
.lovia-acceso input[type="submit"][name="register"] {
	background: linear-gradient(100deg, #0F766E 0%, #244B8A 52%, #5A4B8A 100%) !important;
}
.lovia-acceso input[type="submit"][name="register"]:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 28px rgba(36, 75, 138, .30) !important;
}
.lovia-acceso input[type="submit"][name="login"]:hover {
	background: var(--la-tinta) !important;
	transform: translateY(-1px);
	box-shadow: 0 12px 26px rgba(10, 10, 10, .22) !important;
}
.lovia-acceso input[type="submit"]:active {
	transform: translateY(0);
	box-shadow: none !important;
}
.lovia-acceso input[type="submit"]:focus-visible {
	outline: 2px solid var(--la-acento);
	outline-offset: 3px;
}
/* Estado de carga que pinta Listeo mientras envia. */
.lovia-acceso input[type="submit"]:disabled,
.lovia-acceso input[type="submit"].loading {
	opacity: .62 !important;
	cursor: progress;
	transform: none !important;
	box-shadow: none !important;
}

/* ---------- Avisos de error / exito ---------- */

.lovia-acceso .notification {
	margin: 16px 0 0 !important;
	padding: 13px 16px !important;
	border-radius: var(--la-radio) !important;
	font-family: 'Jost', sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.5 !important;
}
.lovia-acceso .notification.error {
	background: #FBEFEF !important;
	border: 1px solid #E2C2C2 !important;
	color: #7A1F1F !important;
}
.lovia-acceso .notification.success {
	background: #ECF5F3 !important;
	border: 1px solid #B9D8D3 !important;
	color: #0F766E !important;
}
.lovia-acceso .notification p {
	margin: 0 !important;
	color: inherit !important;
	font-size: inherit !important;
}
.lovia-acceso .notification a.close {
	color: inherit !important;
}

/* ---------- Movil ---------- */

@media (max-width: 767px) {
	.lovia-acceso {
		padding: 22px 18px 20px;
		border-radius: 20px;
	}
	.lovia-acceso ul.tabs-nav > li > a {
		font-size: 15.5px !important;
		padding: 11px 6px !important;
	}
	.lovia-acceso-separador {
		margin: 18px 0 16px;
	}
}

/* Nombre y Apellido comparten fila solo cuando la tarjeta da de si.
   Se apilan en dos situaciones: móvil estrecho, y la franja 901-1024px,
   donde el hero sigue en dos columnas y la tarjeta baja de ~350px
   (ahí "Apellido" no cabía junto a su icono). */
@media (max-width: 419px), (min-width: 901px) and (max-width: 1024px) {
	.lovia-acceso-fila2 {
		display: block;
	}
	.lovia-acceso-fila2 > .form-row {
		margin-bottom: 12px !important;
	}
}

/* ---------- Movimiento reducido ---------- */

@media (prefers-reduced-motion: reduce) {
	.lovia-acceso *,
	.lovia-acceso *::before,
	.lovia-acceso *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
	.lovia-acceso .nsl-container-buttons > a:hover .nsl-button,
	.lovia-acceso input[type="submit"]:hover {
		transform: none !important;
	}
}