/* Move to Spain Homes: /subscribe/ (novamira-sandbox/mtsh-subscribe.php). Builds on ../mtsh-home/home.css */

/* Astra wraps templates in #content > .ast-container: go edge to edge */
body.mtsh-sub-page #content > .ast-container { max-width: none; width: 100%; padding: 0; display: block; }
body.mtsh-sub-page #content { padding: 0; background: #fff; }

/* Hero */
.ms-page .ms-hero { min-height: 640px; }
.ms-page .ms-hero .mh-hero-inner { gap: 24px; }
.ms-page .ms-pill { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.28); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.ms-page .ms-pill .mh-ico { color: var(--mh-gold-light); }
.ms-page .ms-h1 { max-width: 820px; }
.ms-page .ms-hero-lead { max-width: 640px; font-size: 19px; line-height: 1.6; color: #E6EAF2; }

/* Signup form: white bar like the homepage search */
.ms-page .ms-form { position: relative; max-width: 640px; display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin-top: 4px; padding: 10px; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px rgba(0,0,0,.25); }
.ms-page .ms-field { flex: 1 1 260px; min-width: 0; display: flex; align-items: center; gap: 10px; margin: 0; padding: 0 14px; border-radius: 8px; color: var(--mh-muted); cursor: text; }
.ms-page .ms-field:focus-within { box-shadow: inset 0 0 0 2px var(--mh-gold); }
.ms-page .ms-field input { flex: 1; width: 100%; min-height: 56px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 17px; color: var(--mh-ink); }
.ms-page .ms-field input:focus, .ms-page .ms-field input:focus-visible { outline: none; }
.ms-page .ms-field input::placeholder { color: #8A93A5; opacity: 1; }
.ms-page .ms-field:has(input[aria-invalid="true"]) { box-shadow: inset 0 0 0 2px var(--mh-red); }
.ms-page button.ms-btn { flex: 0 0 auto; min-height: 56px; padding: 0 30px; border-radius: 10px; }
.ms-page .ms-status { flex-basis: 100%; padding: 2px 14px 4px; font-size: 15px; font-weight: 600; color: var(--mh-navy); }
.ms-page .ms-note { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; color: #D5DBE6; }
.ms-page .ms-note .mh-ico { color: var(--mh-gold-light); }

/* Benefit cards are not links, so no mh-card hover lift */
.ms-page .ms-benefit { gap: 16px; }
.ms-page .ms-benefit .mh-h3 { margin-top: 4px; }

@media (max-width: 900px) {
	.ms-page .ms-hero { min-height: 0; }
	.ms-page .ms-hero-lead { font-size: 17px; }
}
@media (max-width: 760px) {
	.ms-page .ms-form { flex-direction: column; gap: 6px; }
	.ms-page .ms-field { flex: none; }
	.ms-page button.ms-btn { width: 100%; }
	.ms-page .ms-note { font-size: 14px; }
}