
    
 /* ===== VARIÁVEIS GLOBAIS ===== 
    <span data-hoot="hoot-"></span>
 
 */
:root {

  --url-RJ: "https://www.avcb.blog ";
  --url-MG: "https://www.avcb-servicos.com.br/";
    /* URLs DO SITE */
  --url-home: "https://www.avcb-servicos.com.br/";
  --url-sobre: "https://www.avcb-servicos.com.br/sobre-nos";
  --url-contato: "https://www.avcb-servicos.com.br/contato";


  /* URLs INCENDIO */
 
  --url-projeto-incendio: "https://www.avcb-servicos.com.br/incendio/ppcip-projeto-combate-incendio";
  --url-renovacao-avcb: "https://www.avcb-servicos.com.br/incendio/renovacao-avcb-clcb";
   --url-laudos-vistorias: "https://www.avcb-servicos.com.br/incendio/laudo-vistoria-consultoria";
  /* URLs outras */
  --url-instalacao-equipamentos: "https://www.avcb-servicos.com.br/incendio/instalacao-equipamentos";
  --url-extintores: "https://www.avcb-servicos.com.br/incendio/extintores";
  --url-consultoria: "https://www.avcb-servicos.com.br/incendio/consultoria";

   /* URLs segurança do trabalho */
  --url-consultoria-sst: "https://www.avcb-servicos.com.br/seguranca-trabalho/consultoria-seguranca-trabalho";
  --url-ltcat-medicoes: "https://www.avcb-servicos.com.br/seguranca-trabalho/laudo-tecnico-condicoes-ambientais-trabalho-ltcat";
  --url-treinamentos: "https://www.avcb-servicos.com.br/seguranca-trabalho/treinamentos-seguranca-trabalho";
  --url-medicao-ambiental: "https://www.avcb-servicos.com.br/seguranca-trabalho/medicao-ambiental-insalubridade";

  --url-documentos-sst: "https://www.avcb-servicos.com.br/seguranca-trabalho/documento-seguranca-do-trabalho";
  

  /* URLs TREINAMENTOS */
  --url-TRE-NR: "https://www.avcb-servicos.com.br/treinamenotos";
  --url-TRE-CIPA: "https://www.avcb-servicos.com.br/cipa";

  
  /* Textos site */
  --hoot-home-text: "INÍCIO";
  --hoot-sobre-text: "SOBRE NÓS";
  --hoot-contato-text: "CONTATO";
  --hoot-servicos-text: "SERVIÇOS";
  --hoot-home-text-cta: "Conheça nossos serviços";
  --hoot-servicos-text-cta: "Veja todos os nossos serviços";


   /* Textos incendio */
  --hoot-prevencao-incendio-text: "PREVENÇÃO DE INCÊNDIO";
  --hoot-projeto-incendio-text: "Projeto de Incêndio (PPCIP)";
  --hoot-renovacao-avcb-text: "Renovação de AVCB/CLCB";
  --hoot-laudos-vistorias-text: "consultoria e Laudos Técnicos";
  --hoot-extintores-text: "Extintores";
 
    /* Textos seguranca do trabalho */
  --hoot-seguranca-trabalho-text: "SEGURANÇA DO TRABALHO";
  --hoot-ltcat-medicoes-text: "LTcat - Laudo Técnico de Condições Ambientais do Trabalho";
  --hoot-treinamentos-text: "Renovação de AVCB/CLCB";
  --hoot-medicao-ambiental-text: "consultoria e Laudos Técnicos";
  --hoot-consultoria-sst-text: "Extintores";


  /* Endereço */
  --hoot-END-Rua: "";
  --hoot-END-Bairro: "";
  --hoot-END-Cidade: "Belo Horizonte";
  --hoot-END-CEP: "30130-003";
  --hoot-END-estado: "Minas Gerais";
  --hoot-END-do-estado: "de Minas Gerais";
  --hoot-END-no-estado: "em Minas Gerais";
  --hoot-UF: "MG";
  --hoot-END-País: "Brasil";

/* Local */
  --hoot-CBM: "CBMMG";
  --hoot-normas: "Instruções Técnicas (IT)";
  --hoot-AVCB: "AVCB - Auto de Vistoria do Corpo de Bombeiros de MG";
  --hoot-clcb: "CLCB - Certificado de Licença do Corpo de Bombeiros de MG";
  --hoot-AVCB-siglas: "AVCB e CLCB";



/* Cidades principais por região */


    --hoot-cidade-capital-do: "de Belo Horizonte";

    /* Região Metropolitana , por população */
    --hoot-cidade-capital: "Belo Horizonte";
    --hoot-cidade-pop-1: "Contagem";
    --hoot-cidade-pop-2: "Betim";
    --hoot-cidade-pop-3: "Ribeirão das Neves";
    --hoot-cidade-pop-4: "Ibirité";
    --hoot-cidade-pop-5: "Santa Luzia";
    --hoot-cidade-pop-6: "Vespasiano";
    --hoot-cidade-pop-7:  "Nova Lima";

    /* Cidades restantes da RMBH */
    --hoot-cidade-seg-1: "Sabará";
    --hoot-cidade-seg-2: "Pedro Leopoldo";
    --hoot-cidade-seg-3: "Lagoa Santa";
    --hoot-cidade-seg-4: "São José da Lapa";
    --hoot-cidade-seg-5: "Mário Campos";
    --hoot-cidade-seg-6: "Sarzedo";
    --hoot-cidade-seg-7: "Confins";
    --hoot-cidade-seg-8: "Jaboticatubas";
    --hoot-cidade-seg-8: "Sete Lagoas";
    --hoot-cidade-seg-10: "Ibirité";
    --hoot-cidade-seg-11: "Esmeraldas";
    --hoot-cidade-seg-12: "Nova União";




/* Demais cidades de Minas Gerais (grandes cidades excluindo do estado): */
--hoot-demais-cidades: "Uberlândia, Juiz de Fora, Montes Claros, Ipatinga, Divinópolis, Sete Lagoas, Governador Valadares, Teófilo Otoni, Poços de Caldas";
/*4. Cidades em até 150 km de BH por população e relevância econômica:*/
--hoot-outras-cidades: "Itabira, Conselheiro Lafaiete, Ouro Preto, João Monlevade, Curvelo, Pará de Minas, Itaúna, Mariana, Ponte Nova, Bom Despacho";


  /* Variáveis CSS para o sistema Hoots */


 /* Contato */
--contact-whatsapp-link: "https://wa.me/553193691563";
--contact-whatsapp-text: "WhatsApp";
--contact-whatsapp-number: "WhatsApp: (31) 93691-563";
--contact-whatsapp-text-cta: "Fale conosco pelo WhatsApp";
--contact-phone-link: "tel:+553193691563";
--contact-phone-text: "telefone";
--contact-phone-number: "Telefone: (31) 93691-563";
--facebook-link: "https://facebook.com/avcbservicos";
--instagram-link: "https://instagram.com/avcbservicos";
--linkedin-link: "https://linkedin.com/company/avcbservicos";
  --hoot-email: "mailto:avcbservicostreinamento@gmail.com";
  --hoot-email-text: "avcbservicostreinamento@gmail.com";



  /* Preços */
  --price-extintor-abc:0;
  --price-extintor-co2:0 ;
  --price-extintor-agua: 0;
  --price-suporte: 0;
  --price-placa: 0;
  --price-mangueira: 0;
  --price-recarga: 0;
  --price-kit-placas: 0;

  /* Paleta de Cores */


/* ====================== */
/* === ESCALA DE CINZA === */
/* ====================== */
--cor-preto-puro-900: #000000;          /* Máximo contraste */
--cor-cinza-black-800: #121212;         /* Fundos escuros */
--cor-cinza-noturno-700: #212121;       /* Títulos principais */
--cor-cinza-escuro-600: #343a40;        /* Títulos secundários */
--cor-cinza-texto-500: #616161;         /* Texto corpo */
--cor-cinza-medio-400: #9e9e9e;         /* Ícones inativos */
--cor-cinza-texto-300: #CCCCCC;         /* Texto secundário */
--cor-cinza-borda-200: #e0e0e0;         /* Divisórias */
--cor-cinza-claro-100: #f8f9fa;         /* Fundos secundários */
--cor-branco-puro-50: #FFFFFF;          /* Fundos */
--cor-branco: #FFFFFF; /* Variável duplicada para compatibilidade, se usada*/

/* Cores base */
--preto-puro-900: #000000;
--cinza-black-800: #121212;
--cinza-noturno-700: #212121;
--cinza-escuro-600: #343a40;
--cinza-texto-500: #616161;
--cinza-medio-400: #9e9e9e;
--cinza-texto-300: #CCCCCC;
--cinza-borda-200: #e0e0e0;
--cinza-claro-100: #f8f9fa;
--branco-puro-50: #FFFFFF;

/* ====================== */
/* === AZUIS (Primários) === */
/* ====================== */
--cor-azul-dinamico: #1E90FF; /* Azul mais dinâmico */
--cor-azul-profundo-800: #0047AB; /* Azul escuro profundo */
--cor-azul-black-900: #000D1A;          /* Máximo contraste */
--cor-azul-petroleo-800: #01172E;       /* Elementos premium */
--cor-azul-noturno-700: #02203D;        /* Textos escuros */
--cor-azul-escuro-600: #032C4D;         /* Fundos escuros */
--cor-azul-marca-500: #1a3a6d;          /* Cor principal */
--cor-azul-profundo-400: #05507F;       /* Títulos */
--cor-azul-vivo-300: #007bff;           /* Links primários */
--cor-azul-medio-200: #4A8AB2;          /* Bordas/interações */
--cor-azul-claro-100: #B3D4E5;          /* Destaques suaves */
--cor-azul-claro-50: #E6F2FF;           /* Fundos claros */

/* Azuis */
--azul-black-900: #000D1A;
--azul-petroleo-800: #01172E;
--azul-noturno-700: #02203D;
--azul-escuro-600: #032C4D;
--azul-marca-500: #1a3a6d; /* Cor principal de azul para textos e detalhes */
--azul-profundo-400: #05507F;
--azul-vivo-300: #007bff;
--azul-medio-200: #4A8AB2;
--azul-claro-100: #B3D4E5;
--azul-claro-50: #E6F2FF; /* Azul bem claro para fundos */

/* ======================== */
/* === WHATSAPP (CTA) === */
/* ======================== */
--cor-Verde-what-sombra-600: #128C7E;   /* Contorno/contraste */
--cor-Verde-what-padrao-500: #25D366;   /* Verde principal */
--cor-Verde-what--hover-400: #5DF58E;   /* Efeito hover */
--cor-Verde-what--destaque-300: #A5F9C4; /* Efeito glow */

/* WhatsApp */
--verde-whatsapp-sombra-600: #128C7E;
--verde-whatsapp-padrao-500: #25D366; /* Verde principal do WhatsApp */
--verde-whatsapp-hover-400: #5DF58E;
--verde-whatsapp-destaque-300: #A5F9C4;

/* ======================= */
/* === LARANJA (Destaque) === */
/* ======================= */
--cor-laranja-vibrante: #FF5733; /* Laranja vibrante */
--cor-laranja-destaque-500: #FF4D00;    /* CTA principal */
--cor-laranja-hover-400: #FF6B00;       /* Estado hover */
--cor-laranja-suave-300: #FFB300;
--cor-amarelo-suave-200: #ffce00;
--cor-amarelo-ouro: #FFD700; /* Ouro para destaque */     /* Destaques */

/* Laranja (destaque) */
--laranja-destaque-500: #FF4D00; /* Laranja de destaque */
--laranja-hover-400: #FF6B00;
--laranja-suave-300: #FFB300;
--amarelo-suave-200: #ffce00;

/* ====================== */
/* === VERMELHO (Alerta) === */
/* ====================== */
--cor-vermelho-primary-dark: #E63946; /* Vermelho mais forte para contraste */
--cor-vermelho-alerta-600: #f44336;     /* Urgência/erros */
--cor-vermelho-ativo-500: #FF5349;      /* Botões destrutivos */
--cor-vermelho-suave-400: #ef9a9a;      /* Hover suavizado */

/* Vermelho (urgência) */
--vermelho-alerta-600: #f44336;
--vermelho-ativo-500: #FF5349;
--vermelho-suave-400: #ef9a9a;

/* ===================== */
/* === VERDE (Sucesso) === */
/* ===================== */
--cor-verde-sucesso-confirma-500: #28a745;      /* Confirmações */
--cor-verde-classico-sucesso-400: #4CAF50;      /* Estados positivos */
--cor-verde-suave-sucesso-300: #A5D6A7;         /* Feedback positivo */




/* === EFEITOS ================================================= */
--sombra-padrao: 0 4px 12px rgba(0, 0, 0, 0.08);
--transicao-padrao: all 0.3s ease;


  /* Fontes */
  --font-primary: 'Open Sans', sans-serif;
  --font-secondary: 'Roboto', sans-serif; /* Exemplo, se houver uma segunda fonte */

  /* Espaçamentos */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 20px;
  --spacing-lg: 40px;
  --spacing-xl: 80px;

  /* Transições */
  --transition-speed: 0.3s;
  --transition-timing: ease-in-out;

  /* Sombras */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 8px rgba(0,0,0,0.15);
  --shadow-lg: 0 8px 16px rgba(0,0,0,0.2);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.25);
  --shadow-inset: inset 0 2px 4px rgba(0,0,0,0.16);

  /* Z-index */
  --z-index-menu: 1000;
  --z-index-submenu: 1001;

  /* Bordas */
  --border-radius: 10px;
  --border-radius-md: 15px;
  --border-radius-lg: 20px;

}

