@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');/* Poppins Font Import - Google Fonts (Normal + Italic) */


:root {
  --primary:#284790;
  --primary-200:#009fe3;
  --primary-600:#014694;
  --gray:#706f6f;
  --green:#afcb08;
  --danger:#dc3545;
  --body-font-family:'Poppins',
  -apple-system,
  BlinkMacSystemFont,
  'Segoe UI',
  sans-serif;
  --body-font-size:1rem;
  --black:#000;
  --white:#fff;
  --max-wrapper-width:1920px;
  --max-width:100%
}

/* Poppins Bold (700) para elementos em negrito */
b, strong, .font-weight-bold, .fw-bold {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700 !important;
}

/* Títulos principais usando Poppins com pesos ajustados */
h1, h2, h3, .title, .heading {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
}

h1, .h1 {
  font-weight: 700; /* Bold ao invés de Black */
}

h2, .h2 {
  font-weight: 700; /* Bold */
}

h3, .h3 {
  font-weight: 600; /* SemiBold */
}

/* Textos regulares */
p, span, div, .text-regular {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400; /* Regular */
}

/* Elementos em itálico mantêm a hierarquia de pesos */
em, i, .italic {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: italic;
}

/* Itálico com diferentes pesos */
em.bold, i.bold, .italic.bold {
  font-weight: 700;
  font-style: italic;
}

em.black, i.black, .italic.black {
  font-weight: 700; /* Também usando 700 ao invés de 900 */
  font-style: italic;
}

