.elementor .e-eda23a3-685057f{width:300px;}.elementor .e-6abfac4-b2bd67b{width:35%;}.elementor .e-d05e0c2-1987dc3{height:50px;border-radius:50px;justify-content:center;align-items:center;}.elementor .e-cd90485-a4a98bd{width:280px;font-family:Poppins;font-weight:700;font-size:15px;text-transform:uppercase;padding-inline-start:30px;padding-inline-end:30px;/* =========================================================
 ENERGY — BOTÃO DESKTOP: SOLICITAR ORÇAMENTO
 ========================================================= */

position: relative;

display: inline-flex;
align-items: center;
justify-content: center;

box-sizing: border-box;

min-height: 52px;
min-width: 205px;

padding: 10px 48px 10px 18px;

color: #FFFFFF !important;
white-space: nowrap;


/* =========================================================
 AJUSTES DO ÍCONE
 ========================================================= */

--icon-width: 36px;       /* Largura do fundo branco */
--icon-height: 36px;      /* Altura do fundo branco */

--icon-size: 18px;        /* Tamanho da seta vazada */

--icon-right: 8px;        /* Distância da direita */

--icon-radius: 50px;      /* Border radius do ícone */


/* =========================================================
 FORMATO DO BOTÃO
 ========================================================= */

border-radius: 999px;

box-shadow:
  0 4px 15px rgba(245, 122, 18, 0.25);


/* =========================================================
 DEGRADÊ LARANJA
 ========================================================= */

background-image: linear-gradient(
  90deg,
  #FF9829 0%,
  #F45112 50%,
  #FF9829 100%
);

background-size: 200% 100%;
background-position: 0% 50%;
background-repeat: no-repeat;

transition:
  background-position 1600ms ease-in-out,
  box-shadow 300ms ease !important;


/* Remove qualquer ícone antigo */
&::before {
  content: none !important;
}


/* =========================================================
 FUNDO BRANCO + SETA VAZADA
 ========================================================= */

&::after {

  content: "";

  position: absolute;

  right: var(--icon-right);
  top: 50%;

  width: var(--icon-width);
  height: var(--icon-height);

  box-sizing: border-box;

  /* Fundo do ícone */
  background-color: #FFFFFF;

  /* Arredondamento */
  border-radius: var(--icon-radius);

  /*
   * A primeira máscara mantém o fundo inteiro.
   * A segunda remove a seta do fundo branco,
   * deixando ela vazada/transparente.
   */

  -webkit-mask-image:
      linear-gradient(#000 0 0),
      url("https://energyequipamentos.com.br/wp-content/uploads/2026/10/right.svg");

  -webkit-mask-position:
      center,
      center;

  -webkit-mask-size:
      100% 100%,
      var(--icon-size) var(--icon-size);

  -webkit-mask-repeat:
      no-repeat,
      no-repeat;

  -webkit-mask-composite: xor;


  mask-image:
      linear-gradient(#000 0 0),
      url("https://energyequipamentos.com.br/wp-content/uploads/2026/10/right.svg");

  mask-position:
      center,
      center;

  mask-size:
      100% 100%,
      var(--icon-size) var(--icon-size);

  mask-repeat:
      no-repeat,
      no-repeat;

  mask-composite: exclude;


  /* Mantém a seta apontando diagonalmente */
  transform:
      translateY(-50%)
      rotate(-45deg);

  transition:
      transform 700ms ease-in-out;

  pointer-events: none;
}\n}.elementor .e-cd90485-a4a98bd:hover,.elementor .e-cd90485-a4a98bd:focus-visible{border-color: #F57A12 !important;


box-shadow:
  inset 0 1px 0 rgba(255, 255, 255, 0.25),
  inset 0 -1px 0 rgba(255, 255, 255, 0.06),
  0 0 5px rgba(245, 122, 18, 0.90),
  0 0 12px rgba(245, 122, 18, 0.55),
  0 0 22px rgba(245, 122, 18, 0.30),
  0 8px 24px rgba(0, 0, 0, 0.20) !important;\n}.elementor .e-a53c467-0c5df11{width:60%;justify-content:flex-end;align-items:center;}.elementor .e-14c8e7b-8e6cd10{align-items:center;}.elementor .e-4808b96-aa59ab4{width:100%;min-width:70px;max-width:1366px;position:relative;z-index:2;padding-block-start:0px;padding-block-end:0px;padding-inline-start:30px;padding-inline-end:30px;flex-direction:column;gap:0px;flex-wrap:nowrap;justify-content:space-between;align-items:center;/* =========================================
 ENERGY — HEADER DESKTOP GLASS EM GRADIENTE
========================================= */

/* Vidro branco com reflexo verde */

background: linear-gradient(
  110deg,
  rgba(255, 255, 255, 0.80) 0%,
  rgba(237, 250, 242, 0.66) 28%,
  rgba(218, 243, 229, 0.54) 52%,
  rgba(255, 255, 255, 0.73) 78%,
  rgba(230, 247, 236, 0.61) 100%
) !important;

/* Desfoque do banner atrás do header */

-webkit-backdrop-filter: blur(20px) saturate(150%);
backdrop-filter: blur(20px) saturate(150%);

/* Borda de vidro */

border: 1px solid rgba(255, 255, 255, 0.65);

/* Cantos arredondados */

border-radius: 0 0 50px 50px;

/* Profundidade */

box-shadow:
  0 14px 38px rgba(6, 66, 28, 0.12),
  inset 0 1px 0 rgba(255, 255, 255, 0.80);


/* =========================================
 ENERGY — ORGANIZAÇÃO DO HEADER DESKTOP
========================================= */

/*
 NÃO definir display aqui.
 O Elementor controlará a visibilidade
 nos diferentes breakpoints.
*/

flex-direction: column;
align-items: stretch;
flex-wrap: nowrap;

/* Referência para a pesquisa flutuante */

position: relative;

overflow: visible !important;

z-index: 100;\n}.elementor .e-a5fff9c-080a87c{position:relative;z-index:2;display:none;}.elementor .e-75f4fca-23dd78c{padding:0px;flex-direction:column;justify-content:center;align-items:center;}