/* =========================================================
   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; }
}

/* =========================================================
   Busca global na barra superior do header
   ========================================================= */
.header_style_four .header_top_content .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.header_top_search {
  order: 2;
}
.header_top_search form {
  display: flex;
  align-items: stretch;
}
.header_top_search input {
  width: 220px;
  padding: 6px 12px;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 3px 0 0 3px;
}
.header_top_search input::placeholder {
  color: #cfcfcf;
}
.header_top_search input:focus {
  outline: none;
  background-color: rgba(255, 255, 255, 0.15);
}
.header_top_search button {
  padding: 0 14px;
  border: none;
  background-color: #c6ac82;
  color: #1a1a1a;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.header_top_search button:hover {
  background-color: #fff;
}

@media (max-width: 991px){
  .header_top_search {
    display: none;
  }
}