/* hidrabol-visual.css — identidade visual do painel aplicada ao site www.hidrabol.com.br
   (WordPress + Elementor + OceanWP). Carregado pelo mu-plugin hidrabol-visual.php.
   Para voltar ao visual antigo: apagar wp-content/mu-plugins/hidrabol-visual.php (arquivos em wp-content/uploads/hidrabol-visual/). */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap');

:root{
  --hb-grad: linear-gradient(120deg,#5CB947 0%,#1FA9B8 55%,#17A6C9 100%);
  --hb-grad-escuro: linear-gradient(120deg,rgba(28,104,52,.93) 0%,rgba(14,104,118,.9) 55%,rgba(11,98,132,.9) 100%);
  --hb-titulo: #12384a;
  --hb-verde: #178A3E;
  --hb-texto: #556575;
  --hb-fundo: #eef2f6;
  --hb-borda: #e2e8f0;
}

/* Texto */
body, #footer, #site-header, p, li, .elementor-text-editor, .elementor-widget-text-editor, input, textarea, select{
  font-family: 'Inter', sans-serif !important;
}
body, .elementor-widget-text-editor, .elementor-text-editor{ color: var(--hb-texto); }
h1,h2,h3,h4,h5,h6,.elementor-heading-title,.elementor-icon-box-title,.elementor-slide-heading{ font-family:'Poppins',sans-serif !important; }

/* Cabeçalho: faixa em degradê no topo, menu com destaque verde */
#site-header{ border-top:4px solid transparent; border-image: var(--hb-grad) 1; box-shadow:0 1px 0 var(--hb-borda); }
#site-logo #site-logo-inner a img.custom-logo{ height:46px !important; width:auto !important; max-width:none !important; max-height:none !important; }
#site-navigation-wrap .dropdown-menu > li > a{ font-family:'Poppins',sans-serif !important; font-weight:500; color:#334155 !important; letter-spacing:.4px; position:relative; }
#site-navigation-wrap .dropdown-menu > li > a:hover,
#site-navigation-wrap .dropdown-menu > li.current-menu-item > a{ color: var(--hb-verde) !important; }
#site-navigation-wrap .dropdown-menu > li.current-menu-item > a::after,
#site-navigation-wrap .dropdown-menu > li > a:hover::after{
  content:''; position:absolute; left:14px; right:14px; bottom:22px; height:3px; border-radius:3px; background: var(--hb-grad);
}

