/* --------------------------------------------------------------------------
   final-cta (.section_hero_home): the closing "CENA EN EL ESPACIO" block with
   the rocket-launch photo. Shared by Home and Experiencias (see
   app/Views/partials/final-cta.php), so it lives here instead of home.css.
   -------------------------------------------------------------------------- */
.section_hero_home { position: relative; min-height: 670px; overflow: hidden; color: #fff; background-color: #020713; background-image: linear-gradient(to bottom, rgba(0, 3, 8, .08), rgba(0, 3, 8, .18)), url('../../images/hero-cena-espacio.jpg'); background-size: cover; background-position: calc(100% + 60px) center; background-repeat: no-repeat; isolation: isolate; }

/* Optional info strip (baby space kids / mission boutique / QR): only Home uses it. */
.section_hero_home__info { position: relative; z-index: 2; padding-top: 78px; }
.section_hero_home__info .section_info_home__list { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; background-color: black; }

/* The same 3-icon list is reused, undecorated, inside Experiencias' own cards. */
.section_info_home__list { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 22px 30px; border: 1px solid rgba(43, 172, 245, .75); border-radius: 11px; }
.section_hero_home .section_info_home__list article { display: flex; align-items: center; gap: 13px; }
.section_hero_home .info-icon { position: relative; overflow: hidden; display: grid; flex: 0 0 auto; place-items: center; width: 42px; height: 42px; color: var(--color-gold); border: 1px solid rgba(255, 184, 63, .75); border-radius: 50%; font-size: 18px; }
.section_hero_home .section_info_home__list h3 { color: var(--color-gold); font-size: 10px; }
.section_hero_home .section_info_home__list p { margin-top: 3px; color: #d9e4ec; font-size: 13px; line-height: 1.17; }

.section_hero_home__content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 92px 0 105px; }
.section_hero_home__title { margin: 0; color: #fff; font-family: var(--font-display); font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; letter-spacing: .02em; line-height: 1; text-shadow: 0 2px 14px #000; }
.section_hero_home__box { width: min(620px, 100%); margin-top: 22px; }
.section_hero_home__box h3 { margin-top: 8px; color: #fff; font-family: var(--font-display); font-size: clamp(22px, 2.8vw, 34px); font-weight: 700; letter-spacing: .02em; line-height: 1.15; text-shadow: 0 2px 12px #000; }
.section_hero_home__box > p:not(.eyebrow) { margin: 14px 0 25px; color: #ecf6ff; font-size: 18px; }

@media (max-width: 850px) {
    .section_info_home__list { grid-template-columns: 1fr; gap: 18px; }
}

@media (max-width: 600px) {
    .section_hero_home { min-height: 700px; background-position: center center; }
    .section_hero_home__info { padding-top: 18px; }
    .section_hero_home__info .section_info_home__list { width: calc(100% - 30px); }
    .section_info_home__list { gap: 18px; padding: 18px; }
    .section_hero_home__content { padding: 70px 20px 80px; }
    .section_hero_home__title { font-size: 34px; }
    .section_hero_home__box h3 { font-size: 24px; }
    .section_hero_home__box > p:not(.eyebrow) { font-size: 15px; }
}