/* Eldely brand overrides - do not change structure */
:root{
  --rr-theme-primary: #008a71; /* Eldely Verde principal */
  --rr-theme-secondary: #E7F5F1; /* off-white esverdeado */
  --rr-theme-glow: #008a71;
}

/* Generic primary accents */
a, a:hover{ color: var(--rr-theme-primary); }
.btn, .btn-primary, .theme-btn, .btn-default {
  border-color: var(--rr-theme-primary);
}
.btn-primary, .theme-btn, .btn-default {
  background: var(--rr-theme-primary);
}
.btn-primary:hover, .theme-btn:hover, .btn-default:hover {
  background: transparent; color: var(--rr-theme-primary);
}

/* Section decorative shapes that use primary */
[class*="bg-gradient"], .swiper-pagination-bullet-active{
  background: var(--rr-theme-primary) !important;
}

/* Cards & subtle background */
.section-space__top, .section-space__bottom, .section-space{
  background-color: #fff;
}
.bg-light-eldely{
  background-color: var(--rr-theme-secondary);
}

/* Headings refinements for readability */
h1,h2,h3,h4{ letter-spacing: .2px; }

/* Remove legacy blue tints */
.text-primary{ color: var(--rr-theme-primary) !important; }
.bg-primary{ background-color: var(--rr-theme-primary) !important; }
.border-primary{ border-color: var(--rr-theme-primary) !important; }

/* Pricing values hidden -> replaced with 'Sob consulta' already via HTML */

/* Espaço no ícone do WhatsApp nos botões de Planos */
.pricing .rr-btn .text-one i.fa-whatsapp,
.pricing .rr-btn .text-two i.fa-whatsapp {
  margin-right: 8px;   /* respiro */
  vertical-align: -1px; /* alinhamento fino (opcional) */
}

/* === Ícones Bootstrap nos cards (service/treatment) === */
.rr-icon-xl{
  font-size: 56px;            /* tamanho parecido com os PNGs */
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rr-theme-primary);
}

.rr-icon-xl {
  font-size: 56px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rr-theme-primary);
}


/* replicar a animação/efeito hover que antes atingia apenas img */
.service__item:hover .service__item-icon i,
.treatment-process__item:hover .treatment-process__item-icon i{
  -webkit-animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transition: all 0.3s 0s ease-out;
          transition: all 0.3s 0s ease-out;
}