/* --------------------------------------------------------------------------
   concept-section (.section_concept_home): the light "plan your visit" block
   with the transportación/hospedaje cards. Shared by Home (after its 3 small
   cards) and Space 360° (right below its own heading) — see
   app/Views/partials/plan-cards.php. Kept in components/ instead of a single
   page's stylesheet because two pages now render it.

   Note: this intentionally keeps the light cream background + dotted
   "constellation" from the approved design (visible in both the Home and
   Space 360° reference screenshots) instead of a full photo background.
   -------------------------------------------------------------------------- */
.section_concept_home { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 100px 0; background: url('../../images/concept-hero.jpg') center center / cover no-repeat; }
.section_concept_home__constellation { display: none; }
.section_concept_home__constellation { position: absolute; inset: 0; pointer-events: none; opacity: .48; background-image: radial-gradient(circle at 11% 32%, #d69a3b 0 2px, transparent 2.5px), radial-gradient(circle at 80% 22%, #d69a3b 0 1.5px, transparent 2px), radial-gradient(circle at 90% 72%, #a2c8df 0 2px, transparent 2.5px), linear-gradient(30deg, transparent 49.8%, rgba(218, 176, 102, .22) 50%, transparent 50.2%); background-size: 222px 185px, 330px 275px, 400px 315px, 160px 120px; }
.section_concept_home .container { position: relative; }

/* Two wide "plan your visit" cards: photo, gradient, copy and a quote CTA. */
.section_concept_home__plan { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 18px; }
.plan-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 300px; overflow: hidden; padding: 28px; color: #fff; border: 1px solid rgba(26, 167, 246, .95); border-radius: 14px; isolation: isolate; }
.plan-card::after { position: absolute; z-index: -1; content: ''; inset: 0; background: linear-gradient(0deg, rgba(1, 4, 9, .96) 15%, rgba(1, 4, 9, .35) 65%, rgba(1, 4, 9, .1)); }
.plan-card h3, .section_info_home h3 { font-family: var(--font-display); font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; }
.plan-card h3 { color: var(--color-gold); font-size: 15px; }
.plan-card p { margin: 8px 0 18px; max-width: 420px; color: #d5e0ea; font-size: 15px; line-height: 1.3; }

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

@media (max-width: 600px) {
    .plan-card { min-height: 240px; }
}