/* ============================================================
   PicoVillavo V2 — responsive.css
   Breakpoints: 360 / 768 / 1366 / 1920 (ARQUITECTURA §8).
   La V1 es mobile-first con un marco de 480px (base.css body). Aquí la V2 se
   adapta a tablet/escritorio sin romper nada. Se amplía por fase.
   ============================================================ */

/* ---- Móvil pequeño (≤360px): bajar un poco los títulos grandes ---- */
@media (max-width: 360px){
  .ob-title{font-size:32px;}
  #s-login h1{font-size:28px;}
}

/* ---- Tablet y escritorio (≥768px) ----
   Soltamos el marco de 480px para que los degradados a pantalla completa de las
   pantallas de auth llenen el viewport; las tarjetas ya están limitadas con
   max-width y quedan centradas. */
@media (min-width: 768px){
  body{max-width:none;}
}

/* ---- Escritorio grande (≥1366px) ---- */
@media (min-width: 1366px){
  /* Las tarjetas de auth mantienen su max-width; el degradado llena la pantalla.
     Reservado para el layout ancho del home real (F2+). */
}

/* ---- Full HD (≥1920px) ---- */
@media (min-width: 1920px){
  /* Reservado para F2+. */
}