/* =====================================================================
   Império Gases — CSS reconstruído a partir do site renderizado.
   Valores medidos via navegador headless (estilos computados) em
   imperiogases.com.br (tema Blocksy + Elementor).
   ===================================================================== */
:root{
  --gold:       #FDD701;  /* faixa "sobre", botões de card, form box   */
  --gold-deep:  #DBB81D;  /* títulos de seção, divisores, botão do hero */
  --black:      #000000;
  --ink:        #111111;
  --white:      #FFFFFF;
  --grey-soc:   #333333;  /* fundo dos ícones sociais no rodapé        */
  --border-bot: #EAEAEA;  /* borda da barra de copyright               */
  --wa-green:   #25D366;

  --f-head: "Figtree", sans-serif;
  --f-body: "Poppins", sans-serif;
  --f-sub:  "League Spartan", sans-serif;
  --f-btn:  "Roboto", sans-serif;
  --f-field:"DM Sans", sans-serif;
  --f-submit:"Plus Jakarta Sans", sans-serif;

  --container: 1140px;   /* --container-max-width do Elementor Kit */
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--white);color:var(--ink);
  font-family:var(--f-body);font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3{margin:0 0 .4em;}
p{margin:0 0 1em;line-height:1.65;}
:focus-visible{outline:3px solid var(--gold-deep);outline-offset:2px;}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important;}}

/* ===== Botões ===== */
.btn{
  display:inline-block;font-family:var(--f-btn);font-weight:500;
  background:var(--gold);color:#070707;
  border-radius:12px;padding:.7em 1.4em;font-size:1rem;
  transition:transform .15s ease,filter .15s ease;
}
.btn:hover{filter:brightness(.93);transform:translateY(-1px);}
.btn--gold-deep{background:var(--gold-deep);color:#000;border-radius:8px;
  font-size:.95rem;letter-spacing:.02em;padding:.75em 1.5em;}

/* Ícone quadrado dourado (topbar / endereço) */
.icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;flex-shrink:0;
  background:var(--gold);color:#000;border-radius:8px;font-size:1rem;
  transition:filter .15s ease;
}
.icon-btn:hover{filter:brightness(.9);}

/* ===== HEADER (fixo, sobreposto ao vídeo) ===== */
.site-header{position:fixed;top:0;left:0;right:0;z-index:999;transition:background .25s ease;}

/* Estado ao rolar a página: topbar recolhe, navbar ganha fundo sólido
   para o menu continuar legível sobre qualquer conteúdo por trás. */
.site-header.is-scrolled .topbar{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;border-bottom:0;}
.site-header.is-scrolled .navbar{background:var(--black);padding-top:6px;padding-bottom:6px;box-shadow:0 6px 18px rgba(0,0,0,.25);}
.site-header.is-scrolled .logo img{height:4.2rem;}

/* Páginas internas: sem vídeo atrás, header sempre sólido desde o início */
.site-header--solid .navbar{background:var(--black);}
.site-header--solid .topbar{border-bottom:1px solid var(--gold);}

.topbar{background:var(--black);border-bottom:1px solid var(--gold);padding-top:5px;transition:max-height .25s ease,padding .25s ease;}
.topbar__inner{
  width:89%;max-width:1400px;margin:0 auto;min-height:50px;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.topbar__contacts{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.topbar__contacts a{
  font-family:var(--f-body);font-size:.8rem;font-weight:500;color:var(--gold);
  background:var(--black);border-radius:10px;
}
.topbar__contacts a:hover{color:var(--white);}
.topbar__icons{display:flex;align-items:center;gap:20px;}

.navbar{padding-top:10px;background:transparent;transition:background .25s ease,padding .25s ease;}
.navbar__inner{
  width:90%;max-width:1400px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
}
.logo img{height:6.5rem;width:auto;object-fit:contain;transition:height .25s ease;}

.nav{display:flex;align-items:center;gap:10px;}
.nav__link{
  display:block;padding:.6rem 1rem;
  font-family:var(--f-body);font-weight:500;font-size:1rem;color:var(--white);
  transition:color .2s ease;
}
.nav__link:hover{color:var(--gold);}
.nav__item{position:relative;}
.dropdown{
  position:absolute;top:60%;left:0;margin-top:12px;
  background:var(--black);min-width:250px;border-radius:10px;padding:.5rem 0;
  box-shadow:0 12px 24px rgba(0,0,0,.35);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease;
}
.nav__item:hover .dropdown,.nav__item:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;color:var(--white);}
.dropdown a:hover{color:var(--gold);}

.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;}
.nav__toggle span{width:26px;height:2px;background:var(--white);}

