.elementor-26 .elementor-element.elementor-element-142a2ada{--display:flex;}.elementor-26 .elementor-element.elementor-element-142a2ada.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-142a2ada{--width:95.232%;}}/* Start custom CSS for html, class: .elementor-element-fe1bb1a *//* social-colors.css
   Cores oficiais dos botões de compartilhamento
   WhatsApp, Facebook, X (Twitter) e Telegram
*/

:root {
  --wa: #25D366;   /* WhatsApp */
  --fb: #1877F2;   /* Facebook */
  --x:  #000000;   /* X (Twitter) */
  --tg: #26A4E3;   /* Telegram */
}

/* Aplica as cores às classes específicas */
.share-wa { background: var(--wa); }
.share-fb { background: var(--fb); }
.share-x  { background: var(--x);  }
.share-tg { background: var(--tg); }

/* Ícones sempre brancos sobre os círculos coloridos */
.social-link i { color: #fff; }

/* Estados de foco e acessibilidade */
.social-link:focus {
  outline: 2px solid rgba(0,0,0,.15);
  outline-offset: 2px;
}

/* Leve escurecimento no hover para feedback visual */
.share-wa:hover { filter: brightness(0.95); }
.share-fb:hover { filter: brightness(0.95); }
.share-x:hover  { filter: brightness(0.95); }
.share-tg:hover { filter: brightness(0.95); }/* End custom CSS */