@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root{
  --v-font-family: 'Poppins', sans-serif;

  --color-calidad: #f97316;
  --color-coste: #2563eb;

  --v-body-bg: #f4f6f8;

  /* Tokens generales */
  --v-body-bg: #f4f6f8;
  --v-surface: #ffffff;
  --v-text: #0f172a;
  --v-muted: #64748b;

  /* Tokens vertical (se sobreescriben por vertical) */
  --v-primary: #004578;
  --v-accent: #f26b1d;
  --v-halo-rgb: 245,158,11; /* por defecto naranja elegante */	

  /* Hero */
  --v-hero-overlay: rgba(0,0,0,0.55);
  --v-hero-radius: 24px;

  /* Analytics (corporativo fijo, no depende de vertical) */
  --a-from: #081a2b;
  --a-to: #0b2d5b;
  --a-accent: #f26b1d;

  /* UI */
  --radius-lg: 22px;
  --radius-md: 16px;
  --shadow-soft: 0 8px 20px rgba(0,0,0,.08);
  --shadow-strong: 0 18px 40px rgba(0,0,0,.22);

  --v-bg: #f5f6f8;                 /* gris elegante global */

  
}


html.vertical{
  background: var(--v-body-bg);
  font-family: var(--v-font-family);
  color: var(--v-text);
}

html.vertical body{
  background: transparent;
  font-family: var(--v-font-family);
}