/* ============================================================
   TAB8.RESPONSIVE.CSS — Estilos responsivos del conversor de unidades
   Wiki Metálicas

   Sistema de breakpoints (ver core/breakpoints.css):
     LG → max-width: 1100px  (iPad horizontal / desktop chico)
     SM → max-width:  700px  (mobile estándar)
   ============================================================ */


/* LG: grilla de bloques vuelve a 1 columna */
@media (max-width: 1100px) {              /* LG */
  .bloques-grid { grid-template-columns: 1fr; }
}

/* SM: inputs más angostos, fuente reducida en selects */
@media (max-width: 700px) {               /* SM */
  .input-valor,
  .input-resultado { width: 110px; }

  .select-unidad { font-size: 0.8rem; }
}