/* =========================================================
   GOES — Home (estructura fiel al Figma)
   ========================================================= */

/* Bandas reutilizables */
.goes-band { padding: clamp(48px, 7vw, 110px) 0; }
.goes-band--orange { background: var(--goes-orange); color: var(--goes-on-orange); }
.goes-band--orange h2, .goes-band--orange h3 { color: var(--goes-on-orange); }
.goes-band--dark { background: var(--goes-bg-2); }
.goes-band__head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
.goes-arrow-link { font-size: 2rem; line-height: 1; }

/* ---- 1 · HERO ---- */
.goes-hero { position: relative; min-height: 86vh; display: flex; align-items: center; overflow: hidden; }
.goes-hero__media { position: absolute; inset: 0; z-index: 0; }
.goes-hero__media::after { content: ""; position: absolute; inset: 0; background: var(--goes-hero-overlay); }
.goes-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.goes-hero__content { position: relative; z-index: 1; color: #fff; }
.goes-hero__brand { color: #fff; font-size: clamp(4rem, 16vw, 12rem); letter-spacing: .02em; line-height: .9; margin: 0; }
.goes-hero__lead { font-size: clamp(1.05rem, 1.6vw, 1.4rem); max-width: 44ch; color: rgba(255,255,255,.92); margin: 12px 0 28px; }
.goes-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; }

/* ---- 2 · MODELOS destacado ---- */
.goes-featured { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: center; }
.goes-featured__info { max-width: 42ch; }
.goes-tag { display: inline-block; background: var(--goes-on-orange); color: #fff; padding: 6px 16px; border-radius: var(--goes-radius-pill); font-weight: 700; text-transform: uppercase; font-size: .78rem; letter-spacing: .06em; }
.goes-featured__name { font-size: clamp(3rem, 8vw, 7rem); line-height: .9; margin: 14px 0 12px; }
.goes-featured__media img { width: 100%; object-fit: contain; }
.goes-btn--dark { background: var(--goes-on-orange); }
.goes-btn--dark:hover { background: #000; }

/* ---- 3 · TERROX INNOVA ---- */
.goes-innova { position: relative; background: #0b0b0b; color: #fff; padding: clamp(64px, 12vw, 180px) 0; overflow: hidden; }
.goes-innova::before { content: ""; position: absolute; inset: 0; background-image: var(--innova-img); background-size: cover; background-position: center; opacity: .55; }
.goes-innova::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.15), rgba(0,0,0,.75)); }
.goes-innova__inner { position: relative; z-index: 1; display: flex; justify-content: flex-end; }
.goes-innova__text { max-width: 46ch; }
.goes-innova__text h2 { color: #fff; }
.goes-innova__text p { color: rgba(255,255,255,.85); }

/* ---- 4 · NUESTRA VISIÓN ---- */
.goes-vision__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; }
.goes-vision__lead { font-size: clamp(1.1rem, 1.8vw, 1.5rem); color: var(--goes-on-orange); }

/* ---- 5 · CONCESIONARIO CTA ---- */
.goes-conc-cta__inner { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: center; }
.goes-conc-cta__map img { width: 100%; border-radius: var(--goes-radius); border: 1px solid var(--goes-border-col); }

/* ---- 6 · CONTÁCTANOS ---- */
.goes-home-contacto__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }

/* ---- responsive ---- */
@media (max-width: 900px) {
  .goes-featured, .goes-vision__inner, .goes-conc-cta__inner { grid-template-columns: 1fr; }
  .goes-innova__inner { justify-content: flex-start; }
  .goes-home-contacto__inner { flex-direction: column; align-items: flex-start; }
}