/**
 * Três faixas: <768 (celular), 768–991 (tablet), ≥992 (desktop).
 * Tipografia / espaço / ícones / layout fluido: só vw (sem clamp).
 * Imagens: só rem (--img-*), definidas uma vez (fora dos media).
 */
:root {
  /* Imagens — só rem (não redefinir nos @media) */
  --img-topbar-logo-max: 3.75rem;
  --img-cap-max: 26.25rem;
  --img-video-max: 30rem;
  --img-galeria-max: 31.25rem;
  --img-convenio-logo-max: 6.25rem;
  --img-admin-sm: 5rem;
  --img-admin-md: 7.5rem;
  --img-admin-lg: 12.5rem;
}

/* Celular (<768px) */
:root {
  --font-hero: 8vw;
  --font-h2: 6.5vw;
  --font-h3: 5.5vw;
  --font-h4: 4.8vw;
  --font-h5: 4.2vw;
  --font-h6: 3.8vw;
  --font-body: 4vw;
  --font-body-lg: 4.2vw;
  --font-sm: 3.6vw;
  --font-xs: 3.2vw;
  --font-2xs: 2.8vw;
  --font-topbar: 3.5vw;
  --font-topbar-label: 3.1vw;
  --font-topbar-value: 4vw;
  --font-topbar-value-tight: 3.6vw;
  --font-nav: 3.4vw;
  --font-breadcrumb: 3.4vw;
  --font-admin-brand: 3.6vw;
  --font-admin-brand-small: 3vw;
  --font-admin-nav-label: 2.5vw;
  --font-admin-nav: 3.2vw;
  --font-admin-title: 4.2vw;
  --font-admin-btn-sm: 3.1vw;
  --font-admin-table-head: 2.8vw;

  --font-footer-legal: 3.45vw;

  --space-1: 0.9vw;
  --space-2: 1.3vw;
  --space-3: 1.8vw;
  --space-4: 2.2vw;
  --space-5: 2.8vw;
  --space-6: 3.4vw;
  --space-7: 4vw;
  --space-8: 4.8vw;
  --space-9: 5.6vw;
  --space-10: 6.5vw;
  --space-topbar-block: 3.2vw;
  --space-nav-pad-y: 2.2vw;
  --space-nav-pad-x: 2.8vw;
  --space-section-title-pb: 1.8vw;
  --space-section-title-mb: 4vw;
  --space-admin-sidebar-y: 3.4vw;
  --space-admin-sidebar-x: 3.2vw;
  --space-admin-nav-pad-y: 2.4vw;
  --space-admin-topbar-y: 2.6vw;
  --space-admin-topbar-x: 3.6vw;
  --space-admin-content: 4vw;
  --space-gap-contacts: 3.8vw;
  --space-gap-contacts-x: 5.5vw;
  --space-gap-contacts-x-lg: 7vw;
  --space-gap-contacts-row: 3.4vw;
  --space-gap-contacts-row-xl: 3vw;
  --space-focus-ring: 0.5vw;

  --icon-circle: 14vw;
  --icon-svg: 6.5vw;
  --icon-svg-wa: 7vw;
  --icon-toggle: 6vw;

  --radius-sm: 1vw;
  --radius-md: 1.4vw;

  --hero-min-sm: 52vw;
  --hero-min-md: 48vw;

  --section-accent-w: 14vw;
  --section-accent-h: 0.9vw;

  --admin-sidebar-width: 72vw;

  --layout-topbar-col-min: 38vw;
  --layout-topbar-contacts-max: 92vw;
  --layout-topbar-item-max: 46vw;
  --layout-admin-content-max: 96vw;

  /* Escala tipo Bootstrap (0–5) para margin/padding/gap em vw */
  --bs-util-0: 0;
  --bs-util-1: 1.2vw;
  --bs-util-2: 2.2vw;
  --bs-util-3: 3.8vw;
  --bs-util-4: 5.5vw;
  --bs-util-5: 11vw;
}

