/*
 * MotorCasión · «ENTRAR» Y «¿HAS OLVIDADO TU CONTRASEÑA?» (plantillas/entrar.php, contrasena-olvidada.php, partes/form-entrar.php).
 * F6.3 · 03/10/2026. Va encima de altas.css (la misma familia que el alta: intro + caja). Solo tokens --mc-*: el oscuro sale solo de
 * tokens.css. Sin !important, sin @layer. Móvil primero. Objetivos táctiles de 44-48 px.
 */

/* La caja del formulario, más estrecha que la del alta: es un formulario de dos campos. */
@media (min-width: 1024px) {
	.mc-entrar { grid-template-columns: minmax(0, 1fr) minmax(0, 440px); justify-content: space-between; }
}
.mc-entrar__aviso { margin-bottom: var(--mc-e-5); }
.mc-entrar__aviso a { color: inherit; font-weight: var(--mc-peso-fuerte); }
.mc-aviso.mc-entrar__aviso:focus { outline: none; box-shadow: var(--mc-foco-anillo); }

/* «Recordarme»: la casilla va dentro de su etiqueta y toda la línea es zona de toque (48 px), no solo la casilla de 22. */
.mc-pagina .mc-entrar__recordar { display: flex; align-items: center; gap: var(--mc-e-3); min-height: var(--mc-tactil); color: var(--mc-texto-2); cursor: pointer; }
.mc-pagina .mc-entrar__recordar input { flex: none; width: 22px; height: 22px; margin: 0; accent-color: var(--mc-rojo); }

/* Enlaces sueltos de la caja (contraseña olvidada, volver a entrar): 48 px de alto para el dedo. */
.mc-entrar__olvido { margin: var(--mc-e-3) 0 0; text-align: center; }
.mc-pagina .mc-entrar__olvido a { display: inline-flex; align-items: center; min-height: var(--mc-tactil); padding-inline: var(--mc-e-2); font-weight: var(--mc-peso-fuerte); }

.mc-entrar__botones { display: grid; gap: var(--mc-e-3); margin: var(--mc-e-5) 0 0; }

/* «¿Eres profesional?»: separado del formulario, para que nadie lo pulse creyendo que es «Entrar». */
.mc-entrar__alta { display: grid; gap: var(--mc-e-3); margin-top: var(--mc-e-5); padding-top: var(--mc-e-5); border-top: 1px solid var(--mc-borde); text-align: center; }
.mc-entrar__alta-t { margin: 0; color: var(--mc-texto); font-weight: var(--mc-peso-fuerte); }
.mc-entrar__nota { margin: var(--mc-e-4) 0 0; }
.mc-entrar__nota .mc-icono { margin-top: 0.15em; }

/* Los 3 pasos de la contraseña olvidada, con el número dentro de la caja roja inclinada (la firma de la marca). */
.mc-pagina .mc-entrar__pasos { list-style: none; margin: var(--mc-e-6) 0 0; padding: 0; display: grid; gap: var(--mc-e-4); }
.mc-pagina .mc-entrar__pasos li { display: flex; gap: var(--mc-e-3); align-items: flex-start; margin: 0; }
.mc-entrar__paso-n { flex: none; position: relative; width: 30px; height: 30px; display: grid; place-items: center; color: var(--mc-sobre-rojo); font-family: var(--mc-letra-num); font-weight: 700; font-size: 1rem; line-height: 1; isolation: isolate; }
.mc-entrar__paso-n::before { content: ""; position: absolute; inset: 0; background: var(--mc-rojo); transform: skewX(var(--mc-inclinacion)); border-radius: 4px; z-index: -1; }

/* Woodmart pone los <button> en mayúsculas; los de la casa van como los enlaces .mc-boton. */
.mc-pagina--entrar button.mc-boton, .mc-entrar__form button.mc-boton { text-transform: none; }
/* Encargo 11 (03/10/2026): el aviso para particulares («No necesitas cuenta…»), con el enlace subrayado y de 44 px de alto para el dedo. */
.mc-entrar__particular { margin: var(--mc-e-4) 0 0; padding: var(--mc-e-3) var(--mc-e-4); border-left: 4px solid var(--mc-acento); background: var(--mc-fondo-2); color: var(--mc-texto-2); }
.mc-entrar__particular a { color: var(--mc-enlace); text-decoration: underline; text-underline-offset: 3px; display: inline-flex; align-items: center; min-height: 44px; }