/* Imagem geral do site */
body.page-home .pag-hero-background { background-image: url('../img/hero/1-principal.webp'); }
body.page-sobre-nos .pag-hero-background { background-image: url('../img/hero/2-sobrenos.webp'); }
body.page-contato .pag-hero-background { background-image: url('../img/hero/3-contato.webp'); }

/* Imagem site INCENDIO */
body.page-ppcip .pag-hero-background {background-image: url('../img/hero/4-ppcip-combate-incendio.webp.webp');}

body.page-renovacao .pag-hero-background { background-image: url('../img/hero/5-renovacao.webp'); }
body.page-laudo .pag-hero-background { background-image: url('../img/hero/6-laudo-inc.webp'); }
body.page-instalacao .pag-hero-background { background-image: url('../img/hero/7-instalacao.webp'); }
body.page-venda .pag-hero-background { background-image: url('../img/hero/9-extintor.webp'); }
body.page-servicos .pag-hero-background { background-image: url('../img/hero/10-consultoria.webp'); }

/* Imagem site TREINAMENTO */
body.page-ltcat .pag-hero-background { background-image: url('../img/hero/8-ltcat.webp'); }
body.page-nr15 .pag-hero-background { background-image: url('../img/hero/9-medicao-NR15.webp'); }
body.page-cons-sst .pag-hero-background { background-image: url('../img/hero/7-consultoria.webp'); }
body.page-treinamento .pag-hero-background { background-image: url('../img/hero/10-treinamento.webp'); }

