/*
Theme Name:  CINE 81 v2 — Editável
Description: Tema CINE 81 com conteúdo editável via painel WordPress (Depoimentos, FAQ, Stats, Serviços)
Version:     2.0.0
Author:      Crazy Diamond Soluções Digitais
Author URI:  https://crazydiamond.com.br
Text Domain: cine81
*/

/* =====================================================
   VARIÁVEIS
   ===================================================== */
:root {
  --laranja: #FF9F1C;
  --mel:     #FFBF69;
  --teal:    #2EC4B6;
  --preto:   #000000;
  --c90:     #0D0D0D;
  --c80:     #1A1A1A;
  --c70:     #2A2A2A;
  --c50:     #555555;
  --c30:     #AAAAAA;
  --branco:  #FCFEFE;
  --serif:   'Lato', 'IBM Plex Sans', system-ui, sans-serif;
  --sans:    "NB International Regular Webfont", "IBM Plex Sans", system-ui, sans-serif;
}

/* =====================================================
   RESET
   ===================================================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--preto);
  color: var(--branco);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

/* =====================================================
   CURSOR CUSTOMIZADO
   ===================================================== */
.cursor {
  position: fixed; width: 10px; height: 10px;
  background: var(--laranja); border-radius: 50%;
  pointer-events: none; z-index: 99999;
  transform: translate(-50%, -50%);
  transition: width 0.18s, height 0.18s, opacity 0.18s;
}
.cursor.big { width: 38px; height: 38px; opacity: 0.28; }

/* =====================================================
   FAB WHATSAPP
   ===================================================== */
.fab {
  position: fixed; bottom: 34px; right: 34px; z-index: 998;
  width: 58px; height: 58px; background: #25D366; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 28px rgba(37, 211, 102, 0.35);
  transition: transform 0.2s, box-shadow 0.2s; cursor: pointer;
}
.fab:hover { transform: scale(1.09); box-shadow: 0 12px 36px rgba(37, 211, 102, 0.45); }
.fab svg { width: 27px; height: 27px; fill: #fff; }
.fab-tip {
  position: absolute; right: 68px;
  background: var(--c80); color: var(--branco);
  font-size: 12.5px; font-weight: 500; padding: 8px 14px;
  border: 1px solid rgba(255,255,255,0.06); white-space: nowrap;
  opacity: 0; pointer-events: none; transition: opacity 0.2s;
}
.fab:hover .fab-tip { opacity: 1; }
@media (max-width: 768px) {
  .fab { bottom: 20px; right: 20px; width: 52px; height: 52px; }
  .fab svg { width: 24px; height: 24px; }
  .fab-tip { display: none; }
}