@media (min-width: 768px) {
  :root {
    --font-hero: 4.8vw;
    --font-h2: 3.9vw;
    --font-h3: 3.2vw;
    --font-h4: 2.8vw;
    --font-h5: 2.4vw;
    --font-h6: 2.2vw;
    --font-body: 2.2vw;
    --font-body-lg: 2.35vw;
    --font-sm: 2vw;
    --font-xs: 1.75vw;
    --font-2xs: 1.55vw;
    --font-topbar: 1.95vw;
    --font-topbar-label: 1.65vw;
    --font-topbar-value: 2.35vw;
    --font-topbar-value-tight: 2.05vw;
    --font-nav: 1.85vw;
    --font-breadcrumb: 1.85vw;
    --font-admin-brand: 2vw;
    --font-admin-brand-small: 1.65vw;
    --font-admin-nav-label: 1.35vw;
    --font-admin-nav: 1.75vw;
    --font-admin-title: 2.4vw;
    --font-admin-btn-sm: 1.7vw;
    --font-admin-table-head: 1.5vw;

    --font-footer-legal: 1.68vw;

    --space-1: 0.45vw;
    --space-2: 0.65vw;
    --space-3: 0.9vw;
    --space-4: 1.1vw;
    --space-5: 1.35vw;
    --space-6: 1.65vw;
    --space-7: 2vw;
    --space-8: 2.35vw;
    --space-9: 2.75vw;
    --space-10: 3.15vw;
    --space-topbar-block: 1.65vw;
    --space-nav-pad-y: 1.1vw;
    --space-nav-pad-x: 1.45vw;
    --space-section-title-pb: 0.9vw;
    --space-section-title-mb: 2.1vw;
    --space-admin-sidebar-y: 1.75vw;
    --space-admin-sidebar-x: 1.65vw;
    --space-admin-nav-pad-y: 1.2vw;
    --space-admin-topbar-y: 1.3vw;
    --space-admin-topbar-x: 1.85vw;
    --space-admin-content: 2.1vw;
    --space-gap-contacts: 2.1vw;
    --space-gap-contacts-x: 3.2vw;
    --space-gap-contacts-x-lg: 4.2vw;
    --space-gap-contacts-row: 1.85vw;
    --space-gap-contacts-row-xl: 1.55vw;
    --space-focus-ring: 0.25vw;

    --icon-circle: 7.5vw;
    --icon-svg: 3.4vw;
    --icon-svg-wa: 3.65vw;
    --icon-toggle: 3.1vw;

    --radius-sm: 0.5vw;
    --radius-md: 0.7vw;

    --hero-min-sm: 36vw;
    --hero-min-md: 34vw;

    --section-accent-w: 8vw;
    --section-accent-h: 0.45vw;

    --admin-sidebar-width: 32vw;

    --layout-topbar-col-min: 18vw;
    --layout-topbar-contacts-max: 70vw;
    --layout-topbar-item-max: 28vw;
    --layout-admin-content-max: 94vw;

    --bs-util-0: 0;
    --bs-util-1: 0.65vw;
    --bs-util-2: 1.1vw;
    --bs-util-3: 1.85vw;
    --bs-util-4: 2.75vw;
    --bs-util-5: 5.5vw;
  }
}

@media (min-width: 992px) {
  :root {
    --font-hero: 2.85vw;
    --font-h2: 2.35vw;
    --font-h3: 1.95vw;
    --font-h4: 1.65vw;
    --font-h5: 1.45vw;
    --font-h6: 1.25vw;
    --font-body: 1.05vw;
    --font-body-lg: 1.12vw;
    --font-sm: 0.95vw;
    --font-xs: 0.82vw;
    --font-2xs: 0.72vw;
    --font-topbar: 0.95vw;
    --font-topbar-label: 0.78vw;
    --font-topbar-value: 1.25vw;
    --font-topbar-value-tight: 1.05vw;
    --font-nav: 0.92vw;
    --font-breadcrumb: 0.9vw;
    --font-admin-brand: 1.02vw;
    --font-admin-brand-small: 0.78vw;
    --font-admin-nav-label: 0.62vw;
    --font-admin-nav: 0.85vw;
    --font-admin-title: 1.15vw;
    --font-admin-btn-sm: 0.8vw;
    --font-admin-table-head: 0.72vw;

    --font-footer-legal: 0.8vw;

    --space-1: 0.22vw;
    --space-2: 0.32vw;
    --space-3: 0.45vw;
    --space-4: 0.55vw;
    --space-5: 0.68vw;
    --space-6: 0.82vw;
    --space-7: 1vw;
    --space-8: 1.15vw;
    --space-9: 1.35vw;
    --space-10: 1.55vw;
    --space-topbar-block: 0.85vw;
    --space-nav-pad-y: 0.55vw;
    --space-nav-pad-x: 1.12vw;
    --space-section-title-pb: 0.45vw;
    --space-section-title-mb: 1.05vw;
    --space-admin-sidebar-y: 0.88vw;
    --space-admin-sidebar-x: 0.82vw;
    --space-admin-nav-pad-y: 0.58vw;
    --space-admin-topbar-y: 0.62vw;
    --space-admin-topbar-x: 0.92vw;
    --space-admin-content: 1.05vw;
    --space-gap-contacts: 1.05vw;
    --space-gap-contacts-x: 1.55vw;
    --space-gap-contacts-x-lg: 2.15vw;
    --space-gap-contacts-row: 0.92vw;
    --space-gap-contacts-row-xl: 0.78vw;
    --space-focus-ring: 0.12vw;

    --icon-circle: 2.75vw;
    --icon-svg: 1.22vw;
    --icon-svg-wa: 1.35vw;
    --icon-toggle: 1.12vw;

    --radius-sm: 0.22vw;
    --radius-md: 0.3vw;

    --hero-min-sm: 22vw;
    --hero-min-md: 33vw;

    --section-accent-w: 3.8vw;
    --section-accent-h: 0.22vw;

    --admin-sidebar-width: 16.8vw;

    --layout-topbar-col-min: 9vw;
    --layout-topbar-contacts-max: 52vw;
    --layout-topbar-item-max: 14vw;
    --layout-admin-content-max: 92vw;

    --bs-util-0: 0;
    --bs-util-1: 0.28vw;
    --bs-util-2: 0.45vw;
    --bs-util-3: 0.72vw;
    --bs-util-4: 1.05vw;
    --bs-util-5: 2.1vw;
  }
}