/* =========================================================
   Segati Advogados — ajustes de UI/UX (botão WhatsApp)
   ========================================================= */

/* O tema (style.css) usa font-family "Font Awesome 5 Free" (peso 900) nos
   ícones de lista (::before, ex.: check, setas, aspas), mas só o webfont
   FontAwesome 4.7 está carregado localmente — por isso os ícones aparecem
   como quadrados vazios. Este alias aponta o nome esperado pelo tema para
   o arquivo já existente (os códigos Unicode usados, ex. f00c, f054, f078,
   existem nesse webfont). */
@font-face{
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
       url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');
}

.btn-wpp{
  position: fixed;
  bottom: 78px; /* fica acima do botão "voltar ao topo" (.scrollup: bottom 20px, 45px de altura) */
  right: 18px;
  z-index: 999999;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  background: #25D366;
  border-radius: 999px;
  padding: 6px;
  box-shadow: 0 6px 22px rgba(0,0,0,.28);
  transition: padding .25s ease, box-shadow .25s ease, transform .2s ease;
}
.btn-wpp:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}
.btn-wpp img{
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.btn-wpp-pulse{
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(37,211,102,.55);
  animation: btnWppPulse 2.4s ease-out infinite;
  z-index: 1;
}
@keyframes btnWppPulse{
  0%   { transform: scale(.85); opacity: .65; }
  70%  { transform: scale(1.55); opacity: 0; }
  100% { transform: scale(1.55); opacity: 0; }
}
.btn-wpp-label{
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .2px;
  transition: max-width .3s ease, padding-right .3s ease;
}
/* A foto da Dra. Daniella no carrossel é posicionada com "bottom: -30px"
   relativo ao bloco de texto — mas esse bloco muda de altura conforme o
   texto de cada banner (ex.: 621px, 649px, 710px), então a foto "pula"
   de posição a cada slide e ora fica mais sobreposta pelos cards
   "Comprometimento/Advogados Especialistas" logo abaixo (que têm
   posição fixa), ora menos — por isso ela aparece cortada em alguns
   slides e normal em outros. Fixando a partir do topo (que é constante
   em todos os slides) a posição passa a ser sempre a mesma. */
.slider_content_wrap .rx_slider_text_img_area .rx_slider_side_img{
  top: 74px;
  bottom: auto;
}

.btn-wpp:hover .btn-wpp-label{
  max-width: 160px;
  padding-right: 6px;
}

/* Alinha o botão "voltar ao topo" pelo centro do botão do WhatsApp,
   já que eles ficam empilhados no canto inferior direito (larguras diferentes) */
.scrollup{
  right: 35px;
}

@media (max-width: 767px){
  .btn-wpp{ bottom: 72px; right: 14px; }
  .btn-wpp img{ width: 50px; height: 50px; }
  .btn-wpp-label{ display: none; }
  .scrollup{ right: 23px; }
}