/* ========================================
   TEMA GLOBAL
   ----------------------------------------
   Centro de controle visual da aplicação.

   Alterar cores, fontes e espaçamentos
   aqui impacta todo o site.

   V3 mantém identidade da V2.
======================================== */

:root {

  /* =====================================
     CORES PRINCIPAIS
  ===================================== */

  --bg-primary: #050505;
  --bg-secondary: #111111;

  --text-primary: #f5f1eb;
  --text-secondary: #c9c2b8;

  --accent-color: #d6b36a;
  --accent-color-soft: #f0d9a1;

  --border-soft:
    rgba(255,255,255,0.08);

  --glass:
    rgba(255,255,255,0.05);

  /* =====================================
     FONTES
  ===================================== */

  --title-font:
    "Cormorant Garamond", serif;

  --body-font:
    "Montserrat", sans-serif;

  /* =====================================
     CONTAINER
  ===================================== */

  --container:
    min(90%, 1400px);

  /* =====================================
     ESPAÇAMENTOS
  ===================================== */

  --section-spacing: 6rem;

  /* =====================================
     BORDAS
  ===================================== */

  --radius-small: 1rem;
  --radius-medium: 1.5rem;
  --radius-large: 2rem;

  /* =====================================
     SOMBRAS
  ===================================== */

  --shadow-soft:
    0 8px 24px rgba(0,0,0,.25);

  --shadow-medium:
    0 12px 40px rgba(0,0,0,.35);

  /* =====================================
     TRANSIÇÕES
  ===================================== */

  --transition-fast: .2s ease;

  --transition-normal: .4s ease;

  --transition-slow: .8s ease;

  /* =====================================
     HEADER
  ===================================== */

  --header-height: 72px;

  /* =====================================
     Z-INDEX
  ===================================== */

  --z-header: 1000;
  --z-menu: 1100;
  --z-modal: 1200;

}

.whatsapp-float {

    position: fixed;

    right: 20px;

    bottom: 20px;

    z-index: 9999;

    width: 56px;

    height: 56px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #0bc248;

    box-shadow: 0 4px 15px rgba(0,0,0,.25);

}

.whatsapp-float img {

    width: 28px;

    height: 28px;

}