/* NH Tienda */

/* Franja del newsletter */
.nht-band { margin-top: 72px; }
.nht-band + .nh-site-footer { margin-top: 24px; }
.nht-news { display: grid; gap: 18px; }
.nht-news--banda {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: 36px;
	padding: clamp(28px, 4vw, 48px); border-radius: 32px; background: var(--nh-blue, #0054A6); color: #fff; position: relative; overflow: hidden; isolation: isolate;
}
.nht-news--banda::after { content: ""; position: absolute; z-index: -1; width: 380px; height: 380px; border-radius: 50%; left: -120px; bottom: -220px; background: rgba(255, 255, 255, .08); }
.nht-news__title { margin: 0 0 6px; font-size: clamp(24px, 2.6vw, 34px); color: inherit; }
.nht-news__text p { margin: 0; opacity: .88; font-size: 16px; }
.nht-news__form { display: grid; gap: 10px; }
.nht-news__row { display: flex; gap: 8px; background: #fff; border-radius: 999px; padding: 6px; }
.nht-news__row input[type="email"] { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 16px; font: inherit; font-size: 15px; color: var(--nh-ink, #0F1E33); box-shadow: none; outline: none; }
.nht-news__row .nh-btn { min-height: 46px; padding: 10px 22px; white-space: nowrap; }
.nht-news--compacto .nht-news__row { border: 1.5px solid var(--nh-line, #E2E8F0); }
.nht-news__consent { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; opacity: .9; cursor: pointer; }
.nht-news__consent input { margin-top: 2px; accent-color: var(--nh-orange, #F26822); }
.nht-news__msg { margin: 0; padding: 10px 14px; border-radius: 12px; font-weight: 600; font-size: 14px; background: rgba(255, 255, 255, .14); }
.nht-news--compacto .nht-news__msg.is-ok { background: var(--nh-green-soft, #E7F5EE); color: var(--nh-green, #1B8A5A); }
.nht-news__msg.is-error { background: #FDECEC; color: #B42318; }
.nht-news.is-done .nht-news__row, .nht-news.is-done .nht-news__consent { display: none; }
.nht-news.is-loading .nht-news__row { opacity: .6; }
.nht-coupon { display: inline-flex; gap: 14px; align-items: center; justify-self: start; padding: 10px 16px; border: 2px dashed #fff; border-radius: 14px; background: rgba(255, 255, 255, .08); color: #fff; cursor: pointer; font: inherit; }
.nht-coupon b { font-size: 20px; letter-spacing: .06em; }
.nht-coupon em { font-style: normal; font-size: 13px; font-weight: 700; }
.nht-hp { position: absolute !important; left: -9999px; }

/* Tarifas de envío [nh_tarifas_envio] */
.nht-rates { display: grid; gap: 10px; max-width: 860px; }
.nht-rate { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px 20px; border: 1px solid var(--nh-line, #E2E8F0); border-radius: 18px; background: #fff; }
.nht-rate__icon { width: 48px; height: 48px; border-radius: 14px; background: var(--nh-sky, #E6F2FC); color: var(--nh-blue, #0054A6); display: grid; place-items: center; }
.nht-rate b { display: block; font-size: 16px; }
.nht-rate small { display: block; color: var(--nh-muted, #5B6878); font-size: 13.5px; }
.nht-rate__price { text-align: right; }
.nht-rate__price b { font-family: var(--nh-font-display, inherit); font-size: 20px; color: var(--nh-blue, #0054A6); }
.nht-rates__note { margin-top: 12px; font-weight: 600; color: var(--nh-green, #1B8A5A); }

/* Avisos de beneficio */
.nht-perk { display: flex; gap: 10px; align-items: center; margin: 12px 24px 0; padding: 12px 14px; border-radius: 14px; background: var(--nh-peach, #FFEDE3); color: var(--nh-orange-dark, #D9571A); font-weight: 700; font-size: 14px; text-decoration: none; }
.nht-perk:hover { color: var(--nh-orange-dark, #D9571A); filter: brightness(.98); }
.nht-perk--wide { margin: 0 0 20px; }
.nht-perk--wide a { margin-left: auto; color: var(--nh-blue, #0054A6); white-space: nowrap; }
.nht-status { display: flex; gap: 12px; align-items: center; margin: 0 0 20px; padding: 16px 18px; border-radius: 18px; background: var(--nh-sky, #E6F2FC); color: var(--nh-ink, #0F1E33); }
.nht-status svg { color: var(--nh-blue, #0054A6); flex: none; }
.nht-status p { margin: 0; }
.nht-checkout-news { margin: 0 0 14px; }

@media (max-width: 900px) {
	.nht-news--banda { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 767px) {
	.nht-band { margin-top: 48px; }
	.nht-news--banda { border-radius: 24px; }
	.nht-news__row { flex-direction: column; border-radius: 18px; }
	.nht-news__row input[type="email"] { padding: 12px; }
	.nht-news__row .nh-btn { width: 100%; }
	.nht-rate { grid-template-columns: 40px minmax(0, 1fr); }
	.nht-rate__price { grid-column: 2; text-align: left; }
	.nht-perk { margin: 12px 18px 0; }
}

/* Avisos del pedido en Mi cuenta */
.nht-orderbox { margin: 0 0 24px; padding: 18px 20px; border-radius: 18px; }
.nht-orderbox p { margin: 0 0 6px; }
.nht-orderbox p:last-child { margin-bottom: 0; }
.nht-orderbox--ready { background: var(--nh-green-soft, #E7F5EE); color: var(--nh-ink, #0F1E33); }
.nht-orderbox--road { background: var(--nh-sky, #E6F2FC); color: var(--nh-ink, #0F1E33); }
.nht-orderbox .button { margin-top: 6px; }