/**
 * Vistas públicas de acceso / registro / verificación.
 */

.farmacia-auth-view {
	max-width: 32rem;
	margin-left: auto;
	margin-right: auto;
	padding: 1.5rem 0;
}

.farmacia-auth-view__title {
	margin-bottom: 1rem;
	font-size: 1.5rem;
}

.farmacia-auth-view__intro,
.farmacia-auth-view__highlight {
	margin-bottom: 1.25rem;
	line-height: 1.5;
}

.farmacia-auth-view__highlight {
	padding: 0.75rem 1rem;
	background: #f0f6fc;
	border-left: 4px solid #2271b1;
	border-radius: 2px;
}

.farmacia-auth-view__footer,
.farmacia-auth-view__back {
	margin-top: 1.5rem;
	font-size: 0.95rem;
}

.farmacia-auth-view__back a {
	text-decoration: underline;
}

.farmacia-auth-view .woocommerce-error,
.farmacia-auth-view .woocommerce-message,
.farmacia-auth-view .woocommerce-info {
	margin-bottom: 1.25rem;
}

.farmacia-auth-resend-form {
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e0e0e0;
}

.farmacia-auth-view .button--outline {
	background: transparent;
	border: 1px solid currentColor;
}

/* Formulario acceso con skin tipo popup: sin tope 32rem del contenedor genérico */
.farmacia-auth-view.farmacia-auth-view--login,
.farmacia-auth-view.farmacia-auth-view--register,
.farmacia-auth-view.farmacia-auth-view--lost {
	max-width: none;
	padding: 1rem 0;
}

.farmacia-auth-view.farmacia-auth-view--register {
	padding: 1rem 0;
	background: #f0f8ff;
	box-sizing: border-box;
}

.farmacia-login-popup--account-skin .farmacia-login-popup__lead--hint {
	margin: 0 0 1.25rem;
	font-size: 15px;
	line-height: 1.45;
}

.farmacia-login-popup--account-skin .farmacia-login-popup__footer--center {
	text-align: left;
}

.farmacia-login-popup--account-skin .farmacia-login-popup__back-chevron {
	display: inline-block;
	margin-right: 0.2em;
	font-size: 1.2em;
	line-height: 1;
	vertical-align: -0.06em;
	font-weight: 700;
}

/**
 * Registro — maqueta (fondo #F0F8FF, lead e iconos #61708F, título/botón marino, bloque centrado).
 */
.farmacia-login-popup.farmacia-login-popup--account-skin.farmacia-login-popup--register-form {
	--reg-title: #1d2b44;
	--reg-muted: #61708f;
	--reg-surface: #f0f8ff;

	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Open Sans", sans-serif;
}

.farmacia-login-popup.farmacia-login-popup--account-skin.farmacia-login-popup--register-form .farmacia-login-popup__panel {
	width: 100%;
	margin-block: 0;
	margin-inline: auto;
	/* Mismas medidas de padding que acceso (style-popup-skin / bloque popup). */
	padding: clamp(2rem, 6vw, 4.5rem) clamp(1.75rem, 5vw, 4.75rem) clamp(2rem, 5vw, 3rem);
	background: var(--reg-surface);
	border-radius: 28px;
}

.farmacia-login-popup.farmacia-login-popup--account-skin:not(.farmacia-login-popup--register-form) .farmacia-login-popup__panel {
	margin: 0;
}

.farmacia-login-popup--register-form .farmacia-login-popup__title {
	margin: 0 0 0.75rem;
	color: var(--reg-title);
	font-family: "Nunito", "Open Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 45px;
	font-weight: 800;
	line-height: 1.14;
	letter-spacing: 0;
	max-width: 28ch;
}

.farmacia-login-popup--register-form .farmacia-login-popup__lead {
	margin: 0 0 2rem;
	color: var(--reg-muted);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
	max-width: 42ch;
}

.farmacia-login-popup--register-form .farmacia-login-popup__lead--hint {
	color: var(--reg-muted);
}

.farmacia-login-popup--register-form .farmacia-login-popup__fields {
	gap: 1rem;
	margin-bottom: 1.25rem;
}

.farmacia-login-popup--register-form .farmacia-login-popup__field {
	min-height: 3.25rem;
	padding: 0 1.15rem;
	border: 1px solid rgb(27 42 73 / 8%);
}

.farmacia-login-popup--register-form .farmacia-login-popup__field-icon {
	color: var(--reg-muted);
}

.farmacia-login-popup--register-form .farmacia-login-popup__input {
	color: var(--reg-title);
	font-size: 16px;
}

.farmacia-login-popup--register-form .farmacia-login-popup__input::placeholder {
	color: #61708f;
	opacity: 1;
}

.farmacia-login-popup--register-form .farmacia-login-popup__input::-webkit-input-placeholder {
	color: #61708f;
	opacity: 1;
}

.farmacia-login-popup--register-form .farmacia-login-popup__input::-moz-placeholder {
	color: #61708f;
	opacity: 1;
}

/**
 * Iconos y placeholders #61708F (sobre style-popup-skin / estilos de bloque).
 */
.farmacia-auth-view--login .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__field-icon,
.farmacia-auth-view--register .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__field-icon,
.farmacia-auth-view--lost .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__field-icon {
	color: #61708f;
}

.farmacia-auth-view--login .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__input::placeholder,
.farmacia-auth-view--login .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__input::-webkit-input-placeholder,
.farmacia-auth-view--login .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__input::-moz-placeholder,
.farmacia-auth-view--register .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__input::placeholder,
.farmacia-auth-view--register .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__input::-webkit-input-placeholder,
.farmacia-auth-view--register .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__input::-moz-placeholder,
.farmacia-auth-view--lost .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__input::placeholder,
.farmacia-auth-view--lost .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__input::-webkit-input-placeholder,
.farmacia-auth-view--lost .farmacia-login-popup.farmacia-login-popup--account-skin .farmacia-login-popup__input::-moz-placeholder {
	color: #61708f;
	opacity: 1;
}

