/* Navegación multipágina: portada resumida + una sección visible por ruta. */
.i18n-en { display: none; }
body.lang-en .i18n-es { display: none !important; }
body.lang-en .i18n-en { display: inline; }

body[data-page="home"] main > section:not(.hero):not(.home-menu-summary):not(.cta-band),
body[data-page="servicios"] main > section:not(#servicios):not(.cta-band),
body[data-page="casos"] main > section:not(#galeria):not(.cta-band),
body[data-page="equipo"] main > section:not(#doctora):not(.cta-band),
body[data-page="financiacion"] main > section:not(#financiamiento):not(.cta-band),
body[data-page="opiniones"] main > section:not(#opiniones):not(.cta-band),
body[data-page="preguntas"] main > section:not(#faq):not(.cta-band),
body[data-page="contacto"] main > section:not(#contacto):not(.cta-band) {
  display: none !important;
}
body[data-page="home"] .page-intro { display: none !important; }
body:not([data-page="home"]) .home-menu-summary { display: none !important; }

.page-intro {
  width: min(1200px, 88vw);
  margin: 0 auto;
  padding: 34px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}
.page-intro a { color: var(--muted); text-decoration: none; transition: color .2s ease; }
.page-intro a:hover, .page-intro strong { color: var(--accent); }
.page-intro span { padding: 0 9px; color: var(--line-strong); }
.nav a[aria-current="page"] { color: var(--accent); }

.home-menu-summary {
  padding: clamp(62px, 8vw, 112px) 6vw clamp(70px, 9vw, 128px);
  background: var(--bg);
}
.home-menu-inner { width: min(1200px, 100%); margin: 0 auto; }
.home-menu-heading { max-width: 760px; margin-bottom: 34px; }
.home-menu-heading .kicker { display: block; margin-bottom: 12px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.home-menu-heading h2 { margin: 0 0 14px; color: var(--ink); font-family: var(--font-head); font-size: clamp(32px, 5vw, 58px); line-height: 1.04; letter-spacing: -.045em; }
.home-menu-heading p { max-width: 620px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.home-menu-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.menu-summary-card {
  position: relative; display: flex; min-height: 190px; flex-direction: column; align-items: flex-start;
  padding: clamp(20px, 2.4vw, 30px); overflow: hidden; border: 1px solid var(--line); border-radius: 22px;
  background: var(--surface); color: var(--ink); text-decoration: none; box-shadow: var(--shadow-sm);
  transition: transform .28s var(--ease-premium), box-shadow .28s ease, border-color .22s ease;
}
.menu-summary-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); box-shadow: var(--shadow-md); }
.menu-summary-icon { display: grid; width: 42px; height: 42px; margin-bottom: 20px; place-items: center; border-radius: 14px; background: var(--accent-soft); color: var(--accent); font-size: 17px; }
.menu-summary-card strong { margin-bottom: 7px; font-size: 16px; font-weight: 700; letter-spacing: -.025em; }
.menu-summary-card p { max-width: 34ch; margin: 0 0 20px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.menu-summary-link { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: var(--accent); font-size: 11px; font-weight: 750; }
.menu-summary-link i { transition: transform .2s ease; }
.menu-summary-card:hover .menu-summary-link i { transform: translateX(3px); }

@media (max-width: 900px) {
  .home-menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .home-menu-summary { padding-inline: 5vw; }
  .home-menu-grid { grid-template-columns: 1fr; gap: 10px; }
  .menu-summary-card { min-height: 0; padding: 20px; }
  .menu-summary-icon { margin-bottom: 13px; }
  .page-intro { width: 90vw; padding-top: 24px; }
}