/* JA 2026 · v0.7.17 · Glass / spacing / footer polish */

/* Ritmo: menos hueco dentro de cada sección, más separación ENTRE secciones. */
main > .section-shell:not(.hero):not(.stats){
  margin-top:clamp(30px,3.8vw,58px);
  margin-bottom:clamp(30px,3.8vw,58px);
}

/* Ejes: el encabezado queda más cerca de las tarjetas. */
.axes-intro{margin-bottom:26px!important}
.speakers-section .section-heading,
.experience .section-heading,
.agenda-section .section-heading,
.streaming-section .section-heading{margin-bottom:28px}

/* Superficie principal tipo cristal para dejar respirar el degradado ambiental. */
.purpose-section,
.journey-section,
.themes,
.agenda-section,
.speakers-section,
.experience,
.streaming-section,
.legacy,
.venue,
.access-hub,
.registration-hub,
.cta,
.concept,
.platform{
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.24))!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12);
  backdrop-filter:blur(24px) saturate(1.12);
  box-shadow:0 24px 70px rgba(79,52,37,.075),inset 0 1px 0 rgba(255,255,255,.68);
  overflow:clip;
}

/* Las tarjetas blancas también toman el lenguaje glass, pero siguen siendo legibles. */
.theme-card.axis-card,
.agenda-card,
.speaker-card,
.venue-card,
.venue-card-3d,
.journey-card,
.journey-insight,
.agenda-tools,
.stream-shell,
.now-next-card,
.access-utility,
.registration-card,
.certificate-card,
.platform-ui,
.agenda-panel,
.platform-features{
  border-color:rgba(255,255,255,.70)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.66))!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
  backdrop-filter:blur(18px) saturate(1.12);
  box-shadow:0 18px 46px rgba(71,48,36,.085),inset 0 1px 0 rgba(255,255,255,.82)!important;
}

.theme-card.axis-card,
.venue-card,
.access-utility,
.registration-card,
.certificate-card{border-radius:22px!important}
.agenda-card,.speaker-card,.journey-card{border-radius:22px!important}
.venue-card-3d{border-radius:26px!important}

/* Un poco de contraste al pasar el cursor: cristal más luminoso, no un cambio brusco. */
.theme-card.axis-card:hover,
.agenda-card:hover,
.speaker-card:hover,
.venue-card-3d:hover,
.access-utility:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.78))!important;
  box-shadow:0 26px 60px rgba(71,48,36,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;
}

/* Footer nuevo: más compacto, aire controlado y alineación limpia. */
.footer{
  margin-top:clamp(42px,5vw,78px)!important;
  margin-bottom:24px;
  padding:34px 38px 28px!important;
  border:1px solid rgba(255,255,255,.60)!important;
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.40));
  -webkit-backdrop-filter:blur(24px) saturate(1.12);
  backdrop-filter:blur(24px) saturate(1.12);
  box-shadow:0 24px 70px rgba(69,48,37,.09),inset 0 1px 0 rgba(255,255,255,.82);
  align-items:start;
}
.footer-brand{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:14px}
.footer-brand img{width:min(320px,100%)!important;max-height:112px!important;object-fit:contain;object-position:left center}
.footer-brand p{max-width:440px;margin:0!important;font-size:.92rem;line-height:1.55}
.footer-links{padding-top:4px!important}
.footer-links b{color:#26333a;font-family:Montserrat,sans-serif;font-size:.78rem}
.footer-bottom{padding-top:20px!important;align-items:center}
.footer-links-hidden{grid-template-columns:1fr!important}
.footer-links-hidden .footer-brand{align-items:center;text-align:center}
.footer-links-hidden .footer-brand img{object-position:center}

@media(max-width:760px){
  main > .section-shell:not(.hero):not(.stats){margin-top:28px;margin-bottom:28px}
  .purpose-section,.journey-section,.themes,.agenda-section,.speakers-section,.experience,.streaming-section,.legacy,.venue,.access-hub,.registration-hub,.cta,.concept,.platform{
    border-radius:24px!important;
  }
  .axes-intro{margin-bottom:20px!important}
  .themes{padding-top:62px!important;padding-bottom:66px!important}
  .footer{
    grid-template-columns:1fr!important;
    gap:28px!important;
    margin-top:38px!important;
    margin-bottom:calc(88px + env(safe-area-inset-bottom));
    padding:28px 18px 24px!important;
    border-radius:24px;
    text-align:center;
  }
  .footer-brand{align-items:center;text-align:center}
  .footer-brand img{width:min(250px,82vw)!important;max-height:100px!important;object-position:center}
  .footer-brand p{max-width:320px;margin-inline:auto!important}
  .footer-links{grid-template-columns:1fr!important;gap:22px!important;padding-top:0!important}
  .footer-links>div{align-items:center}
  .footer-links a{font-size:.88rem}
  .footer-bottom{align-items:center!important;justify-content:center!important;gap:10px!important;text-align:center}
  .footer-bottom span,.footer-bottom a{display:block;width:100%;text-align:center}
}

@media(prefers-reduced-transparency:reduce){
  .purpose-section,.journey-section,.themes,.agenda-section,.speakers-section,.experience,.streaming-section,.legacy,.venue,.access-hub,.registration-hub,.cta,.concept,.platform,
  .theme-card.axis-card,.agenda-card,.speaker-card,.venue-card-3d,.footer{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,253,249,.94)!important;
  }
}