/* ==========================================================================
   responsive.css
   --------------------------------------------------------------------------
   Ampliaciones por breakpoint. Se carga el ÚLTIMO de los 5 módulos, para que
   sus reglas prevalezcan sobre las de base, layout y components.

   Enfoque mobile-first: aquí NO hay estilos móviles — los estilos móviles son
   los de base/layout/components. Este archivo solo contiene media queries
   min-width que amplían el diseño hacia pantallas mayores.

   Breakpoints del proyecto: 480px, 768px (tablet), 1024px y 1280px.
   El breakpoint de 480px se usa de forma puntual y se añadirá aquí solo
   cuando algún componente concreto lo necesite.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Tablet — a partir de 768px
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {

}


/* --------------------------------------------------------------------------
   Desktop — a partir de 1024px
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {

}


/* --------------------------------------------------------------------------
   Desktop ancho — a partir de 1280px (ancho máximo de contenido alcanzado)
   -------------------------------------------------------------------------- */
@media (min-width: 1280px) {

}