/* Correcciones móviles cargadas después del estilo principal. */
@media (max-width: 600px) {
  .intro {
    height: 100vh;
    height: 100dvh;
    min-height: 520px;
    padding: 70px 20px 52px;
    place-items: center;
    background: radial-gradient(circle at 50% 38%, #211b05 0, transparent 42%), #050505;
  }
  .intro::before {
    inset: 0;
    background: repeating-linear-gradient(115deg, transparent 0 48px, #ffffff05 49px 50px);
  }
  .intro::after { border-width: 8px; }
  .intro-center {
    width: 100%;
    max-width: 390px;
    transform: translateY(-1vh);
  }
  .intro-mark { width: 118px; height: 118px; margin-bottom: 22px; }
  .intro-mark img { width: 92px; height: auto; }
  .intro-mark::before, .intro-mark::after { width: 24px; height: 2px; }
  .intro-mark::before { left: -18px; }
  .intro-mark::after { right: -18px; }
  .intro-ring::before { inset: 7px; }
  .intro-ring::after { inset: -7px; }
  .intro-kicker {
    max-width: 280px;
    margin: 0 auto 13px;
    font-size: 7px;
    line-height: 1.5;
    letter-spacing: .2em;
  }
  .intro-title {
    font-size: clamp(37px, 11.5vw, 54px);
    line-height: .86;
    letter-spacing: -.025em;
  }
  .intro-title span, .intro-title strong { white-space: nowrap; }
  .intro-loader { width: min(260px, 72vw); margin: 27px auto 12px; }
  .intro-status { font-size: 6px; letter-spacing: .28em; }
  .intro-skip {
    top: max(15px, env(safe-area-inset-top));
    right: 14px;
    padding: 12px 8px;
    font-size: 7px;
    background: #0b0b0bb8;
    border: 1px solid #ffffff12;
  }
  .intro-coordinates { display: none; }
  .intro-speed { width: 120vw; }
  .intro-speed-one { top: 20%; }
  .intro-speed-two { bottom: 17%; }

  .site-header { padding: 0 14px; }
  .brand { width: 108px; }
  .brand img { width: 76px; }
  .hero { min-height: 720px; height: 100svh; }
  .hero-content { margin: 55px 20px 90px; }
  .hero-content h1 { font-size: clamp(52px, 16vw, 72px); margin: 20px 0 22px; }
  .hero-copy { font-size: 12px; line-height: 1.6; }
  .hero-actions { margin-top: 24px; width: min(260px, 100%); }
  .hero-actions .btn { min-height: 48px; padding: 0 18px; gap: 22px; }
  .hero-stats div { padding: 11px 4px; }
  .hero-stats strong { font-size: 18px; }
  .hero-stats small { font-size: 7px; letter-spacing: .07em; }
}

@media (max-width: 380px), (max-height: 650px) {
  .intro { padding-top: 54px; padding-bottom: 30px; }
  .intro-center { transform: none; }
  .intro-mark { width: 92px; height: 92px; margin-bottom: 15px; }
  .intro-mark img { width: 72px; }
  .intro-title { font-size: clamp(32px, 10.5vw, 42px); }
  .intro-loader { margin-top: 20px; }
  .intro-kicker { margin-bottom: 10px; }
}