/* ===== HERO — vídeo de fundo + overlay preto + carrossel ===== */
.hero{position:relative;min-height:85vh;overflow:hidden;background:#000;}
.hero__slide{
  position:absolute;inset:0;display:flex;align-items:center;
  opacity:0;visibility:hidden;transition:opacity .8s ease;
}
.hero__slide.is-active{opacity:1;visibility:visible;position:relative;min-height:85vh;}
.hero__video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:0;
}
.hero__overlay{position:absolute;inset:0;background:#000;z-index:1;}
.hero__content{
  position:relative;z-index:2;
  width:90%;max-width:var(--container);margin:0 auto;
  display:flex;flex-direction:column;gap:30px;
}
.hero__content h1{
  font-family:var(--f-head);font-size:2rem;font-weight:600;line-height:1.3;
  color:var(--white);max-width:61%;
  text-shadow:0 0 14px rgba(0,0,0,.3);margin:0;
}
.hero__content p{
  font-family:var(--f-body);font-weight:500;color:var(--white);
  max-width:38%;text-shadow:0 0 12px rgba(0,0,0,.3);margin:0;
}
.hero__content .btn{align-self:flex-start;}
.hero__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  background:none;border:none;cursor:pointer;color:var(--white);font-size:25px;
  padding:1rem;opacity:.85;transition:opacity .2s ease;
}
.hero__arrow:hover{opacity:1;}
.hero__arrow--prev{left:.5rem;}
.hero__arrow--next{right:.5rem;}

/* ===== BLOCOS DE PRODUTO ===== */
.block{padding:60px 0 30px;}
.block__head{text-align:center;margin-bottom:1.5rem;}
.block__head h2{
  font-family:var(--f-body);font-size:2.45rem;font-weight:500;
  color:var(--gold-deep);margin:0;
}
.divider{
  display:block;width:34%;max-width:420px;height:0;
  border-top:2px solid var(--gold-deep);
  margin:-8px auto 0;
}
.divider--sm{width:70px;margin:.4rem 0 1rem;}