*,
  ::after,
  ::before {
  box-sizing:border-box
}
:focus {
  outline:0
}
html {
  font-family:sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent
}
body {
  margin:0;
  overflow-x:hidden;
  color:#000;
  font-family:var(--body-font-family);
  font-size:var(--body-font-size);
  font-smooth:always;
  font-weight:400;
  line-height:1.2;
  text-align:left;
  background-color:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
article,
  aside,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section {
  display:block
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline:0!important
}
hr {
  height:0;
  box-sizing:content-box;
  overflow:visible
}
h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
  margin-top:0;
  margin-bottom:0
}
dl,
  ol,
  ul {
  margin:0;
  padding-left:0;
  list-style:none
}
b,
  strong {
  font-weight:700
}
a {
  text-decoration:none;
  cursor:pointer
}
a:hover {
  text-decoration:none
}
button {
  border-radius:0;
  cursor:pointer
}
button:focus {
  outline:0 none
}
button,
  input,
  select,
  textarea {
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}
button,
  input {
  overflow:visible
}
button,
  select {
  text-transform:none
}
[role=button] {
  cursor:pointer
}
select {
  word-wrap:normal
}
[type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner,
  button::-moz-focus-inner {
  padding:0;
  border-style:none
}
textarea {
  overflow:auto;
  resize:vertical
}
[type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  outline-offset:-2px;
  -webkit-appearance:none
}
[hidden] {
  display:none!important
}
html {
  scroll-behavior:smooth
}
input[type=number] {
  -moz-appearance:textfield
}
input::-webkit-inner-spin-button,
  input::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
.site-main {
  position:relative;
  max-width:100%;
  margin:0 auto
}
.wrapper {
  max-width:1920px;
  margin-right:auto;
  margin-left:auto;
  padding-right:clamp(1rem,
  8.0259vw + -.8811rem,
  8.75rem);
  padding-left:clamp(1rem,
  8.0259vw + -.8811rem,
  8.75rem)
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,
  0,
  0,
  0);
  clip-path:insert(50%);
  white-space:nowrap;
  border:0
}
.spin {
  animation:spin 2s linear infinite
}
.pulse {
  animation:spin 1s steps(8) infinite
}
@-moz-keyframes spin {
  0% {
  transform:rotate(0)
}
100% {
  transform:rotate(1turn)
}

}
@-webkit-keyframes spin {
  0% {
  transform:rotate(0)
}
100% {
  transform:rotate(1turn)
}

}
@-o-keyframes spin {
  0% {
  transform:rotate(0)
}
100% {
  transform:rotate(1turn)
}

}
@keyframes spin {
  0% {
  transform:rotate(0)
}
100% {
  transform:rotate(1turn)
}

}
@-moz-keyframes open-first-bar {
  0% {
  top:50%;
  transform:translateY(-50%) rotate(45deg)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:100%;
  transform:translateY(-100%)
}

}
@-webkit-keyframes open-first-bar {
  0% {
  top:50%;
  transform:translateY(-50%) rotate(45deg)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:100%;
  transform:translateY(-100%)
}

}
@-o-keyframes open-first-bar {
  0% {
  top:50%;
  transform:translateY(-50%) rotate(45deg)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:100%;
  transform:translateY(-100%)
}

}
@keyframes open-first-bar {
  0% {
  top:50%;
  transform:translateY(-50%) rotate(45deg)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:100%;
  transform:translateY(-100%)
}

}
@-moz-keyframes open-second-bar {
  0%,
  50% {
  top:50%;
  transform:translateY(-50%);
  opacity:0
}
100%,
  51% {
  top:50%;
  transform:translateY(-50%);
  opacity:1
}

}
@-webkit-keyframes open-second-bar {
  0%,
  50% {
  top:50%;
  transform:translateY(-50%);
  opacity:0
}
100%,
  51% {
  top:50%;
  transform:translateY(-50%);
  opacity:1
}

}
@-o-keyframes open-second-bar {
  0%,
  50% {
  top:50%;
  transform:translateY(-50%);
  opacity:0
}
100%,
  51% {
  top:50%;
  transform:translateY(-50%);
  opacity:1
}

}
@keyframes open-second-bar {
  0%,
  50% {
  top:50%;
  transform:translateY(-50%);
  opacity:0
}
100%,
  51% {
  top:50%;
  transform:translateY(-50%);
  opacity:1
}

}
@-moz-keyframes open-third-bar {
  0% {
  top:50%;
  transform:translateY(-50%) rotate(-45deg)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:0;
  transform:translateY(0)
}

}
@-webkit-keyframes open-third-bar {
  0% {
  top:50%;
  transform:translateY(-50%) rotate(-45deg)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:0;
  transform:translateY(0)
}

}
@-o-keyframes open-third-bar {
  0% {
  top:50%;
  transform:translateY(-50%) rotate(-45deg)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:0;
  transform:translateY(0)
}

}
@keyframes open-third-bar {
  0% {
  top:50%;
  transform:translateY(-50%) rotate(-45deg)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:0;
  transform:translateY(0)
}

}
@-moz-keyframes close-first-bar {
  0% {
  top:100%;
  transform:translateY(-100%)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:58%;
  transform:translateY(-100%) rotate(45deg)
}

}
@-webkit-keyframes close-first-bar {
  0% {
  top:100%;
  transform:translateY(-100%)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:58%;
  transform:translateY(-100%) rotate(45deg)
}

}
@-o-keyframes close-first-bar {
  0% {
  top:100%;
  transform:translateY(-100%)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:58%;
  transform:translateY(-100%) rotate(45deg)
}

}
@keyframes close-first-bar {
  0% {
  top:100%;
  transform:translateY(-100%)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:58%;
  transform:translateY(-100%) rotate(45deg)
}

}
@-moz-keyframes close-second-bar {
  0%,
  50% {
  top:50%;
  transform:translateY(-50%);
  opacity:1
}
100%,
  51% {
  top:50%;
  transform:translateY(-50%);
  opacity:0
}

}
@-webkit-keyframes close-second-bar {
  0%,
  50% {
  top:50%;
  transform:translateY(-50%);
  opacity:1
}
100%,
  51% {
  top:50%;
  transform:translateY(-50%);
  opacity:0
}

}
@-o-keyframes close-second-bar {
  0%,
  50% {
  top:50%;
  transform:translateY(-50%);
  opacity:1
}
100%,
  51% {
  top:50%;
  transform:translateY(-50%);
  opacity:0
}

}
@keyframes close-second-bar {
  0%,
  50% {
  top:50%;
  transform:translateY(-50%);
  opacity:1
}
100%,
  51% {
  top:50%;
  transform:translateY(-50%);
  opacity:0
}

}
@-moz-keyframes close-third-bar {
  0% {
  top:0;
  transform:translateY(0)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:44%;
  transform:translateY(0) rotate(-45deg)
}

}
@-webkit-keyframes close-third-bar {
  0% {
  top:0;
  transform:translateY(0)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:44%;
  transform:translateY(0) rotate(-45deg)
}

}
@-o-keyframes close-third-bar {
  0% {
  top:0;
  transform:translateY(0)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:44%;
  transform:translateY(0) rotate(-45deg)
}

}
@keyframes close-third-bar {
  0% {
  top:0;
  transform:translateY(0)
}
50% {
  top:50%;
  transform:translateY(-50%)
}
100% {
  top:44%;
  transform:translateY(0) rotate(-45deg)
}

}
.d-none {
  display:none!important
}
.site-footer {
  padding-top:5.875rem;
  padding-bottom:3rem
}
.site-footer .site-footer__brand {
  width:clamp(8.375rem,
  10.0971vw + 6.0085rem,
  18.125rem);
  flex:0 0 auto
}
.site-footer .site-footer__brand svg {
  width:100%;
  height:100%
}
.site-footer .site-footer__items {
  padding-top:1rem;
  padding-bottom:1rem
}
.site-footer .site-footer__items:before {
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  display:block;
  margin-left:-1.375rem;
  width:.0625rem;
  background-color:var(--primary)
}
.site-footer .site-footer__items ul {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem 2.5rem
}
.site-footer .site-footer__items a {
  display:flex;
  align-items:center;
  gap:.625rem;
  color:var(--gray);
  font-size:1.1rem;
  letter-spacing:.01em;
  transition:color 250ms
}
.site-footer .site-footer__items a:hover {
  color:var(--primary)
}
.site-footer .site-footer__items a:hover svg path {
  fill:#009fe3
}
.site-footer .site-footer__items a svg {
  flex:0 0 auto;
  width:1.310344827586207em
}
.site-footer .site-footer__items a svg path {
  transition:fill 250ms
}
.site-footer .wrapper {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2.8125rem
}
.site-header {
  position:fixed;
  z-index:1020;
  width:100%;
  padding-top:.75rem;
  padding-bottom:.75rem;
  background-color:var(--white)
}
.site-header .site-header__brand {
  flex:0 0 auto;
  width:clamp(8.8125rem,
  .6472vw + 8.6608rem,
  9.4375rem)
}
.site-header .site-header__brand img {
  width:100%;
  height:auto
}
.site-header .site-header__navbar.is-open {
  transition-delay:0s;
  transition-duration:.4s;
  transition-timing-function:cubic-bezier(.175,
  .885,
  .32,
  1.275);
  transform:scale3d(1,
  1,
  1)
}
.site-header .wrapper {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.main-menu .menu {
  display:flex;
  column-gap:clamp(2.5rem,
  1.2945vw + 2.1966rem,
  3.75rem)
}
.main-menu .menu-item a {
  color:#333333;
  font-size:clamp(0.95rem,
  -.7249vw + 1.0699rem,
  .2rem);
  transition:color 250ms ease;
  letter-spacing:.1em;
  white-space:nowrap
}
.main-menu .menu-item a:hover {
  color:var(--primary)
}
.toggle-menu {
  display:flex;
  align-items:center;
  height:100%;
  padding:0;
  border:none;
  background:0 0
}
.toggle-menu .toggle-menu__inner {
  position:relative;
  display:flex;
  flex-direction:column;
  width:2.625rem;
  height:1.5rem
}
.toggle-menu .toggle-menu__inner>span {
  position:absolute;
  width:2.625rem;
  height:.1875rem;
  background-color:var(--primary);
  transition:.8s cubic-bezier(.86,
  0,
  .07,
  1)
}
.toggle-menu .toggle-menu__inner>span:nth-child(1) {
  animation:open-first-bar .8s cubic-bezier(.895,
  .03,
  .685,
  .22) forwards
}
.is-open .toggle-menu .toggle-menu__inner>span:nth-child(1) {
  animation:close-first-bar .8s cubic-bezier(.895,
  .03,
  .685,
  .22) forwards
}
.toggle-menu .toggle-menu__inner>span:nth-child(2) {
  animation:open-second-bar .8s cubic-bezier(.895,
  .03,
  .685,
  .22) forwards
}
.is-open .toggle-menu .toggle-menu__inner>span:nth-child(2) {
  animation:close-second-bar .8s cubic-bezier(.895,
  .03,
  .685,
  .22) forwards
}
.toggle-menu .toggle-menu__inner>span:nth-child(3) {
  animation:open-third-bar .8s cubic-bezier(.895,
  .03,
  .685,
  .22) forwards
}
.is-open .toggle-menu .toggle-menu__inner>span:nth-child(3) {
  animation:close-third-bar .8s cubic-bezier(.895,
  .03,
  .685,
  .22) forwards
}
.btn {
  --btn-bg:transparent;
  --btn-bg-hover:transparent;
  --btn-bg-active:transparent;
  --btn-border-color:transparent;
  --btn-border-color-hover:transparent;
  --btn-border-color-active:transparent;
  --btn-color:var(--black);
  --btn-color-hover:var(--black);
  --btn-color-active:var(--black);
  --btn-font-size:0.875rem;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.5rem 2.75rem;
  border:3px solid var(--btn-border-color);
  color:var(--btn-color);
  font-size:var(--btn-font-size);
  font-weight:500;
  text-align:center;
  background-color:var(--btn-bg);
  transition-property:color,
  background-color,
  border-color;
  transition-duration:250ms;
  transition-timing-function:ease
}
.btn:hover {
  color:var(--btn-color-hover);
  border-color:var(--btn-border-color-hover);
  background-color:var(--btn-bg-hover)
}
.btn:active {
  color:var(--btn-color-active);
  border-color:var(--btn-border-color-active);
  background-color:var(--btn-bg-active)
}
.btn.btn--primary {
  --btn-bg:transparent;
  --btn-bg-hover:var(--primary);
  --btn-bg-active:transparent;
  --btn-border-color:var(--primary);
  --btn-border-color-hover:var(--primary);
  --btn-border-color-active:var(--white);
  --btn-color:var(--primary);
  --btn-color-hover:var(--black);
  --btn-color-active:var(--white)
}
.field {
  display:flex;
  flex:1
}
.field .field-label {
  color:inherit
}
.field .field-control {
  flex:1;
  width:100%;
  padding:.3125rem .375rem;
  border:1px solid var(--white);
  border-radius:0;
  color:var(--white);
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(1rem,
  .2589vw + .9393rem,
  1.25rem);
  font-style:normal;
  font-weight:400;
  background:0 0
}
.field .field-control::placeholder {
  color:var(--white);
  opacity:.7
}
.was-validated .field .field-control:invalid {
  border-color:var(--danger)
}
.field .field-control:is(select) {
  appearance:none
}
.field .field-control:is(textarea) {
  resize:none
}
.field .field-control[type=file] {
  color:inherit
}
.field-group {
  display:grid;
  grid-template-columns:repeat(2,
  minmax(0,
  1fr));
  grid-gap:.875rem;
  align-items:center
}
.benefits-card {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  padding:clamp(1.5rem,
  2vw + 1rem,
  3rem);
  border-radius:0;
  text-align:center;
  color:white
}
.benefits-card--green {
  background-color:var(--green);
  background-image:url('/wp-content/themes/sulgas-landing-novo/assets/img/bg-box-verde.png');
  background-repeat:repeat-x;
  background-position:center
}
.benefits-card--blue {
  background-color:var(--primary-200);
  background-image:url('/wp-content/themes/sulgas-landing-novo/assets/img/bg-box-azul.png');
  background-repeat:repeat-x;
  background-position:center
}
.benefits-card .benefits-card__icon {
  display:flex;
  justify-content:center;
  align-items:center;
  width:clamp(80px,
  12vw,
  120px);
  height:clamp(80px,
  12vw,
  120px);
  margin-bottom:clamp(1rem,
  2vw,
  1.5rem)
}
.benefits-card .benefits-card__icon img {
  width:100%;
  height:100%;
  object-fit:contain
}
.benefits-card .benefits-card__title {
  margin:0;
  color:white;
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(0.875rem,
  1.2vw + 0.5rem,
  1.125rem);
  font-weight:400;
  line-height:1.3;
  text-align:center
}
.benefits-card .benefits-card__title strong {
  font-weight:700
}
.benefits-card .editor p {
  color:var(--white);
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(.9375rem,
  .7767vw + .7555rem,
  1.6875rem);
  font-weight:400;
  line-height:1.3;
  text-align:center
}
.page-home {
  padding-top:5.1875rem
}
.main-hero {
  display:grid;
  grid-template-columns:clamp(280px, 35%, 500px) 1fr;
  background-color:var(--primary-200)
}
.main-hero .main-hero__inner {
  position:relative;
  z-index:0;
  display:flex;
  align-items:flex-end;
  height:20.8125rem
}
.main-hero .main-hero__bg {
  position:absolute;
  z-index:-1;
  top:0;
  right:0;
  bottom:0;
  left:0
}
.main-hero .main-hero__bg img {
  width:100%;
  height:100%;
  object-fit:cover
}
.main-hero .main-hero__content {
  position:relative;
  z-index:15;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  height:100%;
  padding:0
}
.main-hero .main-hero__content picture {
  display:flex;
  max-height:100%;
  width:100%;
  justify-content:flex-start
}
.main-hero .main-hero__content img {
  width:100%;
  margin-left:0;
  max-height:100%;
  height:100%;
  object-fit:cover;
  object-position:left center
}
.main-hero .main-hero__content .hero-carousel {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  display:block
}
.main-hero .main-hero__content .hero-slide {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity 1s ease-in-out;
  display:block
}
.main-hero .main-hero__content .hero-slide.active {
  opacity:1;
  z-index:2
}
.main-hero .main-hero__content .hero-slide picture {
  position:relative;
  width:100%;
  height:100%;
  display:block
}
.main-hero .main-hero__content .hero-slide picture img {
  position:relative;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  max-width:none;
  margin-left:0
}
.benefits {
  padding-top:0;
  padding-bottom:clamp(1.875rem,
  5.5016vw + .5856rem,
  7.1875rem);
  background-color:white
}
.benefits .benefits__items {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:clamp(1rem,
  2vw,
  2rem);
  max-width:1200px;
  margin:0 auto
}
.benefits .benefits__items .benefits-card {
  width:100%;
  flex:0 0 auto;
  max-width:100%;
  padding-right:2rem;
  padding-left:2rem
}

/* Kitchen Image Section */
.kitchen-image {
  margin:clamp(3rem, 5vw, 5rem) 0;
  width:100%
}

.kitchen-image img {
  width:100%;
  height:auto;
  display:block
}

.video {
  padding-top:clamp(1.75rem,
  3.6246vw + .9005rem,
  5.25rem);
  padding-bottom:clamp(1.75rem,
  9.5146vw + -.48rem,
  10.9375rem);
  background-color:#afca0b
}
.video .title {
  margin-bottom:clamp(1rem,
  2.2006vw + .4842rem,
  3.125rem);
  color:var(--primary-600);
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(1.3125rem,
  2.7832vw + .6602rem,
  4rem);
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1;
  text-align:center
}
.video .video__wrap {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto;
  width:100%;
  max-width:67.1875rem;
  aspect-ratio:16/9
}
.video .video__wrap iframe {
  width:100%;
  height:100%
}
.download {
  margin-top:clamp(3.125rem,
  1.5534vw + 2.7609rem,
  4.625rem)
}
.download .download__inner {
  display:grid;
  align-items:center;
  margin:0 auto;
  max-width:67.1875rem;
  gap:3.125rem
}
.download .title {
  display:flex;
  font-size:clamp(1.0625rem,
  2.3301vw + .5164rem,
  3.3125rem);
  text-align:left;
  line-height:.943396226415094;
  margin:0
}
.download .title:before {
  content:'';
  display:flex;
  width:2px;
  flex:0 0 auto;
  margin:-1.25rem 2.5rem -1.875rem .625rem;
  background-color:var(--primary-600)
}
.download .btn-download {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  padding:20px 30% 20px 0;
  color:var(--primary-600);
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(1.3125rem,
  1.6181vw + .9333rem,
  2.875rem);
  font-weight:700;
  letter-spacing:.01em;
  text-transform:uppercase;
  overflow:hidden;
  background-color:var(--white)
}
.download .btn-download:hover .btn-download__icon {
  background-color:#17baff
}
.download .btn-download .btn-download__icon {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:30%;
  height:100%;
  padding-left:1.875rem;
  background-color:#009fe3;
  transition:background-color 250ms
}
.download .btn-download .btn-download__icon:before {
  content:'';
  position:absolute;
  z-index:10;
  top:0;
  left:0;
  bottom:0;
  display:block;
  width:1.875rem;
  height:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(/wp-content/themes/sulgas-landing-novo/assets/img/frame-button.svg)
}
.download .btn-download .btn-download__icon svg {
  width:51%;
  height:51%
}
.register {
  position:relative;
  z-index:5;
  padding:1.875rem clamp(2.25rem,
  2.8479vw + 1.5825rem,
  5rem) 1.875rem;
  /* border:3px solid var(--green);
  border-radius:clamp(2.1875rem,
  2.9126vw + 1.5049rem,
  5rem); */
  overflow:hidden;
  background-image:url(/wp-content/themes/sulgas-landing-novo/assets/img/form-bg.png);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover
}
.register .register__inner {
  display:flex;
  flex-direction:column;
  align-items:center
}
.register .register__title {
  padding:.75rem 5%;
  color:var(--green);
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(1.2rem,
  1.4vw + 1rem,
  2.4rem);
  font-weight:bold;
  letter-spacing:-.05em;
  line-height:0.85;
  text-align:left
}
.register .register__title-line {
  display:block;
  font-style:italic;
  font-weight:bold;
  color:white;
  white-space:nowrap;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
  margin-bottom: 0.1rem;
}
.register .register__title-line--1 {
  margin-left:0;
  color:white;
}
.register .register__title-line--2 {
  margin-left:30px;
  color:var(--green);
}
.register .register__title-line--3 {
  margin-left:90px;
  color:white;
}
.register .register__brand {
  width:clamp(7.5rem,
  8.6731vw + 5.4672rem,
  15.875rem);
  margin: 0 auto;
  text-align: center;
}
.register .register__brand svg,
.register .register__brand img {
  width:100%;
  height:auto;
  display: block;
  margin: 0 auto;
}
.register .form {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.625rem
}
.register .form.form--sending .btn-submit {
  pointer-events:none
}
.register .form.form--sending .btn-submit .btn-submit__icon {
  display:inline-flex
}
.register .form.form--sending .btn-submit .btn-submit__label {
  visibility:hidden
}
.register .form.form--error .form-done .form-done__error {
  display:block
}
.register .form.form--success .form-done .form-done__success {
  display:block
}
.register .form .form-done {
  position:absolute;
  right:0;
  left:0;
  bottom:0;
  text-align:center;
  transform:translateY(120%)
}
.register .form .form-done .form-done__error,
  .register .form .form-done .form-done__success {
  display:none;
  font-size:1.0625rem;
  text-transform:uppercase;
  font-weight:700
}
.register .form .form-done .form-done__success {
  color:var(--green)
}
.register .form .form-done .form-done__error {
  color:var(--white)
}
.btn-submit {
  position:relative;
  appearance:none;
  width:80%;
  margin:0 auto;
  border:none;
  padding:.3125rem .625rem;
  border-radius:0;
  color:var(--primary);
  font-size:clamp(1rem,
  .5178vw + .8786rem,
  1.5rem);
  font-weight:700;
  text-transform:uppercase;
  background-color:var(--green)
}
.btn-submit .btn-submit__icon {
  position:absolute;
  top:50%;
  left:50%;
  display:none;
  width:1.2em;
  height:1.2em;
  margin-top:-.6em;
  margin-left:-.6em;
  opacity:.5;
  pointer-events:none
}
.float-register {
  position:fixed !important;
  z-index:1019;
  top:50%;
  right:0 !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:clamp(220px,
  15vw,
  280px);
  max-width:280px;
  padding:clamp(0.75rem,
  1.5vw,
  1rem);
  border:2px solid var(--green);
  border-right:none;
  border-radius:16px 0 0 16px;
  background-color:var(--primary-200);
  background-image:url('/wp-content/themes/sulgas-landing-novo/assets/img/bg-box-azul.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  box-shadow:-4px 0 16px rgba(0,
  0,
  0,
  0.15);
  transform:translateY(-50%) translateX(100%) !important;
  transition:transform 300ms ease !important;
  opacity:0 !important;
  visibility:hidden !important
}

.float-register.is-sticked {
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(-50%) translateX(0) !important
}

.float-register.is-sticked.is-scrolling {
  position:fixed;
  transform:translateY(-50%) translateX(0) !important;
  transition-duration:0s!important
}

.float-register__logo {
  position:absolute;
  top:clamp(-60px,
  -12vw,
  -100px);
  left:clamp(-25px,
  -6vw,
  -40px);
  width:clamp(80px,
  15vw,
  120px);
  height:auto;
  z-index:15;
  pointer-events:none
}

.float-register__logo img {
  width:100%;
  height:auto;
  filter:drop-shadow(0 4px 12px rgba(0,
  0,
  0,
  0.3))
}

.float-register__content {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:clamp(0.9rem,
  1.875vw,
  1.5rem);
  width:100%;
  margin-top:clamp(1.5rem,
  3vw,
  2.25rem);
  margin-right:clamp(2rem,
  4vw,
  3rem);
  z-index:5
}

.float-register__title {
  text-align:left;
  margin-right:clamp(0.5rem,
  1vw,
  1rem)
}

.float-register__title-line {
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(1rem,
  2.5vw,
  1.4rem);
  font-weight:700;
  font-style:italic;
  line-height:0.9;
  margin:0;
  color:white
}

.float-register__title-line:nth-child(1) {
  margin-left:0;
}

.float-register__title-line:nth-child(2) {
  margin-left:clamp(0.5rem,
  1vw,
  1rem);
}

.float-register__title-line:nth-child(3) {
  margin-left:clamp(1rem,
  2vw,
  2rem);
}

.float-register__title-line--highlight {
  color:var(--green);
  font-weight:700;
  font-style:italic
}

.float-register .float-register__btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:clamp(140px,
  80%,
  180px);
  padding:clamp(0.5rem,
  1vw,
  0.75rem) clamp(1rem,
  2vw,
  1.5rem);
  border:none;
  border-radius:8px;
  color:var(--primary);
  font-weight:700;
  font-size:1rem;
  text-transform:uppercase;
  background-color:var(--green);
  text-decoration:none;
  transition:all 250ms ease;
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  margin-right:clamp(1rem,
  2vw,
  1.5rem)
}

