/* Responsive styles for the guide landing and its HTML alias only. */
.landing-guia-page .container { width: 100%; padding-inline: clamp(20px, 4vw, 48px); }
.landing-guia-page .landing-guia-header { position: sticky; height: auto; }
.landing-guia-page .landing-guia-nav { min-height: 80px; height: auto; gap: 20px; padding-block: 12px; }
.landing-guia-page .landing-hero { padding-top: 64px; min-height: auto; }
.landing-guia-page .landing-hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 4vw, 60px); }
.landing-guia-page .guia-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.landing-guia-page .para-quien-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.landing-guia-page .sobre-mi-guia-grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.landing-guia-page :is(.landing-hero-grid, .guia-grid-4, .para-quien-grid, .sobre-mi-guia-grid) > * { min-width: 0; }
.landing-guia-page .sobre-mi-guia-image { height: auto; max-width: 440px; margin-inline: auto; }
.landing-guia-page .btn { max-width: 100%; min-height: 44px; white-space: normal !important; text-align: center; line-height: 1.5; }
.landing-guia-page .guide-mockup-badge-footer { flex-wrap: wrap; gap: 8px 16px; }
.landing-guia-page .footer-legal { flex-wrap: wrap; }
.landing-guia-page .footer-content { padding-inline: clamp(20px, 4vw, 48px) !important; }
@media (max-width: 1024px) {
    .landing-guia-page .guia-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .landing-guia-page .landing-hero-title { font-size: clamp(2rem, 4vw, 2.75rem); }
    .landing-guia-page :is(.para-quien-grid, .sobre-mi-guia-grid) { gap: 28px; }
}
@media (max-width: 800px) {
    .landing-guia-page :is(.landing-hero-grid, .para-quien-grid, .sobre-mi-guia-grid) { grid-template-columns: minmax(0, 1fr); gap: 36px; }
    .landing-guia-page .landing-hero { padding-block: 40px 56px; }
    .landing-guia-page .guide-mockup-wrapper { padding: 0; }
    .landing-guia-page .footer-content { justify-content: center !important; text-align: center; }
    .landing-guia-page .footer-legal { justify-content: center; }
}
@media (max-width: 600px) {
    .landing-guia-page .landing-guia-nav { flex-direction: column; gap: 10px; }
    .landing-guia-page .landing-guia-nav > div { width: 100%; }
    .landing-guia-page .landing-guia-nav .logo { margin-right: 0; }
    .landing-guia-page .landing-guia-nav .nav-btn { width: 100%; }
    .landing-guia-page :is(.section, .formulario-guia-section) { padding-block: 52px; scroll-margin-top: 140px; }
    .landing-guia-page #cta-final-guia { padding-block: 52px !important; }
    .landing-guia-page .guia-grid-4 { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 28px; }
    .landing-guia-page :is(.landing-hero-title, .section-title, .cta-final-guia-title) { font-size: clamp(1.75rem, 7vw, 2.2rem); overflow-wrap: break-word; }
    .landing-guia-page :is(.landing-hero-subtitle, .cta-final-guia-desc) { font-size: 1.05rem; }
    .landing-guia-page :is(.guia-card, .highlight-quote-box, .guide-mockup-card) { padding: 28px 20px; }
    .landing-guia-page .formulario-guia-card { padding: 32px 12px; }
    .landing-guia-page .formulario-guia-container iframe { min-height: 440px; }
    .landing-guia-page .cta-final-guia-card { padding: 36px 20px; }
    .landing-guia-page .btn { padding-inline: 16px; }
}
.landing-guia-page .footer { background-color: var(--color-sage-dark); }
.landing-guia-page .footer-copy { color: var(--color-white); }

/* Space for the embedded Brevo form; keep its own scrolling as a fallback. */
.landing-guia-page .formulario-guia-container iframe { height: 820px; }
@media (max-width: 700px) {
    .landing-guia-page .formulario-guia-container iframe { height: 1000px; }
}
@media (max-width: 480px) {
    .landing-guia-page .formulario-guia-container iframe { height: 1120px; }
}
@media (max-width: 380px) {
    .landing-guia-page .formulario-guia-container iframe { height: 1220px; }
}
@media (max-width: 340px) {
    .landing-guia-page .formulario-guia-container iframe { height: 1460px; }
}