.farmacia-login-popup--register-form .farmacia-login-popup__form .farmacia-login-popup__submit {
	margin: 0;
	background: var(--reg-title);
	color: #fff;
	font-weight: 700;
	min-height: 3.25rem;
}

/* Acceso / recuperar: espacio sobre la línea «o». */
.farmacia-login-popup.farmacia-login-popup--account-skin:not(.farmacia-login-popup--register-form) .farmacia-login-popup__or {
	margin: 20px 0 1.5rem;
}

/*
 * Registro: separación submit → «o».
 * Misma (o mayor) especificidad que blocks/*/style-popup-skin.css (.account-skin .__or),
 * si no el skin del bloque carga después y deja margin: 0 0 1.5rem.
 */
.farmacia-login-popup.farmacia-login-popup--account-skin.farmacia-login-popup--register-form .farmacia-login-popup__or {
	margin: 20px 0 1.5rem;
}

.farmacia-login-popup--register-form .farmacia-login-popup__form .farmacia-login-popup__submit:hover {
	filter: brightness(1.06);
}

.farmacia-login-popup.farmacia-login-popup--account-skin.farmacia-login-popup--register-form
	.farmacia-login-popup__footer.farmacia-login-popup__footer--register {
	margin: 0;
	text-align: left;
	font-size: 16px;
	line-height: 1;
	color: var(--reg-title);
}

.farmacia-login-popup--register-form .farmacia-login-popup__footer-link {
	color: var(--reg-title);
	font-weight: 700;
}

.farmacia-login-popup__ctx-expired {
	margin: 0 0 1rem;
	padding: 0.75rem 1rem;
	border-radius: 12px;
	background: rgb(254 242 242);
	color: #991b1b;
	font-size: 0.9375rem;
	line-height: 1.4;
}

.farmacia-login-popup--register-verify .farmacia-auth-register-resend {
	margin-top: 0.75rem;
}

.farmacia-login-popup--register-verify .farmacia-login-popup__submit--outline {
	margin-top: 0;
	background: transparent;
	border: 2px solid var(--reg-title, #1d2b44);
	color: var(--reg-title, #1d2b44);
}

.farmacia-login-popup--register-verify .farmacia-login-popup__submit--outline:hover {
	filter: brightness(1.08);
	background: rgb(29 43 68 / 6%);
}

.farmacia-login-popup--register-verify .farmacia-login-popup__input[readonly] {
	opacity: 0.88;
	cursor: default;
}

.farmacia-login-popup--lost-verify .farmacia-auth-lost-resend {
	margin-top: 0.75rem;
}

.farmacia-login-popup--lost-verify .farmacia-login-popup__submit--outline {
	margin-top: 0;
	background: transparent;
	border: 2px solid var(--reg-title, #1d2b44);
	color: var(--reg-title, #1d2b44);
}

.farmacia-login-popup--lost-verify .farmacia-login-popup__submit--outline:hover {
	filter: brightness(1.08);
	background: rgb(29 43 68 / 6%);
}

.farmacia-login-popup--lost-verify .farmacia-login-popup__input[readonly] {
	opacity: 0.88;
	cursor: default;
}

/* Nextend Social Login dentro del bloque social (acceso). */
.farmacia-login-popup__social--nsl {
	display: block;
	margin-bottom: 2rem;
}

.farmacia-login-popup__social--nsl .nsl-container-grid,
.farmacia-login-popup__social--nsl .nsl-container,
.farmacia-login-popup__social--dual .nsl-container-grid,
.farmacia-login-popup__social--dual .nsl-container {
	width: 100%;
	max-width: none;
}

.farmacia-login-popup__social--nsl .nsl-container-buttons,
.farmacia-login-popup__social--dual .nsl-container-buttons {
	width: 100%;
}

/* Google + Facebook en dos columnas (un proveedor real y otro placeholder, o ambos placeholder). */
.farmacia-login-popup__social--dual {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	margin-bottom: 2rem;
	align-items: stretch;
}

.farmacia-login-popup__social--single {
	display: block;
	margin-bottom: 2rem;
}

.farmacia-login-popup__social--dual > *,
.farmacia-login-popup__social--single > * {
	min-width: 0;
}

/* Nextend: botones alineados con el diseño del popup (pastilla). */
.farmacia-login-popup__social--has-nsl .nsl-container,
.farmacia-login-popup__social--has-nsl .nsl-container-grid,
.farmacia-login-popup__social--has-nsl .nsl-container-block {
	width: 100%;
	max-width: none;
	margin: 0;
}

.farmacia-login-popup__social--has-nsl .nsl-container-buttons {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}

.farmacia-login-popup__social--has-nsl .nsl-button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 3rem;
	border-radius: 999px !important;
	border: 1px solid #e5e7eb !important;
	box-shadow: none !important;
	font-family: var(--flp-font-body, "Open Sans", sans-serif) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.farmacia-login-popup__social--has-nsl .nsl-button .nsl-button-label-container {
	font-weight: 600;
}

.farmacia-login-popup__social--dual.farmacia-login-popup__social--has-nsl .nsl-container-buttons {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.farmacia-login-popup__social--dual.farmacia-login-popup__social--has-nsl .nsl-button {
	flex: 1 1 calc(50% - 0.375rem);
	min-width: 0;
}