.float-register .float-register__btn:hover {
  background-color:#9ab807;
  transform:translateY(-2px)
}
@media only screen and (max-width:767px) {
  .float-register {
    width:clamp(250px, 75vw, 320px) !important;
    padding:clamp(0.5rem, 1vw, 0.75rem) !important;
    bottom:clamp(10px, 3vh, 40px) !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    max-width:calc(100vw - 30px) !important;
    min-width:250px !important;
    box-sizing:border-box !important
  }
  .float-register.is-sticked {
    left:50% !important;
    transform:translateX(-50%) !important;
    width:clamp(250px, 75vw, 320px) !important;
    max-width:calc(100vw - 30px) !important
  }
  .float-register.is-sticked.is-scrolling {
    position:absolute !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    transition-duration:0s !important;
    width:clamp(250px, 70vw, 300px) !important;
    max-width:calc(100vw - 40px) !important
  }
  .float-register__content {
    text-align:center
  }
  .float-register__title {
    font-size:clamp(0.75rem, 2.5vw, 1rem) !important;
    line-height:1.1 !important
  }
  .float-register__logo {
    width:clamp(120px, 20vw, 160px) !important;
    height:auto !important;
    top:clamp(-60px, -12vw, -80px) !important;
    left:clamp(-30px, -8vw, -50px) !important
  }
  /* Regra com maior especificidade para forçar o tamanho mobile */
  body .float-register {
    width:clamp(250px, 70vw, 300px) !important;
    max-width:calc(100vw - 40px) !important;
  }
  body .float-register.is-sticked {
    width:clamp(250px, 70vw, 300px) !important;
    max-width:calc(100vw - 40px) !important;
  }
  /* Hero Carousel Mobile - object-fit contain para exibir imagem inteira */
  .main-hero .main-hero__inner {
    height:clamp(25rem, 60vh, 35rem) !important;
    align-items:flex-start !important
  }
  .main-hero .main-hero__content .hero-slide picture img {
    object-fit:contain !important;
    object-position:center top !important;
    width:100% !important;
    height:100% !important
  }
}
@media only screen and (min-width:768px) {
  .site-footer {
  padding-top:6.25rem
}
.field-group {
  grid-gap:1.5rem
}
.main-hero {
  grid-template-columns:clamp(280px, 35%, 500px) 1fr
}
.benefits .benefits__items {
  grid-template-columns:repeat(2, 1fr)
}
.download .download__inner {
  grid-template-columns:50% 1fr;
  padding-right:2%
}
.float-register {
  gap:1.25rem;
  border-left:none;
  border-radius:0;
  left:-100vw !important;
  right:auto;
  opacity:0 !important;
  visibility:hidden !important;
  transition:all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transform:none !important
}

}
/* Gas Natural Info Section */
.gas-natural-info {
  padding-top:clamp(3rem,
  5vw + 2rem,
  6rem);
  padding-bottom:clamp(3rem,
  5vw + 2rem,
  6rem);
  margin-top:clamp(1.4rem,
  2.8vw + 0.7rem,
  3.5rem);
  margin-bottom:clamp(1.4rem,
  2.8vw + 0.7rem,
  3.5rem);
  background-color:#ffffff;
  text-align:center;
  position:relative
}
.gas-natural-info::before,
.gas-natural-info::after {
  content:'';
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:70%;
  height:3px;
  background-color:var(--green)
}
.gas-natural-info::before {
  top:40px
}
.gas-natural-info::after {
  bottom:40px
}
.gas-natural-info__content {
  max-width:800px;
  margin:0 auto
}
.gas-natural-info__text {
  font-family: "'Poppins'", 'Poppins', 'PT Sans', sans-serif;
  font-size:clamp(1.25rem,
  2vw + 1rem,
  2.5rem);
  font-weight:200;
  font-style:italic;
  color:var(--primary);
  line-height:1.4;
  margin:0
}
.gas-natural-info .gas-natural-info__text strong {
  color:var(--primary);
  font-weight:900
}

