/* =========================================================
   Inicio — estilos específicos de la página principal
   ========================================================= */

/* Carrusel principal (slides tomados de monex.com.mx) */
.hero-slide h2 strong { color: var(--blue); }
.hero-fitch-logo { display: block; height: 32px; width: auto; margin: -8px 0 16px; }

/* Sección de soluciones */
.home-soluciones .grid-3 { margin-top: 10px; }
.home-soluciones .card { text-align: left; }
.home-soluciones .card .card-link { margin-top: 16px; }

/* ¿Por qué Monex? */
.home-why { overflow: hidden; }
.why-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 48px;
  align-items: center;
}
.why-text h2 {
  color: var(--navy);
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.25;
  margin-bottom: 14px;
}
.why-text > p { color: var(--muted); margin-bottom: 14px; }
.why-stats {
  background: linear-gradient(145deg, #dff2fb, #c5e6f7);
  border-radius: 22px;
  padding: 40px 28px;
}
.why-stats .stats-grid { gap: 20px; }
.why-stats .stat h3 { color: var(--navy); font-size: clamp(26px, 3vw, 38px); }
.why-stats .stat p { color: var(--steel); font-size: 13px; }

/* Presencia internacional */
.presence-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.presence-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 26px 20px;
  text-align: center;
  transition: all .25s ease;
}
.presence-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
.presence-card .card-icon {
  margin: 0 auto 14px;
  background: var(--navy);
  color: #fff;
  width: 52px;
  height: 52px;
  font-size: 20px;
}
.presence-card h3 { color: var(--navy); font-size: 16px; margin-bottom: 8px; }
.presence-card p { color: var(--muted); font-size: 13px; }

/* Noticias en la portada */
.home-news .grid-3 { margin-bottom: 8px; }

/* Ajustes del carrusel en pantallas pequeñas */
@media (max-width: 992px) {
  .why-grid { grid-template-columns: 1fr; gap: 30px; }
  .presence-grid { grid-template-columns: repeat(3, 1fr); }
  .hero-slide { padding: 40px 0 64px; }
}

@media (max-width: 640px) {
  .presence-grid { grid-template-columns: 1fr; }
  .why-stats { padding: 28px 18px; }
  .fx-ticker-note { display: none; }
}

/* Canal VIP — botón flotante fijo, no se mueve al hacer scroll */
.vip-channel {
  position: fixed;
  top: 88px;
  right: 22px;
  z-index: 1100;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--yellow), #ffb300);
  color: var(--navy);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .2px;
  box-shadow: 0 8px 24px rgba(0, 24, 101, .28);
  animation: vipPulse 2.4s ease-in-out infinite;
  transition: transform .2s ease;
}
.vip-channel:hover { color: var(--navy); transform: translateY(-2px); }
.vip-channel i { font-size: 14px; }
@keyframes vipPulse {
  0%, 100% { box-shadow: 0 8px 24px rgba(0, 24, 101, .28); }
  50% { box-shadow: 0 8px 30px rgba(255, 179, 0, .6); }
}
@media (max-width: 768px) {
  .vip-channel { top: 74px; right: 12px; padding: 9px 15px; font-size: 13px; }
}