/* Imagem site BLOG */
body.page-blog .pag-hero-background { background-image: url('../img/hero/5-blog.webp'); }


/* Página Home */
body.page-home {
  --page-primary-color: var(--cor-azul-marca-500); /* Original */
  --page-secondary-color: var(--cor-azul-profundo-400); /* Original */
  --page-text-color: var(--cor-cinza-texto-500);
  --page-heading-color: var(--cor-azul-petroleo-800);
  --page-background-color: var(--cor-azul-claro-50);
  --page-link-color: var(--cor-azul-vivo-300); /* Já é vibrante! */
  --page-cta-color: var(--cor-Verde-what-padrao-500); /* Já é vibrante! */
  --page-cta-hover-color: var(--cor-Verde-what--hover-400); /* Já é vibrante! */
  /* NOVO: Para o fundo dos ícones dos cards, precisamos dos valores RGB para rgba() */
  --page-primary-color-rgb: 26,58,109; /* Valores RGB de --cor-azul-marca-500 (#1a3a6d) */
}
body.page-home .pag-hero-background { background-image: url('../img/hero/1-principal.webp'); }

body.page-sobre-nos {
  --page-primary-color: var(--cor-azul-escuro-600);
  --page-secondary-color: var(--cor-cinza-medio-400);
  --page-text-color: var(--cor-cinza-texto-500);
  --page-heading-color: var(--cor-cinza-noturno-700);
  --page-background-color: var(--cor-cinza-claro-100);
  --page-link-color: var(--cor-azul-marca-500);
  --page-cta-color: var(--cor-azul-profundo-400);
  --page-cta-hover-color: var(--cor-azul-vivo-300);
}
body.page-sobre-nos .pag-hero-background { background-image: url('../img/hero/2-sobrenos.webp'); }

