/*
  TemplateMo 597 Neural Glass — Optimized & Fixed
  https://templatemo.com/tm-597-neural-glass

  Punto de entrada único. Importa todos los fragmentos en el orden
  de cascada correcto. En producción, considera compilar esto a un
  solo archivo (con un bundler o un script de build) para evitar
  múltiples peticiones HTTP; @import no está optimizado para eso.
*/

@charset "utf-8";

/* 1. Base: variables, reset y elementos globales primero,
      para que todo lo demás pueda usarlos. */
@import url("base/01-variables.css");
@import url("base/02-reset.css");
@import url("base/03-background.css");
@import url("base/04-scrollbar.css");

/* 2. Componentes reutilizables (no dependen de una sección concreta) */
@import url("components/glass.css");
@import url("components/section-title.css");

/* 3. Layout general del sitio */
@import url("layout/header-nav.css");
@import url("layout/mobile-menu.css");
@import url("layout/footer.css");

/* 4. Secciones de la página, en el orden en que aparecen */
@import url("sections/hero.css");
@import url("sections/hero-image.css");
@import url("sections/about-skills.css");
@import url("sections/timeline.css");
@import url("sections/contact.css");
@import url("sections/awards.css");
@import url("sections/award-lightbox.css");

/* 5. Componentes que dependen de estilos ya definidos arriba */
@import url("components/logo-carousel.css");
@import url("components/ampara-button.css");
@import url("components/profile-slider-fix.css");

/* 6. Responsive y accesibilidad al final, para que puedan sobrescribir
      las reglas anteriores sin pelear con la especificidad. */
@import url("responsive/breakpoints.css");
@import url("base/05-accessibility.css");