/* ===== 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://be1engenharia.com.br/";
  --url-sobre: "https://be1engenharia.com.br/sobre-nos";
  --url-contato: "https://be1engenharia.com.br/contato";


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

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

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


  /* URLs TREINAMENTOS */
  --url-TRE-NR: "https://be1engenharia.com.br/treinamenotos";
  --url-TRE-CIPA: "https://be1engenharia.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:"R. Pres. Ranieri Mazzilli";
  --hoot-END-Bairro:"Valparaíso";
  --hoot-END-Cidade: "Petrópolis";
  --hoot-END-CEP: "25655-444";
  --hoot-END-estado: "Rio de Janeiro";
  --hoot-END-do-estado: "do Rio de Janeiro";
  --hoot-END-no-estado: "no Rio de Janeiro";
  --hoot-UF: "RJ";
  --hoot-END-País: "Brasil";

  /* Local */
  --hoot-CBM: "CBMRJ";
  --hoot-normas: "Normas Técnicas (NT)";
  --hoot-AVCB: "Certificado de Aprovação - CA do Corpo de Bombeiros do RJ";
  --hoot-AVCB-siglas: "Certificado de Aprovação - CA";
  --hoot-email: "mailto:jlmouralopes@gmail.com"; 
  --hoot-email-text: "jlmouralopes@gmail.com"; 

//* ==========================================================
   VARIÁVEIS CSS – CIDADES DO RIO DE JANEIRO (HOOTS SYSTEM)
   ========================================================== */

/* 1. CIDADE CAPITAL */
--hoot-cidade-capital-do: "do Rio de Janeiro";
--hoot-cidade-capital: "Rio de Janeiro";

/* 2. REGIÃO METROPOLITANA DO RIO DE JANEIRO (PRINCIPAIS) */
--hoot-cidade-pop-1: "São Gonçalo";
--hoot-cidade-pop-2: "Duque de Caxias";
--hoot-cidade-pop-3: "Nova Iguaçu";
--hoot-cidade-pop-4: "Belford Roxo";
--hoot-cidade-pop-5: "Niterói";
--hoot-cidade-pop-6: "São João de Meriti";
--hoot-cidade-pop-7: "Petrópolis";

/* 3. BAIXADA FLUMINENSE E REGIÃO METROPOLITANA AMPLIADA */
--hoot-cidade-seg-1: "Magé";
--hoot-cidade-seg-2: "Mesquita";
--hoot-cidade-seg-3: "Nilópolis";
--hoot-cidade-seg-4: "Queimados";
--hoot-cidade-seg-5: "Japeri";
--hoot-cidade-seg-6: "Itaguaí";
--hoot-cidade-seg-7: "Seropédica";
--hoot-cidade-seg-8: "Maricá";
--hoot-cidade-seg-9: "Itaboraí";
--hoot-cidade-seg-10: "Tanguá";
--hoot-cidade-seg-11: "Rio Bonito";
--hoot-cidade-seg-12: "Cachoeiras de Macacu";

/* 4. PRINCIPAIS CIDADES DO INTERIOR FLUMINENSE E POLOS REGIONAIS */
--hoot-cidade-seg-13: "Campos dos Goytacazes";
--hoot-cidade-seg-14: "Volta Redonda";
--hoot-cidade-seg-15: "Barra Mansa";
--hoot-cidade-seg-16: "Resende";
--hoot-cidade-seg-17: "Macaé";
--hoot-cidade-seg-18: "Cabo Frio";
--hoot-cidade-seg-19: "Angra dos Reis";
--hoot-cidade-seg-20: "Nova Friburgo";
--hoot-cidade-seg-21: "Teresópolis";
--hoot-cidade-seg-22: "Três Rios";
--hoot-cidade-seg-23: "Araruama";
--hoot-cidade-seg-24: "Saquarema";

/* 5. CIDADES PRÓXIMAS À DIVISA COM MINAS GERAIS (ATÉ 50KM) */
--hoot-cidade-seg-25: "Além Paraíba";
--hoot-cidade-seg-26: "Sapucaia";
--hoot-cidade-seg-27: "Três Rios";
--hoot-cidade-seg-28: "Paracambi";
--hoot-cidade-seg-29: "Paty do Alferes";
--hoot-cidade-seg-30: "Miguel Pereira";
--hoot-cidade-seg-31: "Paraíba do Sul";
--hoot-cidade-seg-32: "Vassouras";
--hoot-cidade-seg-33: "Piraí";
--hoot-cidade-seg-34: "Valença";
--hoot-cidade-seg-35: "Barra do Piraí";
--hoot-cidade-seg-36: "Engenheiro Paulo de Frontin";

