/*
Theme Name: SISGETEP (child do OceanWP)
Theme URI: https://sisgetepsolucoes.com.br/
Description: Tema-filho do OceanWP para reconstrução fiel do site SISGETEP. Código versionado no repositório do projeto.
Author: SISGETEP
Template: oceanwp
Version: 0.1.0
Text Domain: sisgetep-child
*/

/* ===== Identidade visual SISGETEP (extraída do site original) ===== */
:root{
  --sis-azul:      #004B8D;   /* primária */
  --sis-azul-esc:  #003a6e;
  --sis-vermelho:  #AC0000;   /* acento */
  --sis-cinza:     #656565;
  --sis-claro:     #F2F2F2;
}

/* Tipografia base: Roboto (igual ao original) */
body, button, input, select, textarea{ font-family: "Roboto", Arial, sans-serif; }
h1,h2,h3,h4,h5,h6{ font-family: "Roboto Slab", "Roboto", serif; }

/* Cor primária em links e destaques */
a{ color: var(--sis-azul); }
a:hover{ color: var(--sis-azul-esc); }

/* Botões (tema/OceanWP e forms) na cor da marca */
.theme-button, button, input[type="submit"], .button,
.wp-block-button__link{
  background-color: var(--sis-azul);
  border-color: var(--sis-azul);
  color:#fff;
}
.theme-button:hover, button:hover, input[type="submit"]:hover, .button:hover{
  background-color: var(--sis-azul-esc);
  border-color: var(--sis-azul-esc);
}

/* Cabeçalho e rodapé */
#site-header{ border-bottom: 3px solid var(--sis-azul); }
#footer{ background-color: #FFFFFF; }
#footer-bottom{ background-color: var(--sis-azul); }
#footer-bottom, #footer-bottom a{ color:#fff; }

/* Título da página (barra) na identidade */
.page-header .page-header-inner .page-title{ color: var(--sis-azul); }

/* ===== MENU PRINCIPAL (igual ao original) ===== */
/* fonte maior, cor escura, mais respiro entre itens */
#site-navigation-wrap .dropdown-menu > li > a{
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  padding: 7px 14px !important;
  line-height: 1.5 !important;
  height: auto !important;
}
#site-navigation-wrap .dropdown-menu > li > a:hover{ color: var(--sis-azul); }

/* item ativo: caixa azul preenchida com texto branco */
#site-navigation-wrap .dropdown-menu > li.current-menu-item > a,
#site-navigation-wrap .dropdown-menu > li.current_page_item > a,
#site-navigation-wrap .dropdown-menu > li.current-menu-parent > a{
  background-color: var(--sis-azul);
  color: #fff;
  border-radius: 4px;
}
/* aproxima o menu do logo (no original ele não fica colado à direita) */
#site-header.minimal-header #site-navigation-wrap{ float: none; display: inline-block; }
#site-header .header-inner{ display: flex; align-items: center; gap: 24px; }
#site-header #site-logo{ flex: 0 0 auto; }
#site-navigation-wrap{ flex: 1 1 auto; }
#site-header .sis-header-extras{ flex: 0 0 auto; margin-left: auto; }