body.page-contato {
  --page-primary-color: var(--cor-laranja-destaque-500);
  --page-secondary-color: var(--cor-azul-marca-500);
  --page-text-color: var(--cor-cinza-black-800);
  --page-heading-color: var(--cor-laranja-destaque-500);
  --page-background-color: var(--cor-branco-puro-50);
  --page-link-color: var(--cor-azul-vivo-300);
  --page-cta-color: var(--cor-Verde-what-padrao-500);
  --page-cta-hover-color: var(--cor-Verde-what--hover-400);
}
body.page-contato .pag-hero-background { background-image: url('../img/hero/3-contato.webp'); }

/* --- Imagem site INCENDIO --- */
body.page-ppcip,
body.page-renovacao,
body.page-laudo,
body.page-instalacao,
body.page-venda,
body.page-servicos {
  --page-primary-color: var(--cor-vermelho-ativo-500);
  --page-secondary-color: var(--cor-laranja-destaque-500);
  --page-text-color: var(--cor-cinza-escuro-600);
  --page-heading-color: var(--cor-vermelho-alerta-600);
  --page-background-color: var(--cor-cinza-claro-100);
  --page-link-color: var(--cor-vermelho-ativo-500);
  --page-cta-color: var(--cor-vermelho-ativo-500);
  --page-cta-hover-color: var(--cor-vermelho-suave-400);
}

/* --- Imagem site TREINAMENTO --- */
body.page-ltcat,
body.page-NR15,
body.page-cons-sst,
body.page-treinamento {
  --page-primary-color: var(--cor-verde-sucesso-confirma-500);
  --page-secondary-color: var(--cor-azul-marca-500);
  --page-text-color: var(--cor-cinza-texto-500);
  --page-heading-color: var(--cor-verde-sucesso-confirma-500);
  --page-background-color: var(--cor-cinza-claro-100);
  --page-link-color: var(--cor-verde-classico-sucesso-400);
  --page-cta-color: var(--cor-verde-sucesso-confirma-500);
  --page-cta-hover-color: var(--cor-verde-classico-sucesso-400);
}

/* Imagem geral do site */
body.page-home 
body.page-sobre-nos 
body.page-contato 
/* Imagem site INCENDIO */
body.page-ppcip 
body.page-renovacao 
body.page-laudo

body.page-ltcat 
body.page-NR15 
body.page-cons-sst 
body.page-treinamento .pag-hero-background { background-image: url('../img/hero/nr33.webp'); }




