/* ============================================================
   APEX POLISH — armonización cálida de ventanas + tipografía
   Carga al final: gana la cascada sobre skills-upgrade.css
   Paleta: crepúsculo del cohete (ámbar · dorado · ciruela)
   ============================================================ */

/* ── 1. VENTANAS: vidrio cálido + hairline dorado ────────── */
.pricing-card,
.contact-card,
.paquete-item,
.sector-item,
.spline-card,
.svc-ed__item {
  background: rgba(40,26,36,0.55) !important;
  border: 1px solid rgba(232,176,74,0.14) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.05) inset,
    0 18px 50px rgba(0,0,0,0.32) !important;
  backdrop-filter: blur(10px) saturate(150%);
  -webkit-backdrop-filter: blur(10px) saturate(150%);
}

/* La tarjeta de precio destacada: dorada, no fría */
.pricing-card {
  border-radius: 26px !important;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(232,176,74,0.08), transparent 60%),
    rgba(40,26,36,0.62) !important;
}

/* Hover: el borde dorado cobra vida */
.pricing-card:hover,
.contact-card:hover,
.paquete-item:hover,
.sector-item:hover,
.spline-card:hover {
  border-color: rgba(249,115,22,0.42) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.07) inset,
    0 24px 64px rgba(0,0,0,0.4),
    0 0 0 1px rgba(249,115,22,0.12) !important;
}

/* Pills de sectores: vidrio cálido compacto */
.sector-item {
  border-radius: 100px !important;
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
}
a.sector-item:hover {
  background: rgba(249,115,22,0.10) !important;
}

/* ── 0. ELIMINAR globo Tierra flotante (fixed) ───────────── */
.globe-wrapper { display: none !important; }

/* ── 2. TIPOGRAFÍA: moderna, elegante, NO pesada ─────────── */

/* Display: peso medio (500) + tracking sutil → elegante moderno */
.section__title,
.svc-ed__title,
.pricing-card__price,
.paquete-title,
.spline-card__title,
.parallax__title,
.starfall-slogan,
.contact-stat__num,
.starfall-stat__num,
.section__title--center {
  font-family: 'Cabinet Grotesk', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  text-wrap: balance;
}

/* Hero h1: aún más aireado, elegante */
.section--hero .section__title {
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
  line-height: 0.98 !important;
}

/* Énfasis itálico → peso 500, no 700 */
.section__title em,
.svc-ed__title em,
.paquete-title em,
.spline-card__title em,
.parallax__title em,
.starfall-slogan em {
  font-weight: 500 !important;
}

/* Énfasis itálico dorado coherente en toda la página */
.section__title em,
.svc-ed__title em,
.paquete-title em,
.spline-card__title em,
.parallax__title em {
  color: var(--accent-gold, #e8b04a) !important;
  font-style: italic !important;
}

/* Cuerpo: cálido y con buen contraste (AA) */
.section__desc,
.svc-ed__sub,
.paquete-desc,
.pricing-why__item p {
  color: rgba(250,243,236,0.70) !important;
  line-height: 1.72 !important;
}

/* Eyebrows / badges: pill ámbar tenue, no gris frío */
.badge,
.svc-ed__eyebrow,
.pricing-card__badge {
  color: var(--accent-gold, #e8b04a) !important;
  background: rgba(232,176,74,0.09) !important;
  border: 1px solid rgba(232,176,74,0.22) !important;
}

/* Números de servicio: ámbar fantasma, coherente con la paleta */
.svc-ed__num {
  color: rgba(232,176,74,0.28) !important;
}

/* Precio destacado en dorado cálido */
.pricing-card__price {
  color: #faf3ec !important;
}
.pricing-card__price .pricing-card__currency,
.pricing-card__subprice {
  color: var(--accent-gold, #e8b04a) !important;
}

/* ── 3. NAV: glass cálido coherente ──────────────────────── */
.topnav {
  background: rgba(32,19,29,0.72) !important;
  border: 1px solid rgba(232,176,74,0.12) !important;
}
.topnav.scrolled {
  background: rgba(26,16,23,0.9) !important;
}

/* ── 4. ARMONIZAR MEDIOS FRÍOS con la tonalidad del cohete ── */

/* Spline 3D (globo/robot azul) → empujado a ámbar cálido */
.spline-viewer,
#spline-viewer {
  filter: sepia(0.32) saturate(1.25) hue-rotate(-12deg) brightness(0.97) !important;
  transition: filter .6s ease;
}
/* La sección Spline recupera el fondo cálido translúcido */
.section--spline { background: rgba(22,15,20,0.55) !important; }
.spline-card {
  background:
    radial-gradient(120% 90% at 70% 10%, rgba(232,176,74,0.07), transparent 60%),
    rgba(40,26,36,0.5) !important;
}

/* Parallax (cielo azul) → overlay cálido en multiply */
.parallax__layer-img {
  filter: sepia(0.4) saturate(1.3) hue-rotate(-18deg) brightness(0.92) !important;
}
.parallax::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(to bottom,
    rgba(32,19,29,0.35) 0%,
    rgba(249,115,22,0.10) 50%,
    rgba(22,15,20,0.45) 100%);
  mix-blend-mode: multiply;
}

/* ── Reduced motion / sin backdrop: fallback sólido ──────── */
@supports not (backdrop-filter: blur(1px)) {
  .pricing-card, .contact-card, .paquete-item,
  .sector-item, .spline-card, .svc-ed__item {
    background: rgba(36,24,33,0.92) !important;
  }
}