/* ==========================================================================
   ITC PERÚ SAC - Responsive Adaptations (WordPress Theme)
   ========================================================================== */

@media (max-width: 1200px) {
  .services-grid-asym { grid-template-columns: repeat(2, 1fr); }
  .differential-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem; }
}

@media (max-width: 992px) {
  .nav-desktop { display: none; }
  .menu-toggle { display: flex; }
  .hero-content { grid-template-columns: 1fr; gap: 2.5rem; text-align: center; }
  .hero-text { max-width: 100%; margin: 0 auto; }
  .hero-ctas { justify-content: center; }
  .hero-tags { justify-content: center; }
  .about-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .metrics-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .metric-card { border-right: none; border-bottom: 1px solid var(--color-border-dark); padding-bottom: 1.25rem; }
  .metric-card:nth-last-child(-n+2) { border-bottom: none; }
  .timeline-track { grid-template-columns: 1fr; gap: 2rem; }
  .timeline-track::before { display: none; }
  .timeline-step { display: flex; align-items: flex-start; gap: 1.5rem; text-align: left; }
  .step-node { margin: 0; flex-shrink: 0; }
  .service-options-grid { grid-template-columns: repeat(2, 1fr); }
  .quote-card { padding: 2rem 1.5rem; }
  .map-stats-overlay { grid-template-columns: 1fr; gap: 1rem; }
}

@media (max-width: 768px) {
  :root { --header-height: 70px; }
  .section { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); }
  .hero-section { padding-top: calc(var(--header-height) + 1.5rem); padding-bottom: 3.5rem; min-height: auto; }
  .hero-graphic-grid { grid-template-columns: 1fr; }
  .services-grid-asym { grid-template-columns: 1fr; }
  .differential-grid { grid-template-columns: 1fr; }
  .metrics-grid { grid-template-columns: 1fr; }
  .metric-card { border-bottom: 1px solid var(--color-border-dark); }
  .metric-card:last-child { border-bottom: none; }
  .about-features-list { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .service-options-grid { grid-template-columns: 1fr; }
  .stepper-label { display: none; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer-bottom {
    flex-direction: column;
    gap: 1.25rem;
    text-align: center;
    padding-bottom: 4.5rem;
  }
  .footer-legal-links {
    flex-wrap: wrap;
    justify-content: center;
    margin-right: 0;
    gap: 0.75rem 1.5rem;
  }
  .cookie-banner {
    left: 14px;
    right: 14px;
    bottom: 14px;
    max-width: none;
    padding: 1.25rem;
  }
  .whatsapp-floating { bottom: 16px; right: 16px; }
  .whatsapp-popover { display: none; }
  .whatsapp-btn-circle { width: 52px; height: 52px; }
}

@media (max-width: 480px) {
  .btn { width: 100%; }
  .hero-ctas { flex-direction: column; width: 100%; }
}