/* ============================================================
   Trace ID — Catálogo RFID · responsive.css
   Mobile-first overrides. Breakpoints: 1280 / 1024 / 768 / 480
   ============================================================ */

/* ---- xl: 4 → 3 columnas ---- */
@media (max-width:1280px){
  .catalog-grid{grid-template-columns:repeat(3,1fr)}
  .value-grid{grid-template-columns:repeat(3,1fr)}
}

/* ---- lg ---- */
@media (max-width:1024px){
  .hero__inner{grid-template-columns:1fr;gap:var(--sp-12);padding:var(--sp-16) 0}
  .hero__visual{order:-1}
  .metal-section__inner{grid-template-columns:1fr;gap:var(--sp-12)}
  .form-block{grid-template-columns:1fr;gap:var(--sp-12)}
  .selector__groups{grid-template-columns:repeat(2,1fr)}
  .authority__figures{grid-template-columns:repeat(2,1fr)}
}

/* ---- md: tablet ---- */
@media (max-width:768px){
  .section{padding:var(--sp-16) 0}
  .tid-nav{display:none}              /* sustituir por menú hamburguesa del tema */
  .tid-header__cta{margin-left:auto}
  .catalog-grid{grid-template-columns:repeat(2,1fr)}
  .value-grid{grid-template-columns:repeat(2,1fr)}
  .metal-section__grid{grid-template-columns:repeat(2,1fr)}
  .rec-form__row{grid-template-columns:1fr}

  /* Selector: desplegables apilados en 2 columnas */
  .selector__groups{grid-template-columns:repeat(2,1fr)}

  /* Sticky CTA visible en mobile */
  .sticky-cta{display:flex}
  body.tid-catalogo{padding-bottom:68px}
  .wa-fab{bottom:82px;width:52px;height:52px}   /* por encima de la barra fija */
}

/* ---- sm: móvil ---- */
@media (max-width:480px){
  .container{padding:0 var(--sp-4)}
  .hero h1{font-size:2rem}
  .hero__actions .btn{width:100%}
  .catalog-grid{grid-template-columns:1fr}
  .value-grid{grid-template-columns:1fr}
  .metal-section__grid{grid-template-columns:1fr}
  .authority__figures{grid-template-columns:1fr}
  .selector__groups{grid-template-columns:1fr}
  .trust-row{gap:var(--sp-3)}
  .metal-card__actions .btn{min-width:0}
}