/* ============================================================
   PROINTECA v3 — Responsive Breakpoints
   Mobile-first responsive design
   ============================================================ */

/* ── Tablet (< 1024px) ── */
@media (max-width: 1024px) {
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .split { grid-template-columns: 1fr; gap: var(--space-10); }
  .split--reverse { direction: ltr; }
  .bento-item { grid-column: span 6; }
  .bento-item--wide { grid-column: span 12; }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-8); }
  .nav__links { display: none; }
  .nav__cta { display: none; }
  .nav__toggle { display: flex; }
  .hero__content { max-width: 100%; }

  .valuation-card__content {
    padding: var(--space-8) var(--space-6);
  }
  .valuation-card__title {
    font-size: var(--text-xl) !important;
  }
}

/* ── Mobile (< 768px) ── */
@media (max-width: 768px) {
  .container { padding-inline: var(--space-4); }
  .section { padding-block: clamp(3rem, 2rem + 4vw, 5rem); }
  .section__header { margin-bottom: var(--space-10); }
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .grid--auto { grid-template-columns: 1fr; }
  .bento-grid { grid-template-columns: 1fr; }
  .bento-item, .bento-item--wide, .bento-item--half { grid-column: span 1; }
  .footer__grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .footer__bottom { flex-direction: column; gap: var(--space-4); text-align: center; }
  .form__row { grid-template-columns: 1fr; }
  .hero { min-height: 90vh; }
  .hero--short { min-height: 50vh; }
  .hero__actions { flex-direction: column; width: 100%; }
  .hero__actions .btn { width: 100%; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .card { padding: var(--space-6); }
  .marquee__item { height: 36px; width: auto; }
  .marquee__track { gap: var(--space-10); }
  .scroll-indicator { display: none; }
  .timeline { padding-left: var(--space-8); }
  
  /* Hero Title Fixes */
  .hero__title {
    font-size: clamp(2.2rem, 10vw, 3.5rem) !important;
    line-height: 1.1;
    hyphens: none;
    overflow-wrap: normal;
    word-break: keep-all;
  }

  /* WhatsApp FAB Mobile adjustment */
  .whatsapp-fab {
    bottom: var(--space-5);
    right: var(--space-5);
  }
  .whatsapp-fab__btn {
    width: 54px;
    height: 54px;
  }
  .whatsapp-fab__label {
    display: none; /* Hide label on mobile to save space */
  }
}

/* ── Small Mobile (< 480px) ── */
@media (max-width: 480px) {
  .container { padding-inline: var(--space-3); }
  .card { padding: var(--space-5); border-radius: var(--radius-lg); }
  .nav__logo img { height: 34px; }
  .btn--lg { padding: var(--space-3) var(--space-8); }
  .stats-grid { gap: var(--space-4); }
  .stat { padding: var(--space-6) var(--space-4); }

  .hero__glass {
    padding: var(--space-8) var(--space-6);
    width: 95%;
  }
  
  .hero__title {
    font-size: 2.1rem !important;
  }

  .hero__actions {
    gap: var(--space-4);
  }
}

/* ── Large Desktop (> 1440px) ── */
@media (min-width: 1441px) {
  .container { padding-inline: var(--space-8); }
}