/* ARCHIVO GENERADO por tools/build-css.py a partir de assets/css/src/auth-gate.css — NO EDITAR AQUÍ: edita el origen y vuelve a ejecutar el script. Cada selector lleva :not(#cta-isolate) para que el tema no pueda pisar estos estilos. */
/* Crea Tu Anillo Online — puerta de acceso (registro/login), Fase 6a.
   Independiente de configurator.css: se carga sola, sin el visor 3D. */

.cta-auth-gate:not(#cta-isolate) {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 420px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	box-sizing: border-box;
}

.cta-auth-gate *:not(#cta-isolate),
.cta-auth-gate *:not(#cta-isolate)::before,
.cta-auth-gate *:not(#cta-isolate)::after {
	box-sizing: inherit;
}

@media (max-width: 640px) {
	/* !important justificado: los temas de bloques de WordPress reservan
	   una regla con especificidad reforzada a propósito
	   (.is-layout-flow > :first-child:first-child { margin-block-start: 0; })
	   para resetear el margen superior del primer bloque de cualquier
	   contenedor — como esta pantalla suele ser el primer elemento de la
	   página, esa regla del tema gana a un simple selector de clase y
	   anula el margen aunque venga después en el archivo. */
	.cta-auth-gate:not(#cta-isolate) {
		margin-top: 4% !important;
	}
}

.cta-auth-error:not(#cta-isolate) {
	margin: 0;
	padding: 10px 14px;
	border-radius: 8px;
	background: rgba(198, 40, 40, 0.08);
	color: #c62828;
	font-size: 14px;
}

.cta-auth-panel:not(#cta-isolate) {
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 12px;
	background: #fff;
}

.cta-auth-panel h2:not(#cta-isolate) {
	margin: 0 0 6px;
	font-size: 18px;
	color: #222;
}

.cta-auth-hint:not(#cta-isolate) {
	margin: 0 0 14px;
	font-size: 13px;
	color: #777;
}

.cta-auth-form:not(#cta-isolate) {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.cta-auth-form label:not(#cta-isolate) {
	font-size: 13px;
	font-weight: 600;
	color: #333;
	margin-top: 8px;
}

.cta-auth-form input[type="text"]:not(#cta-isolate),
.cta-auth-form input[type="email"]:not(#cta-isolate),
.cta-auth-form input[type="password"]:not(#cta-isolate) {
	padding: 10px 12px;
	border-radius: 8px;
	border: 1px solid #ccc;
	font-size: 15px;
}

.cta-auth-submit:not(#cta-isolate) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 14px;
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid #000;
	border-radius: 8px;
	background: #fff;
	color: #000;
	font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.cta-auth-submit:hover:not(#cta-isolate) {
	background: #000;
	color: #fff;
}

.cta-auth-panel .cta-auth-hint:not(#cta-isolate) {
	margin: 12px 0 0;
	text-align: center;
}

.cta-auth-panel .cta-auth-hint a:not(#cta-isolate) {
	color: #9E4624;
}