.elementor-357 .elementor-element.elementor-element-ae26753{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-357 .elementor-element.elementor-element-cf5e375{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-357 .elementor-element.elementor-element-47b5c3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-357 .elementor-element.elementor-element-fe79e5d{width:100%;max-width:100%;}.elementor-357 .elementor-element.elementor-element-b383f95{--spacer-size:50px;}.elementor-357 .elementor-element.elementor-element-f9ff6e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-357 .elementor-element.elementor-element-228ec5f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:40px;--margin-left:40px;--margin-right:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-357 .elementor-element.elementor-element-228ec5f > .elementor-shape-bottom svg, .elementor-357 .elementor-element.elementor-element-228ec5f > .e-con-inner > .elementor-shape-bottom svg{height:10px;}.elementor-357 .elementor-element.elementor-element-60bcfd3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-357 .elementor-element.elementor-element-cc1929e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-357 .elementor-element.elementor-element-de99185{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-357 .elementor-element.elementor-element-de99185 > .elementor-shape-top svg, .elementor-357 .elementor-element.elementor-element-de99185 > .e-con-inner > .elementor-shape-top svg{height:10px;}.elementor-357 .elementor-element.elementor-element-de99185 > .elementor-shape-top, .elementor-357 .elementor-element.elementor-element-de99185 > .e-con-inner > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-357 .elementor-element.elementor-element-f868dee{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-357 .elementor-element.elementor-element-d34fc83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-357 .elementor-element.elementor-element-903f922{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-357 .elementor-element.elementor-element-695b292{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-357 .elementor-element.elementor-element-0add93d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-357 .elementor-element.elementor-element-7666fc6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-357 .elementor-element.elementor-element-cf5e375{--width:100%;}.elementor-357 .elementor-element.elementor-element-47b5c3a{--width:100%;}.elementor-357 .elementor-element.elementor-element-60bcfd3{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-fe79e5d *//* Isso aplica no container onde você colou o código */
.elementor-357 .elementor-element.elementor-element-fe79e5d {
    position: relative; /* Necessário para o fundo */
    overflow: hidden;   /* Corta o embaçado nas bordas */
}

/* Isso cria a camada de fundo EMBAÇADA e com 50% de OPACIDADE */
.elementor-357 .elementor-element.elementor-element-fe79e5d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    
    /* A URL DA SUA NOVA IMAGEM */
    background-image: url('https://pediatracamilacoelho.com/wp-content/uploads/2026/05/9es1s9-scaled.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    /* EFEITO: 50% de opacidade + Blur */
    opacity: 0.5;       /* 50% de transparência */
    filter: blur(8px);  /* Força do embaçado (aumente ou diminua se quiser) */
    
    /* Expande um pouco para tirar a borda branca do blur */
    transform: scale(1.1); 

    z-index: 0; /* Joga para trás */
}

/* Isso garante que o conteúdo (texto e foto) fique na FRENTE e NÃO embaçe */
.elementor-357 .elementor-element.elementor-element-fe79e5d > .elementor-container,
.elementor-357 .elementor-element.elementor-element-fe79e5d > .elementor-widget-wrap {
    position: relative;
    z-index: 1; /* Traz para frente */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6263728 */.photo-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end; /* Alinha a foto na base do desenho */
  height: 500px; /* Ajuste conforme a necessidade */
}

/* O desenho orgânico atrás */
.blob-background {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 400px;
  height: 85%; /* Deixa um espaço no topo para a cabeça "sair" do desenho */
  background: #b3a0d1; /* O roxo do seu botão */
  opacity: 0.2;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  z-index: 1;
  animation: morph 10s ease-in-out infinite;
}

/* A sua imagem */
.doctor-img {
  position: relative;
  z-index: 2; /* Garante que você fique NA FRENTE do desenho */
  max-height: 100%; /* Impede que a foto estoure o container */
  width: auto;
  filter: drop-shadow(10px 10px 30px rgba(0,0,0,0.1)); /* Sombra suave no recorte */
}

/* Animação suave para o fundo não ficar estático */
@keyframes morph {
  0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50% { border-radius: 45% 55% 50% 50% / 40% 40% 60% 60%; }
  100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
}

/* Ajuste para o grid não quebrar */
.content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ec5f */html, body {
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
}/* End custom CSS */