/* Economic Info Section */
.economic-info {
  padding-top:clamp(3rem,
  5vw + 2rem,
  6rem);
  padding-bottom:clamp(3rem,
  5vw + 2rem,
  6rem);
  margin-top:clamp(2.8rem,
  5.6vw + 1.4rem,
  7rem);
  margin-bottom:clamp(2.8rem,
  5.6vw + 1.4rem,
  7rem);
  background-color:#ffffff;
  text-align:center;
  position:relative
}

.economic-info::before,
.economic-info::after {
  content:'';
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:70%;
  height:3px;
  background-color:var(--green)
}

.economic-info::before {
  top:40px
}

.economic-info::after {
  bottom:40px
}

.economic-info__content {
  max-width:800px;
  margin:0 auto
}

.economic-info__text {
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(1.25rem,
  2vw + 1rem,
  2.5rem);
  font-weight:400;
  font-style:italic;
  color:var(--primary);
  line-height:1.4;
  margin:0 0 1rem 0
}

.economic-info__text strong {
  color:var(--primary);
  font-weight:700
}

.economic-info__details {
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(0.625rem,
  1vw + 0.5rem,
  1.25rem);
  font-weight:400;
  color:#000000;
  line-height:1.2;
  margin:0;
  font-style:normal
}

.economic-info__details strong {
  color:#000000;
  font-weight:700
}

