.elementor-132 .elementor-element.elementor-element-571d8f2{--display:flex;}body.elementor-page-132:not(.elementor-motion-effects-element-type-background), body.elementor-page-132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5B5B5B;}/* Start custom CSS for html, class: .elementor-element-dc3baef */*,
      *::before,
      *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      :root {
        --g900: #0d3d2b;
        --g700: #1a5c44;
        --g600: #237a59;
        --g500: #2e9e70;
        --g100: #d6ede4;
        --g050: #eef7f2;
        --white: #ffffff;
        --gray: #5a7065;
        --sans: 'Inter', system-ui, sans-serif;
      }

      body {
        font-family: var(--sans);
        background: var(--g050);
        color: var(--g900);
        -webkit-font-smoothing: antialiased;
        min-height: 100vh;
      }

      /* ── NAVBAR ───────────────────────────────────── */
      .navbar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: transparent;
      }

      .nav-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 32px;
        max-width: 1260px;
        margin: 0 auto;
        padding: 0 48px;
        height: 66px;
      }

      /* ── LOGO ─────────────────────────────────────── */
      .nav-logo {
        display: flex;
        align-items: center;
        text-decoration: none;
        flex-shrink: 0;
      }

      .nav-logo img {
        height: 38px;
        width: auto;
        display: block;
      }

      /* ── NAV LINKS ────────────────────────────────── */
      .nav-links {
        display: flex;
        align-items: center;
        gap: 4px;
        list-style: none;
      }

      .nav-item {
        position: relative;
      }

      .nav-link {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--g700);
        text-decoration: none;
        padding: 8px 14px;
        border-radius: 8px;
        border: none;
        background: none;
        cursor: pointer;
        font-family: var(--sans);
        transition:
          background 0.18s,
          color 0.18s;
        white-space: nowrap;
      }

      .nav-link:hover {
        background: rgba(46, 158, 112, 0.08);
        color: var(--g600);
      }

      .nav-link svg.chevron {
        width: 14px;
        height: 14px;
        color: var(--g500);
        transition: transform 0.22s;
        flex-shrink: 0;
      }

      .nav-item.open > .nav-link svg.chevron {
        transform: rotate(180deg);
      }

      /* ── RESULTADOS BUTTON ────────────────────────── */
      .nav-cta {
        display: flex;
        align-items: center;
        gap: 7px;
        font-size: 0.82rem;
        font-weight: 700;
        color: var(--g600);
        text-decoration: none;
        padding: 7px 16px;
        border-radius: 8px;
        border: 1.5px solid rgba(46, 158, 112, 0.35);
        background: rgba(46, 158, 112, 0.07);
        transition:
          background 0.18s,
          border-color 0.18s,
          color 0.18s;
        white-space: nowrap;
      }

      .nav-cta svg {
        width: 14px;
        height: 14px;
        flex-shrink: 0;
      }

      .nav-cta:hover {
        background: rgba(46, 158, 112, 0.15);
        border-color: rgba(46, 158, 112, 0.55);
        color: var(--g700);
      }

      /* ── PRESCRITOR BUTTON ────────────────────────── */
      .nav-prescritor {
        display: flex;
        align-items: center;
        gap: 7px;
        font-size: 0.82rem;
        font-weight: 700;
        color: var(--white);
        text-decoration: none;
        padding: 8px 18px;
        border-radius: 8px;
        background: var(--g500);
        border: 1.5px solid var(--g500);
        box-shadow: 0 4px 14px rgba(46, 158, 112, 0.35);
        transition: background 0.18s, box-shadow 0.18s, transform 0.15s;
        white-space: nowrap;
      }

      .nav-prescritor svg {
        width: 14px;
        height: 14px;
        flex-shrink: 0;
      }

      .nav-prescritor:hover {
        background: var(--g600);
        border-color: var(--g600);
        box-shadow: 0 6px 20px rgba(46, 158, 112, 0.45);
        transform: translateY(-1px);
      }

      /* ── DROPDOWN ─────────────────────────────────── */
      .nav-dropdown {
        position: absolute;
        top: 100%;
        left: 50%;
        background: var(--white);
        border: 1px solid rgba(26, 92, 68, 0.1);
        border-radius: 16px;
        box-shadow: 0 16px 48px rgba(13, 61, 43, 0.13);
        padding: 10px;
        padding-top: 20px; /* inclui o gap visualmente sem criar espaço morto */
        min-width: 240px;
        opacity: 0;
        pointer-events: none;
        transform: translateX(-50%) translateY(-8px);
        transition:
          opacity 0.2s ease,
          transform 0.2s ease;
      }

      .nav-item.open .nav-dropdown {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
      }

      .dropdown-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 11px 14px;
        border-radius: 10px;
        text-decoration: none;
        transition: background 0.15s;
      }

      .dropdown-item:hover {
        background: var(--g050);
      }

      .dropdown-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: rgba(46, 158, 112, 0.55);
        flex-shrink: 0;
        transition: background 0.15s;
      }

      .dropdown-item:hover .dropdown-dot {
        background: var(--g500);
      }

      .dropdown-item-text {
        display: flex;
        flex-direction: column;
        gap: 1px;
      }

      .dropdown-name {
        font-size: 0.88rem;
        font-weight: 600;
        color: var(--g900);
        line-height: 1.2;
      }

      .dropdown-tag {
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: var(--g500);
      }

      .dropdown-divider {
        height: 1px;
        background: rgba(26, 92, 68, 0.07);
        margin: 6px 4px;
      }

      .dropdown-all {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 10px;
        text-decoration: none;
        font-size: 0.8rem;
        font-weight: 700;
        color: var(--g600);
        transition:
          background 0.15s,
          color 0.15s;
      }

      .dropdown-all:hover {
        background: rgba(46, 158, 112, 0.08);
        color: var(--g500);
      }

      /* ── HAMBURGER ────────────────────────────────── */
      .hamburger {
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 40px;
        height: 40px;
        border: none;
        background: none;
        cursor: pointer;
        border-radius: 8px;
        padding: 6px;
        flex-shrink: 0;
        transition: background 0.18s;
      }

      .hamburger:hover {
        background: rgba(46, 158, 112, 0.08);
      }

      .hamburger-bar {
        width: 22px;
        height: 2px;
        border-radius: 2px;
        background: var(--g700);
        transition:
          transform 0.25s,
          opacity 0.25s,
          width 0.25s;
      }

      .hamburger.open .hamburger-bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
      }

      .hamburger.open .hamburger-bar:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
      }

      .hamburger.open .hamburger-bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
      }

      /* ── MOBILE MENU ──────────────────────────────── */
      .mobile-menu {
        display: none;
        flex-direction: column;
        background: var(--white);
        border-bottom: 1px solid rgba(26, 92, 68, 0.1);
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.35s ease;
      }

      .mobile-menu.open {
        max-height: 700px;
      }

      .mobile-nav-inner {
        padding: 12px 20px 24px;
        display: flex;
        flex-direction: column;
        gap: 4px;
      }

      .mobile-link {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 10px;
        font-size: 0.92rem;
        font-weight: 600;
        color: var(--g700);
        text-decoration: none;
        transition: background 0.15s;
      }

      .mobile-link:hover {
        background: var(--g050);
      }

      .mobile-link svg {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        color: var(--g500);
      }

      .mobile-section-label {
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: rgba(26, 92, 68, 0.4);
        padding: 14px 14px 6px;
      }

      .mobile-exam-link {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 14px 10px 28px;
        border-radius: 10px;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--g700);
        text-decoration: none;
        transition: background 0.15s;
      }

      .mobile-exam-link::before {
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: rgba(46, 158, 112, 0.5);
        flex-shrink: 0;
      }

      .mobile-exam-link:hover {
        background: var(--g050);
      }

      .mobile-divider {
        height: 1px;
        background: rgba(26, 92, 68, 0.08);
        margin: 8px 0;
      }

      .mobile-cta {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 4px 14px 0;
        padding: 12px 16px;
        border-radius: 10px;
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--g600);
        text-decoration: none;
        border: 1.5px solid rgba(46, 158, 112, 0.3);
        background: rgba(46, 158, 112, 0.07);
        transition: background 0.15s;
      }

      .mobile-cta:hover {
        background: rgba(46, 158, 112, 0.14);
      }

      .mobile-prescritor {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 8px 14px 8px;
        padding: 13px 16px;
        border-radius: 10px;
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--white);
        text-decoration: none;
        background: var(--g500);
        box-shadow: 0 4px 14px rgba(46, 158, 112, 0.35);
        transition: background 0.15s;
      }

      .mobile-prescritor:hover {
        background: var(--g600);
      }

      /* ── RESPONSIVE ───────────────────────────────── */
      @media (max-width: 900px) {
        .nav-links {
          display: none;
        }
        .hamburger {
          display: flex;
        }
        .mobile-menu {
          display: flex;
        }
        .nav-container {
          padding: 0 20px;
        }
      }

      /* ── DEMO PAGE CONTENT ────────────────────────── */
      .demo-hero {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: calc(100vh - 66px);
        text-align: center;
        padding: 48px 24px;
      }

      .demo-tag {
        display: inline-block;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--g600);
        background: rgba(46, 158, 112, 0.12);
        border: 1px solid rgba(46, 158, 112, 0.25);
        border-radius: 4px;
        padding: 4px 12px;
        margin-bottom: 20px;
      }

      .demo-title {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 900;
        line-height: 1.05;
        letter-spacing: -1.5px;
        color: var(--g900);
        margin-bottom: 16px;
      }

      .demo-sub {
        font-size: 1rem;
        font-weight: 300;
        font-style: italic;
        color: var(--gray);
      }/* End custom CSS */