/* =====================================================
  ATHLETIC SECHURA · 06 RESPONSIVE BASE
  Rol: reglas globales de responsive compartidas.
  Nota: los ajustes específicos de secciones están en css/sechura.css.
====================================================== */

/* ---------- Tablet: menú móvil activo ---------- */
@media (max-width:1100px){
  .site-header{padding:10px 0;}
  .nav{min-height:62px;}
  .menu-toggle{display:inline-grid;place-items:center;position:relative;z-index:221;}
  .nav-links{position:fixed;top:84px;left:20px;right:20px;z-index:220;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:18px;border-radius:26px;background:rgba(5,5,5,.97);border:1px solid rgba(255,255,255,.13);box-shadow:0 28px 80px rgba(0,0,0,.58);backdrop-filter:blur(22px);transform:translateY(-12px) scale(.98);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;}
  .nav-links.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);}
  .nav-links a{width:100%;min-height:48px;justify-content:flex-start;padding:0 18px;border-radius:16px;}
  .mobile-overlay{position:fixed;inset:0;z-index:210;display:block;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;}
  .mobile-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;}
}

/* ---------- Móvil general ---------- */
@media (max-width:720px){
  html{scroll-padding-top:82px;}
  .container{width:min(100% - 28px,var(--max-width));}
  .section{padding:76px 0;}
  .section-heading{text-align:left;margin-bottom:32px;}
  .section-heading p{margin-left:0;}
  .brand__text{display:none;}
  .brand__logo{width:54px;}
  .nav{min-height:58px;}
  .nav-links{top:78px;left:14px;right:14px;}
}

@media (max-width:430px){
  .container{width:min(100% - 24px,var(--max-width));}
  .nav-links{left:12px;right:12px;}
}