/* PAG-012 — Formulario de alta mayorista (shortcode [naccato_form_mayorista]).
   Presentacional. NO declara font-family: hereda el stack del theme (mismo
   criterio que envios.css). Colores de marca: azul #476075, verde #4f8e3a,
   rojo #b93027. Grid 2 columnas en desktop, 1 en mobile. Cache-busting via
   filemtime(). */

.ncc-may{
	max-width:820px;
	margin:0 auto;
	padding:8px 16px 24px;
	color:#333;
}

/* --- Encabezado on-brand de la pagina (heading vive en el contenido del
   post, se estiliza desde aca para mantener la marca versionada). --- */
.ncc-may-intro{
	max-width:820px;
	margin:0 auto 8px;
	padding:0 16px;
	text-align:center;
}
.ncc-may-intro__title{
	text-transform:uppercase;
	font-weight:700;
	line-height:1.22;
	font-size:clamp(22px,3.2vw,34px);
	margin:0 0 12px;
	color:#2c2c2c;
}
.ncc-may-intro__lead{
	max-width:640px;
	margin:0 auto;
	font-size:clamp(15px,1.6vw,18px);
	line-height:1.45;
	color:#555;
}
.ncc-may-intro__lead strong{ color:#476075; font-weight:700; }

/* --- Avisos (exito / error) --- */
.ncc-may__notice{
	border-radius:8px;
	padding:16px 20px;
	font-size:clamp(15px,1.6vw,17px);
	line-height:1.45;
	margin:0 auto 24px;
	max-width:640px;
	text-align:center;
}
.ncc-may__notice--success{
	background:#eaf4e3;
	border:1px solid #4f8e3a;
	color:#2f5d22;
	font-weight:600;
}
.ncc-may__notice--error{
	background:#fbeae9;
	border:1px solid #b93027;
	color:#8f231c;
	font-weight:600;
}

/* --- Grid del formulario --- */
.ncc-may__grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:18px 22px;
}

/* --- Campo --- */
.ncc-may__field{
	display:flex;
	flex-direction:column;
	gap:6px;
	min-width:0;
}
.ncc-may__field--wide{ grid-column:1 / -1; }

.ncc-may__label{
	font-weight:600;
	font-size:14px;
	color:#2c2c2c;
}
.ncc-may__req{ color:#b93027; }

.ncc-may__input{
	width:100%;
	box-sizing:border-box;
	padding:11px 13px;
	border:1px solid #cfd6db;
	border-radius:7px;
	font-size:15px;
	line-height:1.3;
	color:#333;
	background:#fff;
	transition:border-color .15s ease, box-shadow .15s ease;
}
.ncc-may__input:focus{
	outline:none;
	border-color:#476075;
	box-shadow:0 0 0 3px rgba(71,96,117,.16);
}
select.ncc-may__input{ appearance:none; -webkit-appearance:none; background-image:none; cursor:pointer; }

.ncc-may__help{
	font-size:12.5px;
	color:#6a7580;
	font-style:italic;
}

/* --- Estado de error por campo --- */
.ncc-may__field--error .ncc-may__input{
	border-color:#b93027;
	box-shadow:0 0 0 3px rgba(185,48,39,.12);
}
.ncc-may__error{
	font-size:12.5px;
	color:#b93027;
	font-weight:600;
}

/* --- Leyenda + boton --- */
.ncc-may__legend{
	margin:20px 0 0;
	font-size:13px;
	color:#6a7580;
}
.ncc-may__submit{
	display:inline-block;
	margin-top:14px;
	background:#b93027;
	color:#fff;
	font-style:italic;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	font-size:clamp(16px,1.8vw,19px);
	padding:14px 56px;
	border:none;
	border-radius:8px;
	cursor:pointer;
	box-shadow:0 4px 12px rgba(185,48,39,.28);
	transition:background .15s ease, box-shadow .15s ease;
}
.ncc-may__submit:hover{ background:#9d271f; box-shadow:0 6px 16px rgba(185,48,39,.34); }
.ncc-may__submit:focus-visible{ outline:3px solid rgba(71,96,117,.4); outline-offset:2px; }

/* --- Honeypot: totalmente fuera de pantalla --- */
.ncc-may__hp{
	position:absolute !important;
	left:-9999px !important;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* --- Responsive --- */
@media (max-width:640px){
	.ncc-may__grid{ grid-template-columns:1fr; }
	.ncc-may__submit{ width:100%; padding:14px 24px; box-sizing:border-box; }
}