/* ===== ÍCONES SOCIAIS NO CABEÇALHO ===== */
.sis-social{ display: flex; gap: 8px; align-items: center; }
.sis-social a{
  width: 30px; height: 30px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff !important; transition: opacity .2s;
}
.sis-social a:hover{ opacity: .8; }
.sis-social .sis-fb{ background: #1877F2; }
.sis-social .sis-ig{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.sis-social .sis-yt{ background: #FF0000; }
.sis-social svg{ width: 16px; height: 16px; fill: currentColor; }

/* ===== BOTÃO FLUTUANTE DO WHATSAPP ===== */
.sis-whatsapp{
  position: fixed; right: 22px; bottom: 22px; z-index: 9999;
  width: 56px; height: 56px; border-radius: 50%;
  background: #25D366; color: #fff !important;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 14px rgba(0,0,0,.28);
  transition: transform .2s;
}
.sis-whatsapp:hover{ transform: scale(1.08); }
.sis-whatsapp svg{ width: 32px; height: 32px; fill: #fff; }

@media (max-width: 767px){
  .sis-whatsapp{ right: 14px; bottom: 14px; width: 50px; height: 50px; }
  #site-header .header-inner{ gap: 12px; }
}

/* ===== BANDEIRAS PT/EN (GTranslate) no cabeçalho ===== */
.sis-lang-item{ display: flex; align-items: center; }
.sis-lang-item .gtranslate_wrapper,
.sis-lang-item .gt_container-, .sis-lang-item .gt_float_switcher{ display: inline-flex; gap: 6px; }
.sis-lang-item img{ width: 24px; height: auto; vertical-align: middle; }
.sis-lang-item a{ line-height: 1; }

/* ===== AVISO DE COOKIES (LGPD) ===== */
.sis-cookies{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998;
  background: rgba(20,20,20,.94); color: #fff;
  padding: 14px 20px;
  display: flex; align-items: center; justify-content: center;
  gap: 16px; flex-wrap: wrap;
  font-size: 14px; line-height: 1.5;
}
.sis-cookies[hidden]{ display: none; }
.sis-cookies__txt{ margin: 0; max-width: 900px; }
.sis-cookies__acoes{ display: flex; gap: 10px; align-items: center; }
.sis-cookies__ok, .sis-cookies__mais{
  border: 0; border-radius: 3px; cursor: pointer;
  padding: 8px 18px; font-size: 14px; font-weight: 500;
  color: #fff !important; text-decoration: none; white-space: nowrap;
}
.sis-cookies__ok{ background: #AC0000; }
.sis-cookies__ok:hover{ background: #8a0000; }
.sis-cookies__mais{ background: #AC0000; }
.sis-cookies__mais:hover{ background: #8a0000; }
@media (max-width: 767px){
  .sis-cookies{ flex-direction: column; text-align: center; padding: 12px 14px; }
  .sis-whatsapp{ bottom: 90px; }
}

/* ===== RELEITURA FIEL (2026-07) ===== */

/* Ícones sociais grandes (faixa "Nos siga") e ícone extra do WhatsApp */
.sis-social a{ font-weight:700; font-style:normal; text-decoration:none; font-size:15px; }
.sis-social .sis-wa{ background:#25D366; }
.sis-social--grande a{ width:44px; height:44px; font-size:20px; }

/* Carrossel de depoimentos (vídeos) — vizinhos visíveis, como o original */
.sis-carrossel{ position:relative; max-width:1100px; margin:20px auto 0; }
.sis-viewport{ overflow:hidden; }
.sis-track{ display:flex; transition:transform .45s ease; }
.sis-slide{ flex:0 0 58%; aspect-ratio:16/9; position:relative; cursor:pointer;
  background:#000; margin:0 8px; border-radius:4px; overflow:hidden;
  opacity:.45; transform:scale(.94); transition:opacity .3s, transform .3s; }
.sis-slide.ativo{ opacity:1; transform:none; }
.sis-slide img{ width:100%; height:100%; object-fit:cover; }
.sis-slide iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.sis-play{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:74px; height:74px; border-radius:50%; background:rgba(255,255,255,.92);
  color:#004B8D; font-size:26px; display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 18px rgba(0,0,0,.35); pointer-events:none; }
.sis-seta{ position:absolute; top:42%; z-index:3; width:44px; height:44px; border:0; border-radius:50%;
  background:rgba(255,255,255,.9); color:#004B8D; font-size:18px; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.2); }
.sis-ant{ left:-8px; } .sis-prox{ right:-8px; }
.sis-dots{ text-align:center; margin-top:14px; }
.sis-dot{ width:10px; height:10px; border-radius:50%; border:0; background:#C9C9C9; margin:0 4px; cursor:pointer; padding:0; }
.sis-dot.ativo{ background:#004B8D; }
@media (max-width:900px){ .sis-slide{ flex-basis:86%; } }

/* Toggle "Saiba Mais" (Soluções) — visual de botão vermelho como o original */
.elementor-toggle .elementor-tab-title{
  background:#AC0000; border-radius:3px; padding:10px 16px !important; margin-top:8px; }
.elementor-toggle .elementor-tab-title a,
.elementor-toggle .elementor-tab-title .elementor-toggle-title{ color:#fff !important; font-weight:600; font-size:14px; }
.elementor-toggle .elementor-toggle-icon{ color:#fff !important; }
.elementor-toggle .elementor-tab-content{ border:0 !important; color:#555; }
.elementor-toggle .elementor-tab-content ul{ padding-left:18px; }
.elementor-toggle .elementor-tab-content li{ margin-bottom:4px; }

/* Formulários CF7 — inputs e botão como o original */
.wpcf7 label{ color:inherit; font-size:14px; }
.wpcf7 input[type=text], .wpcf7 input[type=tel], .wpcf7 input[type=email], .wpcf7 textarea{
  width:100%; background:#fff; border:1px solid #d9d9d9; border-radius:2px; padding:8px 12px;
  font-size:14px; color:#222; }
.wpcf7 input[type=submit]{
  width:100%; background:#004B8D; border:0; border-radius:2px; padding:10px;
  font-size:13px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; }
.wpcf7 input[type=submit]:hover{ background:#003A6E; }
.sis-2col{ display:flex; gap:14px; }
.sis-2col > label{ flex:1; }
.sis-2col p{ display:flex; gap:14px; flex:1; width:100%; margin:0; }
.sis-2col .wpcf7-form-control-wrap{ flex:1; display:block; }
@media (max-width:640px){ .sis-2col{ flex-direction:column; gap:0; } }
/* no fundo escuro (Cadastre-se) os rótulos ficam claros */
.elementor-section .wpcf7 label{ color:#e8eef5; }

/* Rodapé branco em 3 colunas */
#footer, #footer .footer-widgets{ background:#fff; color:#333; }
#footer .footer-box{ padding-top:40px; padding-bottom:30px; }
.sis-foot-logo{ text-align:center; }
.sis-foot-logo hr{ border:0; border-top:1px solid #e3e3e3; margin:16px 0; }
.sis-foot-logo p{ color:#555; font-size:14px; }
.sis-foot-tit{ color:#004B8D; font-weight:700; font-size:16px; margin-bottom:14px; }
.sis-foot-sub{ color:#004B8D; margin:10px 0 2px; }
.sis-foot-links{ list-style:none; margin:0; padding:0; }
.sis-foot-links li{ margin-bottom:8px; }
.sis-foot-links a, #footer a{ color:#444; }
.sis-foot-links a:hover, #footer a:hover{ color:#004B8D; }
#footer p{ color:#444; font-size:14px; margin-bottom:6px; }
#footer-bottom{ background-color:#ffffff !important; border-top:1px solid #ececec; }
#footer-bottom, #footer-bottom a, #footer-bottom #copyright{ color:#777 !important; font-size:13px; }

/* Rodapé branco de verdade (OceanWP usa #footer-widgets) */
#footer-widgets{ background-color:#fff !important; }
#footer-widgets, #footer-widgets p, #footer-widgets li{ color:#444 !important; }
#footer-widgets a{ color:#444 !important; }
#footer-widgets a:hover{ color:#004B8D !important; }
#footer-widgets .sis-foot-tit, #footer-widgets .sis-foot-sub strong{ color:#004B8D !important; }

/* Formulários: campos sem rótulo (placeholders), espaçamento entre linhas */
.wpcf7 p{ margin-bottom:14px; }
.wpcf7-form-control-wrap{ display:block; }

/* Formulário do Cadastre-se com largura do original */
.sis-form-cad{ max-width:1050px; margin:0 auto; }

/* Botões no tamanho do original (mais baixos) */
.elementor-button{ padding:10px 22px !important; font-size:13px !important; }

/* ===== Cabeçalho: bandeiras em cima + ícones sociais embaixo, à direita ===== */
#site-navigation-wrap .dropdown-menu{ display:flex; align-items:center; }
li.sis-hdr-extras{ margin-left:auto; display:flex; flex-direction:column; align-items:center; gap:5px; padding-left:20px; }
li.sis-hdr-extras .sis-lang img{ width:22px; height:auto; }
li.sis-hdr-extras .sis-social a{ width:27px; height:27px; font-size:13px; }

/* Botões no tamanho exato do original */
.elementor-button{ padding:8px 18px !important; font-size:12px !important; line-height:1.5 !important; }
.wpcf7 input[type=submit]{ padding:9px !important; font-size:12px !important; }

/* Soluções: cards compactos */
.sis-solcard .elementor-widget{ margin-bottom:6px; }
.sis-solcard .elementor-widget:last-child{ margin-bottom:0; }
.sis-solcard .elementor-heading-title{ line-height:1.3; }
.sis-solcard .elementor-widget-text-editor p{ margin-bottom:0; }

/* Soluções: logos de clientes em cartões brancos uniformes */
.sis-logo{
  background:#fff; border:0; border-radius:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  margin:7px !important; padding:14px !important;
  display:flex; align-items:center; justify-content:center; min-height:96px;
  transition:transform .25s, box-shadow .25s;
}
.sis-logo:hover{ transform:translateY(-3px); box-shadow:0 6px 18px rgba(0,0,0,.11); }
.sis-logo img{ max-height:64px; width:auto; object-fit:contain; }

/* Ícones sociais quadrados (faixa "Nos siga") */
.sis-social--sq a{ width:46px; height:46px; border-radius:9px; font-size:20px; }

/* ===== Empresa: corpo do texto e cards ===== */
.sis-corpo p{ margin-bottom:22px; }
.sis-sobre .sis-blob{ margin-bottom:0; }
.sis-cardazul{ border-radius:4px; }
.sis-cardazul .elementor-widget:last-child{ margin-bottom:0; }

/* ===== Soluções: cards uniformes, sombra suave, botão no rodapé do card ===== */
.sis-solcard{
  box-shadow:0 3px 14px rgba(0,0,0,.07) !important;
  display:flex !important;
}
.sis-solcard > .elementor-widget-wrap{
  display:flex; flex-direction:column; width:100%;
}
/* empurra o "Saiba Mais" para o fim, deixando todos os cards alinhados */
.sis-solcard .elementor-widget-toggle{ margin-top:auto; }
.sis-solcard .elementor-widget-divider{ margin:10px 0 14px; }
.sis-solcard .elementor-widget-image{ margin-bottom:14px; }
.elementor-toggle .elementor-tab-title{ border-radius:4px; }

/* ===== 3 passos: ícone em círculo branco com sombra ===== */
.sis-passo .elementor-icon{
  background:#fff; width:86px; height:86px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 16px rgba(0,0,0,.10); margin:0 auto 18px;
}
.sis-passo .elementor-icon-box-title{ margin-top:6px; }

/* ===== Redes sociais centralizadas abaixo do texto ===== */
.sis-social--centro{ display:inline-flex; justify-content:center; gap:14px; }

/* ===== Contato: bloco de informações (fontes e ícones do original) ===== */
.sis-contato-info h3{
  font-family:"Open Sans", sans-serif; font-weight:700; font-size:30px;
  color:#3B3B3B; margin:0 0 20px;
}
.sis-contato-info h3 + p{ margin-top:0; }
.sis-contato-info p{
  display:flex; align-items:center; gap:14px;
  font-size:17px; color:#5b5b5b; margin:0 0 18px;
}
.sis-contato-info .sis-ci{ width:26px; height:26px; fill:#004B8D; flex:0 0 26px; }
.sis-contato-info .sis-social{ margin-top:4px; }
.sis-contato-info .sis-social a{ width:34px; height:34px; }
.sis-contato-info h3:nth-of-type(2){ margin-top:34px; }