.elementor-4787 .elementor-element.elementor-element-c253fcf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4787 .elementor-element.elementor-element-c253fcf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4787 .elementor-element.elementor-element-318f8c3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-4787 .elementor-element.elementor-element-318f8c3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4787 .elementor-element.elementor-element-8a07efc > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-4787 .elementor-element.elementor-element-8a07efc .tx-button{border-style:solid;border-color:#E0E0E0;margin:0px 0px 0px -98px;color:#000000;}.elementor-4787 .elementor-element.elementor-element-8a07efc .tx-button .text{color:#000000;}.elementor-4787 .elementor-element.elementor-element-8a07efc .tx-button .icon{color:#000000;}.elementor-4787 .elementor-element.elementor-element-8a07efc .chy-call-2-icon i{color:#000000;}.elementor-4787 .elementor-element.elementor-element-8a07efc .chy-call-1-content .phone{color:#000000;}.elementor-4787 .elementor-element.elementor-element-8a07efc .gly-cart-btn-1 .count{color:#FFFFFF;}.elementor-4787 .elementor-element.elementor-element-8a07efc .gly-search-btn-1:hover{color:#FFFFFF;}.elementor-4787 .elementor-element.elementor-element-8a07efc .tx-logo{padding:0px 0px 0px 35px;}.elementor-4787 .elementor-element.elementor-element-8a07efc .tx-header nav ul li a{color:#17479E !important;font-size:18px;}.elementor-4787 .elementor-element.elementor-element-8a07efc .tx-header nav ul li:hover a{color:#DF2027 !important;}.elementor-4787 .elementor-element.elementor-element-8a07efc .chy-main-menu-1 .main-navigation .navbar-nav li:is(.dropdown) > a::before{color:#302525;}@media(max-width:767px){.elementor-4787 .elementor-element.elementor-element-8a07efc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4787 .elementor-element.elementor-element-8a07efc .tx-logo{padding:0px 0px 0px 0px;}}/* Start custom CSS for tx_headers, class: .elementor-element-8a07efc *//*HEADER NOVA, ESSE VAI DAR CERTO*/
header.fti-header-1-area {
  position: relative;
  margin-top: 0;
  background-color: #17479E;
  background-image: url("https://starplast.com.py/wp-content/uploads/2024/09/header-white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;

  /*Transição*/
  transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
}

header.fti-header-1-area .fti-header-1-container,
header.fti-header-1-area .fti-header-1-row,
header.fti-header-1-area .fti-header-1-action,
header.fti-header-1-area .fti-header-1-navigation-bar,
header.fti-header-1-area .fti-header-1-logo-1,
.fti-menu-btn-1 {
  transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
}

/*Contato Desktop alinhamento*/
@media (min-width: 1200px) {
  header.fti-header-1-area .fti-header-1-action {
    margin-right: 70px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  header.fti-header-1-area .fti-header-1-action {
    margin-right: 32px !important;
  }
}

header.fti-header-1-area .fti-header-1-contact {
  text-align: left !important;
  align-items: center;
}

/*Conteúdo acima do fundo */
header.fti-header-1-area .fti-header-1-container {
  position: relative;
  z-index: 1;
  max-width: 100% !important;
  padding: 0 20px;
  margin: 0 auto;
}

/*Remove bloco lateral contato do tema*/
header.fti-header-1-area::after {
  display: none !important;
}

/*texto e contato cor*/
header.fti-header-1-area .fti-header-1-contact,
header.fti-header-1-area .fti-header-1-contact * {
  color: #fff !important;
}

.header-contato i,
.header-contato svg {
  vertical-align: middle;
  margin-top: -2px;
  transition: color 0.35s ease, fill 0.35s ease;
}

.header-contato span {
  vertical-align: middle;
  display: inline-block;
}

/*botão solicitar cotação*/
header.fti-header-1-area .btn-wrap a.fti-header-1-btn.tx-button {
  background: transparent !important;
  border: 2px solid #17479E !important;
  color: #17479E !important;
  -webkit-text-fill-color: #17479E !important;
  box-shadow: none !important;
  outline: none !important;
  transition: all 0.35s ease-in-out;
}

header.fti-header-1-area .btn-wrap a.fti-header-1-btn.tx-button:hover,
header.fti-header-1-area .btn-wrap a.fti-header-1-btn.tx-button:focus {
  background: #DF2027 !important;
  border-color: #DF2027 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/*Botão cotización hover*/
a.fti-header-1-btn.tx-button[aria-label="Solicitar cotización"],
a.fti-header-1-btn.tx-button[aria-label="Solicitar cotización"] .btn-text {
  color: #fff !important;
  border-color: #fff !important;
}

/*Botão Telefone hover*/
header.fti-header-1-area .fti-header-1-contact a:hover,
header.fti-header-1-area .fti-header-1-contact a:focus {
  color: #fff !important;
}
header.fti-header-1-area .fti-header-1-contact a:hover i,
header.fti-header-1-area .fti-header-1-contact a:hover svg {
  color: #17479E !important;
  fill: #17479E !important;
}

/*Ajustes em telas*/
@media (max-width: 1200px) {
  header .fti-header-1-row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .fti-header-1-navigation-bar {
    justify-content: center;
    flex-wrap: wrap;
  }
  .fti-header-1-contact .fti-heading-1.number {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  .fti-header-1-contact .question {
    font-size: 12px !important;
  }
}

/*MOBILE responsivo*/
@media (max-width: 991px) {
  /*icon some mais cedo*/
  .fti-header-1-action {
    opacity: 0;
    transform: translateY(-1px) scale(0.95);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.90s ease;
    transition-delay: 1s; /*some primeiro*/
  }

  /* animaçãologo*/
  .fti-header-1-navigation-bar {
    opacity: 0;
    transform: translateY(-10px) scale(0.97);
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.35s ease;
    transition-delay: 0.1s; /*em cascata, talvez funcione, será?*/
  }

  /* icone sub menu animação*/
  .fti-menu-btn-1 {
    display: block !important;
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition-delay: 0.25s; /*entra por último*/
  }

  .fti-menu-btn-1 svg path {
    stroke: #17479E !important;
    transition: stroke 0.35s ease;
  }

  /*Logo desktop some*/
  .fti-header-1-logo-1 img {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease;
  }

  /* Logo mobile fade*/
  .fti-header-1-logo-1 {
    width: 150px !important;
    height: 48px !important;
    margin-left: 20px !important;
    background: url("https://starplast.com.py/wp-content/uploads/2025/08/logo-1.png") no-repeat left center / contain !important;
    opacity: 1;
    transform: translateX(0) scale(1);
    transition: margin-left 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
    transition-delay: 0.15s; /*aparece depois do telefone sumir*/
  }
}

/*Desktop logo transição*/
@media (min-width: 992px) {
  .fti-header-1-navigation-bar,
  .fti-header-1-action {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    transition-delay: 0s;
  }

  .fti-menu-btn-1 {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.35s ease;
    transition-delay: 0s;
  }

  .fti-header-1-logo-1 img {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.35s ease;
    transition-delay: 0s;
  }

  .fti-header-1-logo-1 {
    opacity: 1;
    transform: scale(1);
    background: none !important;
    margin-left: 0 !important;
  }
}/* End custom CSS */