/**
 * PODER Y ENERGÍA - Main CSS
 * Importa todos los CSS en el orden correcto:
 * BASE > LAYOUT > COMPONENTS > STATES > RESPONSIVE
 */

/* ─── Base ─── */
@import url("reset.css");
@import url("variables.css");
@import url("base.css");
@import url("utilities.css");

/* ─── Components ─── */
@import url("components/topbar.css");
@import url("components/header.css");
@import url("components/hero.css");
@import url("components/features.css");
@import url("components/solutions.css");
@import url("components/brands.css");
@import url("components/experience.css");
@import url("components/process.css");
@import url("components/cta.css");
@import url("components/buttons.css");
@import url("components/footer.css");

/* ─── States & Responsive ─── */
/* Los media queries viven dentro de cada componente */

@import url("components/pages.css");