/* Call to Action Section */
.call-to-action {
  background-color:var(--green);
  background-image:url('/wp-content/themes/sulgas-landing-novo/assets/img/bg-box-verde.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  padding-top:clamp(3rem,
  5vw + 2rem,
  6rem);
  padding-bottom:clamp(6rem,
  8vw + 4rem,
  12rem);
  text-align:center;
  position:relative
}

.call-to-action__content {
  max-width:800px;
  margin:0 auto
}

.call-to-action__title {
  font-family:'Poppins',
  'PT Sans',
  sans-serif;
  font-size:clamp(1.5rem,
  3vw + 1rem,
  3rem);
  font-weight:400;
  font-style:italic;
  color:var(--primary);
  line-height:1.3;
  margin:0 0 4rem 0
}

.call-to-action__title strong {
  color:var(--primary);
  font-weight:700
}

.call-to-action__box-space {
  height:clamp(200px,
  20vw,
  300px);
  width:100%;
  /* Espaço reservado para o box flutuante */
}

@media only screen and (min-width:1024px) {
  .site-header {
  padding-top:0.875rem;
  padding-bottom:0.875rem
}
.site-header .site-header__hamburger {
  display:none
}
.page-home {
  padding-top:5.625rem
}
.main-hero {
  grid-template-columns:clamp(280px, 32%, 500px) 1fr
}
.main-hero .main-hero__inner {
  grid-row:1;
  grid-column:2;
  height:100%;
  justify-content:center;
  padding:0
}
.main-hero .main-hero__content img {
  max-width:none;
  width:clamp(100%, 110vw, 120%);
  height:100%;
  object-fit:cover;
  object-position:left center
}
.benefits .benefits__items {
  grid-template-columns:repeat(4, 1fr);
  gap:clamp(1.5rem,
  3vw,
  2.5rem)
}
.register {
  grid-row:1;
  grid-column:1;
  border-left:none;
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

}
@media only screen and (min-width:1460px) {
  .site-footer .site-footer__items:before {
  display:none
}

}
@media only screen and (min-width:1600px) {
  .main-hero {
    grid-template-columns:clamp(280px, 28%, 480px) 1fr
  }
  
  .main-hero .main-hero__content img {
    width:120%
  }

}
@media only screen and (max-width:1023.98px) {
  body.is-open {
  overflow:hidden
}
.site-footer .site-footer__items ul {
  flex-direction:column;
  align-items:flex-start
}
.site-header .site-header__navbar {
  position:fixed;
  top:4.875rem;
  left:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  width:100%;
  overflow:hidden;
  overflow-y:auto;
  transform-origin:top;
  transform:scale3d(1,
  0,
  1);
  transition:transform .1s ease-in .2s;
  background-color:var(--white)
}
.site-header .site-header__navbar.is-open {
  transition-delay:0s;
  transition-duration:.4s;
  transition-timing-function:cubic-bezier(.175,
  .885,
  .32,
  1.275);
  transform:scale3d(1,
  1,
  1)
}
.site-header .site-header__navbar.is-open .main-menu {
  opacity:1;
  transform:translate3d(0,
  0,
  0);
  transition-delay:.3s;
  transition-duration:0,
  45s,
  0,
  35s;
  transition-property:transform,
  opacity;
  transition-timing-function:cubic-bezier(.5,
  1,
  .89,
  1)
}
.site-header .site-header__navbar .main-menu {
  width:100%;
  padding-top:.75rem;
  opacity:0;
  transform:translate3d(0,
  20px,
  0);
  transition-delay:0s;
  transition-duration:.3s,
  .1s;
  transition-property:transform,
  opacity;
  transition-timing-function:cubic-bezier(.5,
  1,
  .89,
  1)
}
.main-menu .menu {
  flex-direction:column;
  row-gap:1.25rem;
  padding:1.5rem
}
.main-hero .main-hero__content {
  justify-content:center;
  padding-bottom:2.8125rem
}
.main-hero {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto;
}
.main-hero .main-hero__inner {
  grid-row: 1;
  grid-column: 1;
}
.register {
  grid-row: 2;
  grid-column: 1;
  margin-bottom: clamp(3rem, 8vw, 6rem);
}
.register .register__brand {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.register .register__title {
  font-size: clamp(1.2rem, 4vw, 1.8rem) !important;
  text-align: center;
}
.benefits {
  padding-top:calc(0 + clamp(1.875rem,
  5.5016vw + .5856rem,
  7.1875rem))
}
.register {
  margin:-2.8125rem auto -5rem;
  width:78%
}

}
@media only screen and (max-width:767.98px) {
  .video {
  padding-bottom:4.625rem
}
.register {
  width:90%;
  margin-bottom: clamp(4rem, 10vw, 7rem) !important;
}
.register .register__inner {
  align-items: center !important;
  text-align: center !important;
}
.register .register__brand {
  margin: 1rem auto !important;
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}
.register .register__brand img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 200px !important;
}
.register .register__title {
  padding-right:0;
  padding-left:0;
  font-size: clamp(1.3rem, 5vw, 2rem) !important;
}
.benefits {
  padding-bottom: clamp(1rem, 3vw, 2rem) !important;
  margin-bottom: 0 !important;
}
.gas-natural-info {
  margin-top: clamp(0.5rem, 1.5vw, 1rem) !important;
  margin-bottom: clamp(1rem, 2.5vw, 1.5rem) !important;
  padding-top: clamp(2rem, 4vw, 3rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3rem) !important;
}
.gas-natural-info::before {
  top: clamp(20px, 3vw, 30px) !important;
}
.gas-natural-info::after {
  bottom: clamp(20px, 3vw, 30px) !important;
}
.gas-natural-info__content {
  padding-top: clamp(2rem, 5vw, 3rem) !important;
  padding-bottom: clamp(2rem, 5vw, 3rem) !important;
}
.economic-info {
  margin-top: clamp(3rem, 8vw, 5rem) !important;
  margin-bottom: clamp(2rem, 5vw, 3rem) !important;
  padding-top: clamp(2rem, 4vw, 3rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3rem) !important;
}
.economic-info::before {
  top: clamp(20px, 3vw, 30px) !important;
}
.economic-info::after {
  bottom: clamp(20px, 3vw, 30px) !important;
}
.economic-info__content {
  padding-top: clamp(2rem, 5vw, 3rem) !important;
  padding-bottom: clamp(2rem, 5vw, 3rem) !important;
}

}