/* ============================================================
   www.tecnopacific.com — responsive.css   Media queries
   ============================================================ */
@media (max-width:1100px) {
  .sec { padding:72px 36px; }
  .pg-banner { padding:90px 36px 48px; }
  .cta-dark { padding:64px 36px; }
  footer { padding:56px 36px 28px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:36px; }
  #main-nav { padding:0 36px; }
  .hero { padding:64px 36px; gap:40px; }
  .svc-grid { grid-template-columns:repeat(2,1fr); }
  .casos-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:768px) {
  .sec { padding:56px 20px; }
  .pg-banner { padding:80px 20px 40px; }
  .cta-dark { padding:56px 20px; }
  footer { padding:48px 20px 24px; }
  .footer-grid { grid-template-columns:1fr; gap:28px; }
  #main-nav { padding:0 20px; }
  .nav-links { display:none; }
  .hamburger { display:flex; }
  .hero { grid-template-columns:1fr!important; padding:48px 20px; min-height:auto; }
  .hero-right { display:none; }
  .svc-grid { grid-template-columns:1fr; }
  .casos-grid { grid-template-columns:1fr; }
  .svc-detail-layout { flex-direction:column; }
  .svc-sidebar { width:100%!important; }
  .nosotros-layout { grid-template-columns:1fr!important; }
  .contact-layout { grid-template-columns:1fr!important; }
  .caso-layout { grid-template-columns:1fr!important; }
  .val-grid { grid-template-columns:1fr 1fr!important; }
  .por-que-grid { grid-template-columns:1fr!important; }
}

@media (max-width:480px) {
  .sec { padding:44px 16px; }
  .pg-banner { padding:70px 16px 36px; }
  .btn-primary, .btn-outline, .btn-ghost { padding:11px 22px; font-size:13px; }
  .cta-dark .btns { flex-direction:column; align-items:center; }
  .hero-btns { flex-direction:column; }
  .hero-trust { gap:12px; }
}


/* ════════════════════════════════════════════════════════════
   PROTECCIÓN DE TIPOGRAFÍA EN DESKTOP
   Garantiza que ningún estilo del menú móvil o de breakpoints
   menores reduzca los tamaños de texto en pantallas grandes.
   ════════════════════════════════════════════════════════════ */
@media (min-width: 769px) {
  /* Nav desktop — tamaños blindados */
  .nav-links a          { font-size: 12.5px !important; }
  .nav-brand-text .b1   { font-size: 17px   !important; }
  .nav-brand-text .b2   { font-size: 7.5px  !important; }

  /* Títulos de sección */
  .sec-head h2,
  .sec-inner h2         { font-size: clamp(26px, 3vw, 40px); }

  /* Cuerpo de texto */
  body, p               { font-size: 15px; }

  /* Tarjetas de servicios */
  .sfc-body h2          { font-size: 16px !important; }
  .sfc-body p           { font-size: 13px !important; }

  /* Menú móvil completamente desactivado */
  .mob-menu,
  .mob-overlay          { display: none !important; }
  .hamburger            { display: none !important; }
}