/* apside-overrides.css — correcciones sobre el CSS de plantilla servido estático (Ola 2).
 *
 * Motivo: el `apsidemain.css` original define varios fondos con `url('@/assets/img/...')`.
 * El `@/` es un alias de Vite que se resolvía al compilar la SPA Vue; servido como CSS estático
 * NO resuelve (el navegador no entiende `@/`). Aquí se re-declaran esos fondos con la ruta pública
 * real `/assets/img/...`. Se cargan DESPUÉS del CSS de plantilla para ganar por cascada.
 * (Se elimina cuando se haga la purga/reescritura de CSS pendiente.)
 */

/* Fuentes auto-hospedadas (Ola 2b) — el CSS original traía Open Sans (cuerpo) y Poppins (títulos)
 * por `@import` de Google Fonts, render-blocking y externo (viola "sin CDN" de STACK, subía el FCP).
 * Aquí se sirven los woff2 locales (subset latino) con `font-display: swap`. */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/open-sans.woff2') format('woff2');
}
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/poppins-400.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/poppins-500.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/poppins-600.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/poppins-700.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('/assets/fonts/poppins-800.woff2') format('woff2'); }

/* Cabeceras (hero) de las páginas de servicio — mismas propiedades que el original. */
.page-header-outsourcing {
  background-image: url('/assets/img/augmentation-bg.webp');
  background-repeat: no-repeat;
  background-position: bottom left;
}
.page-header-automatizacion {
  background-image: url('/assets/img/automatizacion-bg.webp');
  background-repeat: no-repeat;
  background-position: bottom left;
}
.page-header-servicios-cloud {
  background-image: url('/assets/img/cloud-bg.webp');
  background-repeat: no-repeat;
  background-position: bottom left;
}
.page-header-develop-web-movil {
  background-image: url('/assets/img/desarrollo-web-movil-bg.webp');
  background-repeat: no-repeat;
  background-position: bottom left;
}
.page-header-design {
  background-image: url('/assets/img/diseno-web-movil-bg.webp');
  background-repeat: no-repeat;
  background-position: bottom left;
}
.page-header-integrations {
  background-image: url('/assets/img/integraciones-bg.webp');
  background-repeat: no-repeat;
  background-position: bottom left;
}