/* ===========================
   FUENTES PERSONALIZADAS
   =========================== */

/* Axiforma Black - Títulos principales */
@font-face {
    font-family: 'Axiforma Black';
    src: url('/fonts/Axiforma_Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Axiforma Semi Bold */
@font-face {
    font-family: 'Axiforma Semi Bold';
    src: url('/fonts/Axiforma_Semi_Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Axiforma Medium - Subtítulos */
@font-face {
    font-family: 'Axiforma Medium';
    src: url('/fonts/Axiforma_Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Axiforma Regular - Cuerpo de texto */
@font-face {
    font-family: 'Axiforma Regular';
    src: url('/fonts/Axiforma_Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Albertus Nova Black - Logo */
@font-face {
    font-family: 'Albertus Nova Black';
    src: url('/fonts/Albertus-Nova-black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root{
  --az:#1a1ec8;--az2:#0d10a0;--az3:#e8e9ff;
  --mo:#7c3aed;--mo2:#6d28d9;--mo3:#ede9fe;
  --porcentage_vendido:#0043D8;
  --vd:#00c851;--vd2:#00a844;--vd3:#dcfce7;
  --am:#f59e0b;--am2:#d97706;--am3:#fef9c3;
  /* boton comprar kits */
  --kits: linear-gradient(135deg, #fbbf24, #f97316);
  --rj:#ef4444;--rj2:#dc2626;
  --bl:#fff;--g0:#f8f9ff;--g1:#f0f2fc;--g2:#e4e7f5;
  --tx:#0d0f2b;--mu:#6b806c;
  --s1:0 2px 12px rgba(26,30,200,.10);
  --s2:0 8px 40px rgba(26,30,200,.14);
  --s3:0 24px 64px rgba(26,30,200,.20);
  --val: linear-gradient(90deg,rgba(48, 197, 183, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

/* ===========================
   TIPOGRAFÍA GLOBAL
   =========================== */

/* Aplicar Axiforma Regular a TODOS los elementos por defecto */
*, *::before, *::after {
    font-family: 'Axiforma Regular', sans-serif;
}

/* Body */
body {
    font-family: 'Axiforma Regular', sans-serif;
    font-weight: 400;
    background: #fff;
    color: var(--tx);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Links */
a {
    text-decoration: none;
    color: inherit;
    font-family: 'Axiforma Regular', sans-serif;
}

/* Botones, inputs y formularios */
button, input, textarea, select {
    font-family: 'Axiforma Regular', sans-serif;
}
button {
    cursor: pointer;
}
img {
    display: block;
    max-width: 100%;
}

/* ===========================
   TÍTULOS PRINCIPALES - Axiforma Black
   (h1, h2 y sus clases Bootstrap equivalentes)
   =========================== */
h1, h2,
.h1, .h2 {
    font-family: 'Axiforma Black', sans-serif !important;
    font-weight: 900 !important;
    line-height: 1.2;
}

/* ===========================
   SUBTÍTULOS - Axiforma Medium
   (h3, h4, h5, h6 y sus clases Bootstrap equivalentes)
   =========================== */
h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
    font-family: 'Axiforma Medium', sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.3;
}

/* ===========================
   UTILIDADES DE TIPOGRAFÍA (Bootstrap-compatible)
   =========================== */

/* Logo - Albertus Nova Black */
.font-logo {
    font-family: 'Albertus Nova Black', sans-serif !important;
    font-weight: 900;
}

/* Títulos - Axiforma Black */
.font-title {
    font-family: 'Axiforma Black', sans-serif !important;
    font-weight: 900;
}

/* Subtítulos - Axiforma Medium */
.font-subtitle {
    font-family: 'Axiforma Medium', sans-serif !important;
    font-weight: 500;
}

/* Cuerpo de texto - Axiforma Regular */
.font-body {
    font-family: 'Axiforma Regular', sans-serif !important;
    font-weight: 400;
}

/* ===========================
   EXCLUSIONES: Íconos de Font Awesome y Bootstrap Icons
   (El selector universal NO debe afectar las fuentes de íconos)
   =========================== */

/* Font Awesome 6 - Solid, Regular, Light, Thin, Duotone */
.fa, .fas, .fa-solid, .far, .fa-regular, .fal, .fa-light,
.fat, .fa-thin, .fad, .fa-duotone,
i.fas, i.far, i.fal, i.fat, i.fad,
i.fa-solid, i.fa-regular, i.fa-light, i.fa-thin, i.fa-duotone,
i[class*="fa-solid"], i[class*="fa-regular"], i[class*="fa-light"],
i[class*="fa-thin"], i[class*="fa-duotone"], i[class*="fas"],
i[class*="far"], i[class*="fal"] {
    font-family: 'Font Awesome 6 Free' !important;
}

/* Font Awesome 6 - Pseudo-elementos para Solid/Regular/Light/Thin/Duotone */
i[class*="fa-"]::before,
i[class*="fa-"]::after,
[class^="fa-"]::before,
[class*=" fa-"]::before,
.fa::before, .fas::before, .far::before, .fal::before, .fat::before, .fad::before,
.fa-solid::before, .fa-regular::before, .fa-light::before,
.fa::after, .fas::after, .far::after, .fal::after, .fat::after, .fad::after,
.fa-solid::after, .fa-regular::after, .fa-light::after {
    font-family: 'Font Awesome 6 Free' !important;
}

/* Font Awesome 6 Brands (elemento <i> y clases directas) */
.fab, .fa-brands,
i.fab, i.fa-brands,
i[class*="fa-brands"],
[class^="fa-brands"], [class*=" fa-brands"] {
    font-family: 'Font Awesome 6 Brands' !important;
    font-weight: 400 !important;
}

/* Font Awesome 6 Brands - Pseudo-elementos (WhatsApp, Facebook, etc.) */
i.fab::before, i.fa-brands::before,
.fab::before, .fa-brands::before,
[class^="fa-brands"]::before, [class*=" fa-brands"]::before,
i.fab::after, i.fa-brands::after,
.fab::after, .fa-brands::after,
[class^="fa-brands"]::after, [class*=" fa-brands"]::after {
    font-family: 'Font Awesome 6 Brands' !important;
}

/* Bootstrap Icons */
.bi, .bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-family: 'bootstrap-icons' !important;
}