/* Banner principal: escurecimento com toque da cor da marca e botões no padrão do painel */
.elementor-slides .slick-slide-inner::before,
.elementor-slides .swiper-slide-inner::before{ content:none; }
.elementor-slides .elementor-background-overlay{
  background: linear-gradient(90deg,rgba(8,32,44,.82) 0%,rgba(8,32,44,.5) 55%,rgba(23,166,201,.18) 100%) !important;
}
.elementor-slide-heading{ font-weight:700 !important; letter-spacing:-.5px; }
.elementor-slide-heading::after{ content:''; display:block; width:72px; height:5px; border-radius:5px; background: var(--hb-grad); margin-top:18px; }
.elementor-slide-button,
.elementor-button{
  background: var(--hb-grad) !important; color:#fff !important; border:0 !important; border-radius:9px !important;
  font-family:'Poppins',sans-serif !important; font-weight:600 !important; letter-spacing:.3px;
  box-shadow:0 6px 16px rgba(31,169,184,.28); transition: transform .15s, box-shadow .15s;
}
.elementor-slide-button:hover, .elementor-button:hover{ transform: translateY(-1px); box-shadow:0 10px 22px rgba(31,169,184,.36); }
.elementor-button *, .elementor-button .fas{ color:#fff !important; }
.elementor-slides .slick-dots li button::before, .swiper-pagination-bullet{ color:#fff !important; }

/* Títulos e destaques que eram azul-petróleo */
.elementor-element-be352bb .elementor-heading-title,
.elementor-element-9f42baf .elementor-heading-title,
.elementor-element-b30e4f1 .elementor-heading-title,
.elementor-element-bb2ab39 .elementor-heading-title,
.elementor-element-b4322ef .elementor-heading-title,
.elementor-element-7e6b2b2 .elementor-heading-title,
.elementor-element-6a6a24f .elementor-heading-title,
.elementor-element-b8bed4d .elementor-heading-title,
.elementor-element-b3d7eb2 .elementor-heading-title{ color: var(--hb-titulo) !important; }
.elementor-element-96156d5 .fas,
.elementor-element-96156d5 .elementor-icon-list-text,
.elementor-element-50ec995 .elementor-icon, .elementor-element-50ec995 .fas,
.elementor-element-2760d9e .elementor-icon, .elementor-element-2760d9e .fas{ color: var(--hb-verde) !important; }
.elementor-element-1096f28 .elementor-field-label{ color: var(--hb-titulo) !important; font-weight:600; }

/* Traços abaixo dos títulos viram a barrinha em degradê */
.elementor-divider-separator{ border-top:0 !important; height:4px; border-radius:4px; background: var(--hb-grad); }

/* Faixas e cartões que eram azul-petróleo: degradê da marca */
.elementor-element-dd20666, .elementor-element-18e0f08, .elementor-element-7eeec9a,
.elementor-element-446177f > .elementor-widget-wrap, .elementor-element-740752b > .elementor-widget-wrap,
.elementor-element-2b5cd8f > .elementor-widget-wrap, .elementor-element-de46bc8 > .elementor-widget-wrap,
.elementor-element-f101bb8 > .elementor-widget-wrap,
.elementor-element-446177f > .elementor-column-wrap, .elementor-element-740752b > .elementor-column-wrap,
.elementor-element-2b5cd8f > .elementor-column-wrap, .elementor-element-de46bc8 > .elementor-column-wrap,
.elementor-element-f101bb8 > .elementor-column-wrap{
  background: var(--hb-grad-escuro) !important;
}
/* Fotos de fundo com camada azul-petróleo: mesma camada, nas cores da marca */
.elementor-element-db575ad > .elementor-background-overlay,
.elementor-element-86ab63a > .elementor-background-overlay,
.elementor-element-8ac7add > .elementor-background-overlay,
.elementor-element-b6f6aae > .elementor-background-overlay,
.elementor-element-63fad29 > .elementor-background-overlay{
  background: var(--hb-grad-escuro) !important; opacity:.9 !important;
}

/* Páginas internas: fundo cinza-azulado e cartões do painel */
body.page:not(.home) #main, body.page:not(.home) #content-wrap{ background: var(--hb-fundo); }
.elementor-widget-image img{ border-radius:12px; }
.elementor-widget-form .elementor-form, .elementor-element-1096f28{ border-radius:12px; }
.elementor-field-group .elementor-field{ border:1px solid var(--hb-borda) !important; border-radius:8px !important; background:#fff !important; }
.elementor-field-group .elementor-field:focus{ border-color:#1FA9B8 !important; box-shadow:0 0 0 3px rgba(31,169,184,.15); outline:0; }

/* Rodapé e botão de voltar ao topo */
#footer-bottom{ background: var(--hb-grad) !important; }
.hbs-cta + *{ margin-top:0; }
#footer-bottom, #footer-bottom a, #footer-bottom #copyright{ color:#fff !important; font-weight:500; }
#scroll-top{ background: var(--hb-grad) !important; border-radius:9px !important; }

/* Logo empilhada na seção "Sobre nós" */
.elementor-element-6d1e5ec img, img.hb-logo-empilhada{ width:100% !important; max-width:470px !important; height:auto !important; border-radius:0 !important; }

/* ===== Página Serviços (conteúdo em uploads/hidrabol-visual/servicos/servicos.html) ===== */
.hbs{ font-family:'Inter',sans-serif; color:var(--hb-texto); background:#fff; }
.hbs *{ box-sizing:border-box; }
.hbs h1,.hbs h2,.hbs h3,.hbs h4{ font-family:'Poppins',sans-serif !important; color:var(--hb-titulo); margin:0; }
.hbs p{ margin:0; line-height:1.65; }
.hbs svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.hbs-hero{ position:relative; background:linear-gradient(100deg,rgba(8,32,44,.92) 0%,rgba(8,32,44,.72) 55%,rgba(23,120,140,.45) 100%),url(/wp-content/uploads/2020/09/hidraulica.jpg) center/cover; padding:110px 24px 120px; }
.hbs-hero::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:5px; background:var(--hb-grad); }
.hbs-hero-in{ max-width:1140px; margin:0 auto; }
.hbs-hero h1{ color:#fff !important; font-size:clamp(30px,4.4vw,52px); line-height:1.12; font-weight:700; max-width:760px; letter-spacing:-.5px; }
.hbs-hero h1 em{ font-style:normal; background:linear-gradient(90deg,#7ee07a,#5ad6e6); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hbs-hero p{ color:rgba(255,255,255,.86); font-size:17px; max-width:640px; margin-top:18px; }
.hbs-tag{ display:inline-block; color:#bff3f7; font-size:12.5px; font-weight:600; letter-spacing:1.2px; text-transform:uppercase; border:1px solid rgba(255,255,255,.25); border-radius:999px; padding:6px 14px; margin-bottom:20px; }
.hbs-bts{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.hbs-bt{ display:inline-flex; align-items:center; gap:8px; background:var(--hb-grad); color:#fff !important; font-family:'Poppins',sans-serif; font-weight:600; font-size:14.5px; padding:13px 22px; border-radius:10px; text-decoration:none !important; box-shadow:0 8px 20px rgba(31,169,184,.3); transition:transform .15s; }
.hbs-bt:hover{ transform:translateY(-1px); }
.hbs-bt svg{ width:17px; height:17px; }
.hbs-bt-sec{ background:rgba(255,255,255,.1); box-shadow:none; border:1px solid rgba(255,255,255,.35); }
.hbs-bt-branco{ background:var(--hb-grad); color:#fff !important; }
.hbs-nums{ max-width:1140px; margin:-46px auto 0; position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid var(--hb-borda); border-radius:14px; box-shadow:0 14px 34px rgba(15,40,60,.10); }
.hbs-nums div{ padding:24px 22px; border-left:1px solid var(--hb-borda); }
.hbs-nums div:first-child{ border-left:0; }
.hbs-nums b{ display:block; font-family:'Poppins',sans-serif; font-size:28px; font-weight:700; background:var(--hb-grad); -webkit-background-clip:text; background-clip:text; color:transparent; line-height:1.15; }
.hbs-nums span{ font-size:13.5px; color:#64748b; }
.hbs-sec{ padding:84px 24px; }
.hbs-sec > *{ max-width:1140px; margin-left:auto; margin-right:auto; }
.hbs-claro{ background:var(--hb-fundo); }
.hbs-tit{ margin-bottom:40px; }
.hbs-tit h2{ font-size:clamp(26px,3vw,36px); font-weight:700; }
.hbs-tit h2::after{ content:''; display:block; width:56px; height:4px; border-radius:4px; background:var(--hb-grad); margin-top:14px; }
.hbs-tit p{ margin-top:14px; max-width:640px; }
.hbs-eyebrow{ display:block; color:var(--hb-verde); font-size:12.5px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; margin-bottom:8px; }
.hbs-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.hbs-card{ background:#fff; border:1px solid var(--hb-borda); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s, transform .2s; }
.hbs-card:hover{ box-shadow:0 16px 34px rgba(15,40,60,.12); transform:translateY(-3px); }
.hbs-img{ aspect-ratio:4/3; overflow:hidden; background:#e2e8f0; }
.hbs-img img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:0 !important; }
.hbs-txt{ padding:20px 20px 22px; }
.hbs-txt h3{ font-size:18px; font-weight:600; margin-bottom:8px; }
.hbs-txt p{ font-size:14px; }
.hbs-txt ul{ list-style:none; margin:14px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.hbs-txt li{ font-size:12px; font-weight:500; color:#0f5f6c; background:#e7f6f8; border-radius:8px; padding:4px 10px; margin:0; }
.hbs-card-cta{ background:linear-gradient(150deg,#12384a,#0f5f6c); border:0; justify-content:center; }
.hbs-card-cta .hbs-txt{ padding:28px 24px; }
.hbs-card-cta svg{ width:34px; height:34px; color:#5ad6e6; margin-bottom:14px; }
.hbs-card-cta h3{ color:#fff !important; font-size:20px; }
.hbs-card-cta p{ color:rgba(255,255,255,.8); margin-bottom:20px; }
.hbs-sol{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.hbs-sol div{ background:#fff; border:1px solid var(--hb-borda); border-radius:14px; padding:26px 22px; }
.hbs-sol b{ display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:12px; background:var(--hb-grad); color:#fff; font-family:'Poppins',sans-serif; font-size:16px; margin-bottom:16px; }
.hbs-sol p{ color:var(--hb-titulo); font-weight:500; font-size:15px; }
.hbs-gal{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.hbs-gal figure{ margin:0; border-radius:14px; overflow:hidden; position:relative; aspect-ratio:1/1; background:#0f2a36; }
.hbs-gal img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:0 !important; transition:transform .4s; }
.hbs-gal figure:hover img{ transform:scale(1.05); }
.hbs-gal figcaption{ position:absolute; left:0; right:0; bottom:0; padding:40px 16px 14px; color:#fff; font-size:13.5px; font-weight:500; line-height:1.4; background:linear-gradient(transparent,rgba(8,32,44,.88)); }
.hbs-escuro{ background:linear-gradient(150deg,#0d2c3a 0%,#0f4655 60%,#0e5a6a 100%); }
.hbs-escuro h2{ color:#fff !important; }
.hbs-escuro .hbs-eyebrow{ color:#7ee07a; }
.hbs-porque{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.hbs-porque div{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:24px 20px; }
.hbs-porque svg{ color:#5ad6e6; width:30px; height:30px; margin-bottom:14px; }
.hbs-porque h4{ color:#fff !important; font-size:16px; font-weight:600; margin-bottom:8px; }
.hbs-porque p{ color:rgba(255,255,255,.72); font-size:13.5px; }
.hbs-logos{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.hbs-logos img{ width:100%; height:86px; object-fit:contain; background:#fff; border:1px solid var(--hb-borda); border-radius:12px !important; padding:14px 18px; filter:grayscale(1); opacity:.8; transition:filter .2s, opacity .2s; }
.hbs-logos img:hover{ filter:none; opacity:1; }
.hbs-cta{ background:linear-gradient(120deg,#0d2c3a 0%,#0f4655 60%,#0e5a6a 100%); border-top:4px solid transparent; border-image:var(--hb-grad) 1; padding:56px 24px; display:flex; flex-wrap:wrap; gap:24px; align-items:center; justify-content:space-between; }
.hbs-cta > div:first-child{ max-width:560px; }
.hbs-cta h2{ color:#fff !important; font-size:clamp(24px,3vw,34px); font-weight:700; }
.hbs-cta p{ color:rgba(255,255,255,.92); margin-top:6px; }
.hbs-cta .hbs-bts{ margin-top:0; }
@media (min-width:1200px){ .hbs-cta{ padding-left:calc((100% - 1140px)/2); padding-right:calc((100% - 1140px)/2); } }
@media (max-width:1024px){ .hbs-grid,.hbs-sol{ grid-template-columns:repeat(2,1fr); } .hbs-porque{ grid-template-columns:repeat(2,1fr); } .hbs-nums{ grid-template-columns:repeat(2,1fr); margin:-40px 16px 0; } .hbs-nums div:nth-child(3){ border-left:0; } .hbs-nums div:nth-child(n+3){ border-top:1px solid var(--hb-borda); } .hbs-logos{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .hbs-hero{ padding:70px 18px 90px; } .hbs-sec{ padding:60px 16px; } .hbs-grid,.hbs-sol,.hbs-porque{ grid-template-columns:1fr; } .hbs-gal{ grid-template-columns:repeat(2,1fr); gap:12px; } .hbs-gal figcaption{ font-size:12px; padding:30px 10px 10px; } .hbs-logos{ grid-template-columns:repeat(2,1fr); } .hbs-cta{ padding:44px 18px; } }
@media (max-width:959px){ #site-logo #site-logo-inner a img.custom-logo{ height:34px !important; } }
@media (max-width:640px){
  #site-logo #site-logo-inner a img.custom-logo{ height:30px !important; }
  .hbs-nums b{ font-size:23px; }
  .hbs-gal figure:last-child:nth-child(odd){ grid-column:span 2; aspect-ratio:2/1; }
  .hbs-tag{ font-size:11px; letter-spacing:.8px; }
}

/* ===== Página Sobre nós (uploads/hidrabol-visual/sobre/sobre.html) ===== */
.hbs-hero-sobre{ background:linear-gradient(100deg,rgba(8,32,44,.93) 0%,rgba(8,32,44,.75) 55%,rgba(23,120,140,.4) 100%),url(/wp-content/uploads/2020/01/banner-01.jpg) center/cover; }
.hbs-duas{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }
.hbs-duas-inv{ grid-template-columns:.85fr 1.15fr; }
.hbs-h2{ font-size:clamp(26px,3vw,36px) !important; font-weight:700; line-height:1.2; margin-bottom:22px !important; }
.hbs-h2::after{ content:''; display:block; width:56px; height:4px; border-radius:4px; background:var(--hb-grad); margin-top:14px; }
.hbs-duas p + p{ margin-top:14px; }
.hbs-foto{ border-radius:16px; overflow:hidden; aspect-ratio:4/4.3; box-shadow:0 18px 40px rgba(15,40,60,.16); position:relative; }
.hbs-foto::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:5px; background:var(--hb-grad); }
.hbs-foto img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:0 !important; }
.hbs-check{ list-style:none; margin:22px 0 0; padding:0; }
.hbs-check li{ position:relative; padding-left:30px; margin:0 0 10px; color:var(--hb-titulo); font-weight:500; font-size:15px; }
.hbs-check li::before{ content:''; position:absolute; left:0; top:2px; width:20px; height:20px; border-radius:6px; background:var(--hb-grad) ; }
.hbs-check li::after{ content:''; position:absolute; left:7px; top:6px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.hbs-mv{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.hbs-mv-card{ background:#fff; border:1px solid var(--hb-borda); border-radius:16px; padding:32px 30px; position:relative; overflow:hidden; }
.hbs-mv-card::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:5px; background:var(--hb-grad); }
.hbs-mv-card svg{ width:40px; height:40px; color:#1FA9B8; margin-bottom:14px; }
.hbs-mv-card h3{ font-size:22px; font-weight:700; margin-bottom:10px; }
.hbs-tit-valores{ margin:64px auto 28px !important; }
.hbs-valores{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.hbs-valores div{ background:#fff; border:1px solid var(--hb-borda); border-radius:14px; padding:22px 18px; text-align:center; }
.hbs-valores b{ display:block; font-family:'Poppins',sans-serif; font-size:16px; font-weight:600; color:var(--hb-titulo); margin-bottom:6px; }
.hbs-valores b::before{ content:''; display:block; width:36px; height:36px; margin:0 auto 12px; border-radius:50%; background:var(--hb-grad); box-shadow:0 0 0 6px #e7f6f8; }
.hbs-valores span{ font-size:13.5px; color:#64748b; line-height:1.5; }
.hbs-escuro .hbs-h2{ color:#fff !important; }
.hbs-dif{ display:grid; gap:14px; }
.hbs-dif > div{ display:flex; gap:16px; align-items:flex-start; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:18px 20px; }
.hbs-dif b{ flex:none; display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:12px; background:var(--hb-grad); color:#fff; font-family:'Poppins',sans-serif; font-size:15px; }
.hbs-dif h4{ color:#fff !important; font-size:16px; font-weight:600; margin-bottom:4px !important; }
.hbs-dif p{ color:rgba(255,255,255,.75); font-size:14px; }
@media (max-width:1024px){ .hbs-duas,.hbs-duas-inv{ grid-template-columns:1fr; gap:32px; } .hbs-duas-inv .hbs-foto{ order:2; } .hbs-foto{ aspect-ratio:4/3; } .hbs-valores{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .hbs-mv{ grid-template-columns:1fr; } .hbs-valores{ grid-template-columns:1fr 1fr; } .hbs-valores div:last-child{ grid-column:span 2; } .hbs-mv-card{ padding:26px 22px; } }