.elementor-77 .elementor-element.elementor-element-0ce8219{margin-top:-121px;margin-bottom:-121px;}.elementor-77 .elementor-element.elementor-element-5860460{width:100%;max-width:100%;}.elementor-77 .elementor-element.elementor-element-5860460 > .elementor-widget-container{margin:-67px -67px -67px -67px;}.elementor-77 .elementor-element.elementor-element-e663939{margin-top:-2px;margin-bottom:-2px;}.elementor-77 .elementor-element.elementor-element-2c02a01 > .elementor-widget-container{margin:9px 9px 9px 9px;padding:0px 0px 0px 0px;box-shadow:29px 17px 23px 0px rgba(0,0,0,0.5);}.elementor-77 .elementor-element.elementor-element-ea3ff72{margin-top:0px;margin-bottom:0px;padding:1px 1px 1px 1px;}.elementor-77 .elementor-element.elementor-element-8b2b918 > .elementor-container{max-width:1233px;}.elementor-77 .elementor-element.elementor-element-8b2b918{margin-top:-5px;margin-bottom:-5px;}.elementor-77 .elementor-element.elementor-element-27d62b8 > .elementor-widget-container{background-color:#FFFCFC;margin:34px 34px 34px 34px;}:root{--page-title-display:none;}body.elementor-page-77{margin:-1px -1px -1px -1px;}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-0ce8219 > .elementor-container{max-width:721px;}}/* Start custom CSS for html, class: .elementor-element-5860460 *//* TABLET */
@media (max-width:1024px){

.hero-container{
    padding:40px 24px;
    gap:30px;
}

.hero-main{
    flex-direction:column;
    text-align:center;
}

.hero-content{
    max-width:100%;
}

.hero-image-wrapper{
    justify-content:center;
}

.hero-img{
    max-width:420px;
    width:100%;
}

.hero-actions{
    justify-content:center;
}

.hero-features{
    grid-template-columns:repeat(2,1fr);
}

}

/* CELULAR */
@media (max-width:768px){

.hero-container{
    padding:25px 18px;
    gap:24px;
}

.hero-main{
    gap:20px;
}

.hero-title{
    font-size:30px;
    line-height:1.15;
    letter-spacing:0;
}

.hero-subtitle{
    font-size:15px;
    margin-bottom:20px;
}

.hero-badge{
    font-size:10px;
    padding:7px 12px;
}

.hero-actions{
    width:100%;
}

.btn-primary{
    width:100%;
    justify-content:center;
    padding:15px;
}

.hero-image-wrapper{
    order:-1;
    margin:0;
}

.hero-img{
    max-width:320px;
    width:100%;
    border-radius:18px;
}

.hero-features{
    grid-template-columns:1fr;
    padding:18px;
    gap:14px;
}

.feature-item{
    align-items:center;
}

}.elementor-77 .elementor-element.elementor-element-5860460 img {
    /* Corta a imagem em um formato fluido e ondulado */
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    
    /* Adiciona uma sombra suave azulada para dar profundidade */
    box-shadow: 0 20px 40px rgba(0, 114, 255, 0.12);
    
    /* Cria a micro-interação: quando toca na foto, ela muda de forma suavemente */
    transition: all 0.5s ease-in-out;
}

/* Efeito ao passar o dedo ou o mouse */
.elementor-77 .elementor-element.elementor-element-5860460 img:hover {
    border-radius: 70% 30% 52% 48% / 60% 40% 60% 40%;
    transform: translateY(-5px);
    box-shadow: 0 30px 50px rgba(0, 114, 255, 0.2);
}/* End custom CSS */
/* Start custom CSS for dc_element_featured_doctors, class: .elementor-element-27d62b8 */```css
/* ==============================
   PROFESSIONAL CARDS — PREMIUM
   Classe do widget/seção:
   doctor-showcase
================================ */

.doctor-showcase {
  --card-blue: #2563eb;
  --card-navy: #102a43;
  --card-text: #607488;
  --card-line: #dce7f2;
  --card-bg: #ffffff;
  --card-soft: #f5f9ff;

  width: 100%;
}

/* Fundo geral da seção */
.doctor-showcase,
.doctor-showcase > .elementor-container,
.doctor-showcase > .e-con-inner {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(37, 99, 235, 0.08),
      transparent 34%
    ),
    #f5f9ff;
}

/* Título da seção */
.doctor-showcase > .elementor-widget-heading:first-child
.elementor-heading-title,
.doctor-showcase .doctor-section-title {
  color: var(--card-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 4vw, 56px);
  font-weight: 400;
  letter-spacing: -1.5px;
  line-height: 1.05;
}

/* Subtítulo */
.doctor-showcase .elementor-widget-text-editor {
  color: var(--card-text);
  line-height: 1.65;
}

/* Grid */
.doctor-showcase .elementor-loop-container,
.doctor-showcase .elementor-posts-container,
.doctor-showcase .e-loop-container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px !important;
  align-items: stretch;
}

/* Card */
.doctor-showcase .e-loop-item,
.doctor-showcase .elementor-post,
.doctor-showcase .doctor-card {
  position: relative;
  min-width: 0;
  overflow: hidden;

  border: 1px solid rgba(203, 218, 233, 0.8);
  border-radius: 24px;

  background: var(--card-bg);

  box-shadow:
    0 10px 30px rgba(23, 54, 86, 0.06),
    0 2px 8px rgba(23, 54, 86, 0.04);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}

/* Faz o container interno ocupar toda a altura */
.doctor-showcase .e-loop-item > .elementor-element,
.doctor-showcase .e-loop-item > .e-con,
.doctor-showcase .elementor-post > .elementor-element {
  min-height: 100%;
}

/* Hover do card */
.doctor-showcase .e-loop-item:hover,
.doctor-showcase .elementor-post:hover,
.doctor-showcase .doctor-card:hover {
  transform: translateY(-8px);

  border-color: rgba(37, 99, 235, 0.28);

  box-shadow:
    0 25px 55px rgba(23, 54, 86, 0.14),
    0 8px 18px rgba(23, 54, 86, 0.07);
}

/* Área da imagem */
.doctor-showcase .elementor-widget-image,
.doctor-showcase .doctor-card-image {
  position: relative;
  overflow: hidden;
  margin: 0 !important;

  background:
    linear-gradient(145deg, #e9f1fb, #dce8f5);
}

/* Imagem */
.doctor-showcase .elementor-widget-image img,
.doctor-showcase .doctor-card-image img {
  display: block;
  width: 100%;
  height: 245px;

  object-fit: cover;
  object-position: center top;

  border-radius: 0 !important;

  transition:
    transform 0.45s ease,
    filter 0.45s ease;
}

/* Zoom suave */
.doctor-showcase .e-loop-item:hover
.elementor-widget-image img,
.doctor-showcase .doctor-card:hover
.doctor-card-image img {
  transform: scale(1.045);
  filter: saturate(1.04);
}

/* Espaçamento interno do conteúdo */
.doctor-showcase .e-loop-item
.elementor-widget-heading,
.doctor-showcase .e-loop-item
.elementor-widget-text-editor,
.doctor-showcase .e-loop-item
.elementor-widget-icon-list,
.doctor-showcase .e-loop-item
.elementor-widget-button {
  padding-left: 20px;
  padding-right: 20px;
}

/* Primeira informação/especialidade */
.doctor-showcase .e-loop-item
.elementor-widget-heading:first-of-type
.elementor-heading-title,
.doctor-showcase .doctor-specialty {
  color: var(--card-blue);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

/* Nome do profissional */
.doctor-showcase .e-loop-item
.elementor-heading-title {
  color: var(--card-navy);
  font-weight: 700;
  line-height: 1.25;
}

/* Texto comum */
.doctor-showcase .e-loop-item
.elementor-widget-text-editor,
.doctor-showcase .e-loop-item
.elementor-widget-text-editor p {
  color: var(--card-text);
  font-size: 13px;
  line-height: 1.55;
}

/* Listas de ícones */
.doctor-showcase .elementor-icon-list-items {
  display: grid;
  gap: 9px;
}

.doctor-showcase .elementor-icon-list-item {
  color: #536b82;
  font-size: 13px;
}

.doctor-showcase .elementor-icon-list-icon {
  color: #7892ad;
}

/* Disponibilidade indisponível */
.doctor-showcase
.elementor-icon-list-text {
  line-height: 1.4;
}

/* Ícone de favorito */
.doctor-showcase .elementor-widget-icon {
  position: relative;
  z-index: 4;
}

.doctor-showcase .elementor-widget-icon
.elementor-icon {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border: 5px solid #ffffff;
  border-radius: 50%;

  color: #a7b7c8;
  background: #ffffff;

  box-shadow: 0 8px 22px rgba(22, 53, 87, 0.16);

  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.doctor-showcase .elementor-widget-icon
.elementor-icon:hover {
  color: #ffffff;
  background: var(--card-blue);
  transform: scale(1.08);
}

/* Botão do card */
.doctor-showcase .elementor-button {
  width: 100%;
  min-height: 46px;

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

  border: 0;
  border-radius: 13px;

  color: #ffffff;
  background: var(--card-blue);

  font-size: 13px;
  font-weight: 700;

  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.2);

  transition:
    transform 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.doctor-showcase .elementor-button:hover {
  transform: translateY(-2px);
  background: #1d4ed8;

  box-shadow:
    0 15px 30px rgba(37, 99, 235, 0.3);
}

/* Espaço inferior do card */
.doctor-showcase .e-loop-item
.elementor-widget-button {
  margin-top: auto;
  padding-bottom: 20px;
}

/* Botão Show All */
.doctor-showcase > .elementor-widget-button
.elementor-button,
.doctor-showcase .show-all-button
.elementor-button {
  width: auto;
  min-width: 170px;

  margin-top: 34px;
  padding: 0 28px;

  color: var(--card-blue);
  background: transparent;

  border: 1px solid var(--card-blue);

  box-shadow: none;
}

.doctor-showcase > .elementor-widget-button
.elementor-button:hover,
.doctor-showcase .show-all-button
.elementor-button:hover {
  color: #ffffff;
  background: var(--card-blue);
}

/* Remove fundos cinzas antigos internos */
.doctor-showcase .e-loop-item .e-con,
.doctor-showcase .e-loop-item .elementor-element {
  background-color: transparent;
}

/* Tablet */
@media (max-width: 1100px) {
  .doctor-showcase .elementor-loop-container,
  .doctor-showcase .elementor-posts-container,
  .doctor-showcase .e-loop-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .doctor-showcase .elementor-widget-image img,
  .doctor-showcase .doctor-card-image img {
    height: 280px;
  }
}

/* Celular */
@media (max-width: 620px) {
  .doctor-showcase .elementor-loop-container,
  .doctor-showcase .elementor-posts-container,
  .doctor-showcase .e-loop-container {
    grid-template-columns: 1fr;
    gap: 18px !important;
  }

  .doctor-showcase .e-loop-item,
  .doctor-showcase .elementor-post,
  .doctor-showcase .doctor-card {
    border-radius: 20px;
  }

  .doctor-showcase .elementor-widget-image img,
  .doctor-showcase .doctor-card-image img {
    height: 270px;
  }
}
```/* End custom CSS */