.elementor-232 .elementor-element.elementor-element-7b6a544{--display:flex;--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-232 .elementor-element.elementor-element-7b6a544:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-7b6a544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}.elementor-232 .elementor-element.elementor-element-ae423a4 > .elementor-widget-container{padding:0px 0px 0px 0px;}body.elementor-page-232:not(.elementor-motion-effects-element-type-background), body.elementor-page-232 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-ae423a4 */body {
      font-family: "gantari", sans-serif;
      background-color: #EDEBE6;
      color: #444;
      margin: 0;
      padding: 0;
    }
    
    /* ======= CONTAINER PRINCIPAL ======= */
    .app-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
      text-align: center;
    }
    
    /* ======= TÍTULO ======= */
    .app-title {
      font-size: 2rem;
      margin-bottom: 40px;
      color: #AF976D;
    }
    
    /* ======= MENU DE NAVEGAÇÃO (opcional) ======= */
    nav {
      margin-bottom: 30px;
    }
    
    nav a {
      text-decoration: none;
      margin: 0 10px;
      color: #AF976D;
      font-weight: bold;
    }
    
    nav a:hover {
      text-decoration: underline;
    }
    
    /* ======= GRID DE MÉDICOS ======= */
    .doctors-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
    }
    
    .doctor-card {
      background: #fff;
      flex: 1 1 260px; /* Ajusta conforme o espaço disponível */
      max-width: 260px;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      padding: 20px;
      text-align: center;
      transition: transform 0.2s;
      display: flex;
      flex-direction: column;
    }
    
    .doctor-card:hover {
      transform: translateY(-3px);
    }
    
    .doctor-specialty {
      font-size: 1.2rem;
      color: #AF976D;
      margin-bottom: 10px;
    }
    
    .elementor img{
        border-radius: 7px !important;
    }
    
    .doctor-photo {
      width: 100%;
      height: auto;
      border-radius: 8px;
      margin-bottom: 10px;
    }
    
    .doctor-name {
      font-weight: bold;
      margin-bottom: 10px;
      font-size: 1rem;
    }
    
    .doctor-crm {
      margin-bottom: 10px;
      font-size: 0.9rem;
    }
    
    .read-more-btn {
      background: #AF976D;
      color: #fff;
      border: none;
      padding: 8px 16px;
      border-radius: 4px;
      cursor: pointer;
      font-size: 0.9rem;
      transition: background 0.2s;
      margin-top: auto;
    }
    
    .read-more-btn:hover {
      background: #967E56;
    }
    
    /* ======= MODAL ======= */
    .modal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 999;
      padding: 10px;
    }
    
    .modal-overlay.show {
      display: flex;
    }
    
    .modal-content {
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      max-width: 600px;
      width: 100%;
      box-sizing: border-box;
      position: relative;
    }
    
    .modal-info {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      align-items: center;
      justify-content: center;
    }
    
    .modal-photo-container {
      flex-shrink: 0;
    }
    
    .modal-photo {
      width: 180px;
      height: auto;
      border-radius: 8px;
    }
    
    .modal-details {
      flex: 1;
      text-align: left;
    }
    
    .modal-details h2 {
      color: #AF976D;
      margin-bottom: 10px;
      font-size: 1.4rem;
    }
    
    .modal-details h3 {
      margin-bottom: 10px;
      font-size: 1.2rem;
    }
    
    .modal-description,
    .modal-crm {
      margin-bottom: 8px;
      line-height: 1.4;
    }
    
    /* Aqui foram adicionadas as propriedades para a scrollbar */
    .modal-description {
      max-height: 200px; /* ajuste conforme necessário */
      overflow-y: auto;
    }
    
    .close-btn {
      background: #AF976D;
      color: #fff;
      border: none;
      padding: 10px 20px;
      border-radius: 4px;
      cursor: pointer;
      font-size: 0.9rem;
      transition: background 0.2s;
      margin-top: 20px;
    }
    
    .close-btn:hover {
      background: #967E56;
    }
    
    /* ======= MEDIA QUERIES ======= */
    
    /* Telas até 992px */
    @media (max-width: 992px) {
      .app-container {
        padding: 20px 10px;
      }
    }
    
    /* Telas até 768px */
    @media (max-width: 768px) {
      .app-title {
        font-size: 1.8rem;
        margin-bottom: 30px;
      }
    
      .doctor-card {
        flex: 1 1 calc(50% - 20px);
        max-width: 300px;
      }
    
      .doctor-specialty {
        font-size: 1.1rem;
      }
    
      .modal-details h2 {
        font-size: 1.3rem;
      }
      .modal-content {
          width: 100%;
      }
    }
    
    /* Telas até 480px */
    @media (max-width: 480px) {
      .app-title {
        font-size: 1.5rem;
        margin-bottom: 20px;
      }
    
      .doctor-card {
        flex: 1 1 100%;
        max-width: none;
      }
    
      .doctor-specialty {
        font-size: 1rem;
      }
    
      .doctor-name {
        font-size: 0.95rem;
      }
    
      .read-more-btn {
        font-size: 0.85rem;
        padding: 6px 12px;
      }
    
      .modal-info {
        flex-direction: column;
        text-align: center;
      }
    
      .modal-details {
        text-align: center;
      }
    
      .modal-photo {
        width: 150px;
      }
    }
    
    /* ===============================
       SCROLL SUAVE (opcional)
       =============================== */
    html {
      scroll-behavior: smooth;
    }/* End custom CSS */