/* PAG-002 — Pagina "Envios y retiro" (shortcode [naccato_envios]).
   Presentacional. NO declara font-family: hereda el stack del theme
   (PAG-002C: usar la tipografia del sitio, no forzar una fuente). Las
   italicas (nombre del envio + plazo verde + copy mayorista) son pedido
   de Matias para dar sensacion de movimiento/rapidez. Colores de marca:
   azul #476075, verde #4f8e3a, rojo #b93027. Cache-busting via filemtime(). */

.ncc-envios{
	max-width:1040px;
	margin:0 auto;
	padding:24px 16px 8px;
	text-align:center;
	color:#333;
}

/* --- Encabezado (PAG-002: hero sin titulo, solo lead) --- */
.ncc-envios__lead{
	max-width:760px;
	margin:0 auto;
	font-size:clamp(15px,1.6vw,18px);
	line-height:1.45;
	color:#555;
}

/* --- Bloques / subtitulos --- */
.ncc-envios__block{ margin-top:48px; }
.ncc-envios__subtitle{
	font-style:italic;
	font-weight:700;
	text-transform:uppercase;
	font-size:clamp(20px,2.6vw,30px);
	color:#2c2c2c;
	margin:0 0 32px;
}

/* --- Grillas --- */
.ncc-envios__grid{
	display:grid;
	gap:40px 20px;
	align-items:start;
}
.ncc-envios__grid--3{ grid-template-columns:repeat(3,1fr); max-width:860px; margin:0 auto; }
.ncc-envios__grid--4{ grid-template-columns:repeat(4,1fr); }

/* --- Tarjeta --- */
.ncc-ecard{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
	padding:4px 6px;
}
.ncc-ecard__icon{
	height:200px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:4px;
}
.ncc-ecard__icon img{
	height:192px;
	width:auto;
	max-width:100%;
	display:block;
}
.ncc-ecard__name{
	font-style:italic;
	font-weight:700;
	font-size:clamp(17px,1.8vw,20px);
	color:#2c2c2c;
	margin:2px 0 0;
}
.ncc-ecard__eta{           /* plazo (verde, italica, uppercase) */
	font-style:italic;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.02em;
	font-size:14px;
	color:#4f8e3a;
	margin:0;
}
.ncc-ecard__desc{
	font-size:15px;
	line-height:1.35;
	color:#333;
	margin:2px 0 0;
}
.ncc-ecard__promo{ margin:6px 0 0; line-height:1.3; }
.ncc-ecard__promo strong{
	display:block;
	text-transform:uppercase;
	font-weight:700;
	font-size:14px;
}
.ncc-ecard__promo-sub{ display:block; font-size:13px; }
/* rojo (bonificado / a todo el pais) -> italica */
.ncc-ecard__promo--red strong,
.ncc-ecard__promo--red .ncc-ecard__promo-sub{ color:#b93027; font-style:italic; }
/* oscuro (envios bonificados mayorista) -> upright */
.ncc-ecard__promo--dark strong{ color:#2c2c2c; }
.ncc-ecard__promo--dark .ncc-ecard__promo-sub{ color:#333; }

/* --- Acceso mayorista --- */
.ncc-envios__mayorista{ margin-top:52px; }
.ncc-envios__cta{
	display:inline-block;
	background:#b93027;
	color:#fff;
	font-style:italic;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	font-size:clamp(18px,2vw,22px);
	padding:14px 64px;
	border-radius:8px;
	text-decoration:none;
	box-shadow:0 4px 12px rgba(185,48,39,.28);
	transition:background .15s ease, box-shadow .15s ease;
}
.ncc-envios__cta:hover{ background:#9d271f; color:#fff; box-shadow:0 6px 16px rgba(185,48,39,.34); }
.ncc-envios__mayorista-copy{
	font-style:italic;
	max-width:700px;
	margin:26px auto 0;
	font-size:clamp(16px,1.7vw,18px);
	line-height:1.45;
	color:#333;
}
.ncc-envios__mayorista-copy strong{ font-weight:700; }
.ncc-envios__form-link{
	display:inline-block;
	margin-top:18px;
	font-style:italic;
	font-weight:700;
	font-size:18px;
	color:#2c2c2c;
	text-decoration:none;
}
.ncc-envios__form-link:hover{ color:#476075; }

/* --- Responsive --- */
@media (max-width:1024px){
	.ncc-envios__grid--4{ grid-template-columns:repeat(2,1fr); gap:34px 20px; max-width:560px; margin:0 auto; }
}
@media (max-width:640px){
	.ncc-envios__grid--3,
	.ncc-envios__grid--4{ grid-template-columns:1fr; max-width:320px; }
	.ncc-envios__cta{ padding:13px 40px; width:100%; box-sizing:border-box; }
}