/* 6. DEMAIS CIDADES IMPORTANTES DO ESTADO (EXCLUINDO CAPITAL E METRÓPOLE) */
--hoot-demais-cidades: "Volta Redonda, Macaé, Petrópolis, Nova Friburgo, Campos dos Goytacazes, Niterói, Resende, Teresópolis, Angra dos Reis, Cabo Frio, Itaboraí, Duque de Caxias";

/* 7. CIDADES PRÓXIMAS ÀS DIVISAS RJ–SP–MG–ES (RAIO DE 50KM / IMPORTÂNCIA ECONÔMICA) */
--hoot-outras-cidades: "Barra do Piraí, Piraí, Vassouras, Valença, Paraty, Rio das Ostras, Itaguaí, Seropédica, Paracambi, Queimados";

/* ==========================================================
   FIM DAS VARIÁVEIS CSS DO RIO DE JANEIRO
   ========================================================== */


  /* ... variáveis já existentes ... */

  /* Variáveis de Contato CRÍTICAS para CTR */
  --hoot-whatsapp-numero: "+5524981512560"; /* Seu número no formato internacional */
  --hoot-whatsapp-link: "https://api.whatsapp.com/send?phone=5524981512560&text=Ol%C3%A1%2C%20preciso%20de%20um%20or%C3%A7amento%20urgente%20para%20Regulariza%C3%A7%C3%A3o%20AVCB%20em%20{SUA_CIDADE}.";
  --hoot-telefone-link: "+5524981512560";
  --hoot-CBM-sigla: "CBMERJ";

  /* Variáveis de Serviço/Autoridade */
  --hoot-AVCB: "AVCB e CLCB";
  --hoot-AVCB-siglas: "CA/AVCB";
  --hoot-servico-ppcip: "Projeto de Combate a Incêndio (PPCIP)";
  --hoot-servico-sst: "Segurança do Trabalho (Laudos e Treinamentos)";

  /* Variáveis de Hiper-Localização Foco RJ */
  --hoot-cidade-foco-1: "Petrópolis";
  --hoot-cidade-foco-2: "Nova Friburgo";
  --hoot-cidade-foco-3: "Teresópolis";
  --hoot-cidade-foco-4: "Três Rios";
  --hoot-regiao-serrana-text: "Região Serrana do RJ"; 
  --hoot-cidades-divisa-mg: "Além Paraíba, Juiz de Fora e cidades a 50km";
  --hoot-cidades-metropolitana: "Niterói, Duque de Caxias, São Gonçalo";
  --hoot-cidade-capital: "Rio de Janeiro";

  /* ... outras variáveis ... */













 /* Contato */
--contact-whatsapp-link: "https://wa.me/5524981512560";
--contact-whatsapp-text: "WhatsApp";
--contact-whatsapp-number: "WhatsApp: (24) 98151-2560";
--contact-whatsapp-text-cta: "Fale conosco pelo WhatsApp";
--contact-phone-link: "tel:+5524981512560";
--contact-phone-text: "telefone";
--contact-phone-number: "Telefone: (24) 98151-2560";
--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 E-COMMERCE (Módulo Extintor) - DINÂMICO RJ --- */
/* Estes preços serão puxados pelo seo-extintor.js e aplicados na página, garantindo o ranqueamento local via oferta. */
  --hoot-preco-extintor-ABC: "R$ 0,00"; /* Preço Extintor Pó ABC 4kg */
  --hoot-preco-extintor-CO2: "R$ 0,00"; /* Preço Extintor CO2 6kg */
  --hoot-preco-extintor-agua: "R$ 0,00"; /* Preço Extintor Água 10L */
  --hoot-preco-suporte: "R$ 0,00"; /* Preço Suporte de Parede */
  --hoot-preco-placa: "R$ 0,00"; /* Preço Placa de Sinalização (unidade) */
  --hoot-preco-mangueira: "R$ 0,00"; /* Preço Mangueira de Incêndio (unidade) */
  --hoot-preco-recarga: "R$ 0,00"; /* Preço Recarga ABC */
  --hoot-preco-kit-placas: "R$ 0,90"; /* Preço Kit Básico 5 Placas */
  --hoot-preco-indisponivel: "Sob Consulta"; /* Valor para Produto Indisponível/Customizado */

/* Caso precise de uma versão com o ponto como separador decimal para o Schema.org */
  --hoot-preco-extintor-ABC-schema: "299.90";
  --hoot-preco-extintor-CO2-schema: "449.00";
  --hoot-preco-recarga-schema: "120.00";

  /* 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:  #01172E;          /* Máximo contraste */
--cor-azul-petroleo-800: #01172E;       /* Elementos premium */
--cor-azul-noturno-700: #02203D;        /* Textos escuros */
--cor-azul-escuro-600: #2e3030;         /* 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'); }