/* Carrossel de cards */
.carousel{
  position:relative;width:85%;max-width:1200px;margin:0 auto;
  display:flex;align-items:center;gap:.5rem;
}
.carousel__viewport{overflow:hidden;flex:1;}
.carousel__track{
  display:flex;gap:10px;
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
.carousel__arrow{
  background:none;border:none;cursor:pointer;color:var(--black);
  font-size:22px;padding:.75rem .4rem;flex-shrink:0;
  transition:opacity .2s ease;
}
.carousel__arrow:disabled{opacity:.25;cursor:default;}

.card{
  flex:0 0 calc((100% - 30px)/4);
  min-height:500px;
  display:flex;flex-direction:column;justify-content:space-between;gap:20px;
  padding:0 10px;position:relative;
}
.card__img{height:260px;display:flex;align-items:center;justify-content:center;position:relative;}
.card__img img{max-width:100%;height:260px;object-fit:contain;object-position:center;}
.card__grade{
  position:absolute;top:0;right:0;background:var(--black);color:var(--gold);
  font-family:var(--f-body);font-size:.72rem;font-weight:600;
  padding:.3em .6em;border-radius:8px;
}
.card h3{
  font-family:var(--f-body);font-size:1.5rem;font-weight:500;color:#000;
  text-align:center;margin:0;
}
.card p{
  font-family:var(--f-body);font-weight:500;font-size:.9rem;color:#000;
  text-align:center;margin:0;flex:1;
}
.card .btn{align-self:center;font-size:.9rem;padding:.55em 1.1em;}

/* ===== SOBRE — faixa dourada arredondada ===== */
.about{padding:70px 0 0;}
.about__inner{
  width:100%;min-height:72vh;background:var(--gold);border-radius:30px;
  display:flex;align-items:center;justify-content:center;gap:60px;
  padding:2rem 0;
}
.about__media{flex:0 0 auto;max-width:55%;}
.about__media img{
  width:100%;height:330px;object-fit:fill;border-radius:30px;
}
.about__copy{flex:0 0 35%;}
.about__copy h2{
  font-family:var(--f-head);font-size:1.7rem;font-weight:600;color:var(--ink);margin:0 0 .6rem;
}
.about__copy p{
  font-family:var(--f-sub);font-size:1.2rem;font-weight:500;color:var(--ink);margin:0;
}

/* ===== FALE CONOSCO ===== */
.contact{padding:50px 40px;}
.contact__inner{
  max-width:1240px;margin:0 auto;min-height:300px;
  display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;
}
.contact__info{flex:1 1 480px;margin-left:40px;}
.contact__info h2{
  font-family:var(--f-head);font-size:2.5rem;font-weight:600;color:var(--ink);margin:0 0 .5rem;
}
.contact__info p{
  font-family:var(--f-body);font-weight:500;color:var(--ink);max-width:595px;
}
.contact__address{display:flex;align-items:flex-start;gap:.9rem;max-width:384px;}
.contact__address span{font-family:var(--f-body);font-size:.9rem;color:#000;line-height:1.5;}

.contact__formbox{
  flex:1 1 420px;background:var(--gold);border-radius:18px;padding:20px;
}
.contact__formbox form{display:flex;flex-direction:column;gap:14px;}
.field-row{display:flex;gap:13px;flex-wrap:wrap;}
.field-row .field{flex:1 1 45%;}
.field{display:flex;flex-direction:column;gap:.35rem;}
.field > span{font-family:var(--f-body);font-size:.9rem;font-weight:500;color:var(--ink);}
.field > span b{color:#c0392b;font-weight:500;}
.field input,.field textarea{
  font-family:var(--f-field);font-size:16px;line-height:24px;font-weight:400;
  color:#000;background:var(--white);
  border:0;border-radius:7px;padding:.6em .8em;width:100%;
}
.field input::placeholder,.field textarea::placeholder{color:#9a9a9a;}
.field input:focus,.field textarea:focus{outline:2px solid var(--ink);}
.field--captcha input{max-width:140px;}
.hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden;}

.form-submit{
  align-self:flex-start;cursor:pointer;
  font-family:var(--f-submit);font-size:15px;font-weight:600;line-height:21px;
  background:var(--white);color:var(--ink);
  border:none;border-radius:10px;padding:10px 15px;
  display:inline-flex;align-items:center;gap:15px;
  transition:color .2s ease;
}
.form-submit:hover{color:var(--gold-deep);}
.form-status{
  font-family:var(--f-body);font-size:1rem;font-weight:500;color:#000;
  margin:0;min-height:1.2em;
}
.form-status.is-error{color:#7a1c14;}

.contact__map{max-width:1240px;margin:2rem auto 0;padding:0 40px;}
.contact__map iframe{width:100%;height:50vh;border:0;border-radius:30px;}

/* ===== RODAPÉ ===== */
.site-footer{position:relative;background:var(--black);color:var(--white);padding-top:42px;}
.footer-shape{position:absolute;top:0;left:0;width:100%;line-height:0;z-index:2;pointer-events:none;}
.footer-shape svg{width:calc(101% + 1.3px);height:38px;display:block;}

.site-footer__inner{
  width:85%;max-width:var(--container);margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;
  padding:2rem 0;
}
.footer-col--logo img{height:32vh;max-height:260px;width:auto;margin:0 auto 9px;}
.footer-col h3{
  font-family:var(--f-body);font-size:24px;font-weight:400;line-height:1.3em;
  color:var(--white);margin:0;
}
.icon-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;}
.icon-list li{display:flex;align-items:center;gap:6px;
  font-family:var(--f-body);font-size:15px;font-weight:400;color:var(--white);}
.icon-list i{font-size:14px;color:var(--white);width:16px;text-align:center;}
.icon-list a:hover{color:var(--gold-deep);}

.social{display:flex;gap:9px;margin-bottom:1rem;}
.social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;
  background:var(--grey-soc);color:var(--white);font-size:20px;
  transition:background .2s ease;
}
.social a:hover{background:var(--gold-deep);}
.footer-regions{
  font-family:var(--f-body);font-size:15px;line-height:1.7em;color:var(--white);margin:0;
}

.site-footer__bottom{
  width:85%;max-width:var(--container);margin:0 auto;min-height:60px;
  border-top:1px solid var(--border-bot);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-family:var(--f-body);font-size:15px;font-weight:700;color:var(--white);
}

/* ===== FAB WhatsApp (verde, como o plugin Click to Chat) ===== */
.fab-whatsapp{
  position:fixed;right:1.5rem;bottom:1.5rem;z-index:100;
  width:56px;height:56px;border-radius:50%;
  background:var(--wa-green);color:var(--white);font-size:30px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  transition:transform .2s ease;
}
.fab-whatsapp:hover{transform:scale(1.06);}

/* ===== PÁGINAS INTERNAS ===== */
.page-hero{
  background:var(--black);padding:calc(6.5rem + 90px) 1.25rem 3.5rem;
  border-bottom:4px solid var(--gold-deep);
}
.page-hero__inner{width:90%;max-width:var(--container);margin:0 auto;text-align:center;}
.page-hero h1{
  font-family:var(--f-body);font-size:2.45rem;font-weight:500;color:var(--gold-deep);margin:0;
}
.page-hero p{font-family:var(--f-body);color:var(--white);font-weight:400;margin-top:1rem;}
.page-hero__brand-logo{max-height:60px;margin:0 auto 1.5rem;}
.page-hero .divider{margin-top:0;}

.fispq-grid,.gaiolas-grid{
  width:85%;max-width:var(--container);margin:0 auto;padding:3.5rem 0 5rem;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;
}
.fispq-card{
  background:var(--white);border:1px solid #EEE;border-radius:12px;
  padding:1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
}
.fispq-card__name{font-family:var(--f-body);font-weight:500;font-size:1rem;color:#000;}
.fispq-card .btn{font-size:.8rem;padding:.5em 1em;flex-shrink:0;}

.gaiola-card{
  background:var(--white);border:1px solid #EEE;border-radius:12px;
  padding:1.6rem;display:flex;flex-direction:column;gap:.9rem;align-items:center;text-align:center;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
}
.gaiola-card__cap{
  font-family:var(--f-body);font-weight:700;font-size:1.6rem;color:#000;
  background:var(--gold);width:60px;height:60px;
  display:flex;align-items:center;justify-content:center;border-radius:12px;
}
.gaiola-card h3{font-family:var(--f-body);font-weight:500;font-size:1.1rem;color:#000;margin:0;}
.gaiola-card p{font-family:var(--f-body);font-size:.9rem;color:#333;margin:0;flex:1;}

.legal{width:85%;max-width:72ch;margin:0 auto;padding:4rem 0 6rem;}
.legal h2{font-family:var(--f-body);font-size:1.3rem;font-weight:500;color:var(--gold-deep);margin-top:2rem;}
.legal p{font-family:var(--f-body);color:#333;}

/* ===== RESPONSIVO ===== */
@media (max-width:1024px){
  .card{flex:0 0 calc((100% - 10px)/2);}
  .about__inner{flex-direction:column;gap:0;padding:50px;}
  .about__media,.about__copy{flex:1 1 100%;max-width:100%;}
  .about__media img{height:427px;}
  .contact__map iframe{height:50vh;}
}
@media (max-width:900px){
  .nav{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--black);flex-direction:column;align-items:stretch;
    padding:1rem;gap:0;border-radius:0 0 12px 12px;
  }
  .nav.is-open{display:flex;}
  .nav__toggle{display:flex;}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;
    margin-top:0;box-shadow:none;background:#111;border-radius:0;}
  .hero__content h1,.hero__content p{max-width:100%;}
  .contact__inner{flex-direction:column;}
  .contact__info{margin-left:0;}
  .site-footer__inner{grid-template-columns:1fr;text-align:center;}
  .footer-col--logo img{height:15vh;}
  .divider--sm{margin-left:auto;margin-right:auto;}
  .icon-list li{justify-content:center;}
  .social{justify-content:center;}
}
@media (max-width:767px){
  .card{flex:0 0 100%;}
  .hero,.hero__slide.is-active{min-height:80vh;}
  .hero__content h1{font-size:1.6rem;line-height:34px;}
  .logo img{height:4.5rem;}
  .contact{padding:40px 1.25rem;}
  .contact__map{padding:0 1.25rem;}
  .block__head h2,.page-hero h1{font-size:1.9rem;}
  .divider{width:60%;}
}