.elementor-3932 .elementor-element.elementor-element-b297d0b{--display:flex;--padding-top:40px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-3932 .elementor-element.elementor-element-b297d0b{--padding-top:20px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS *//* ══ CASE LAÇOS SAÚDE — CSS ELEMENTOR ══ */

/* ── BASE ── */
.case-wrap { font-family: 'Mont', sans-serif; color: #1A1F2C; font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; }

/* ── BREADCRUMB ── */
.case-breadcrumb { padding: 12px 0; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #8A92A6; }
.case-breadcrumb a { color: #8A92A6 !important; text-decoration: none !important; }
.case-breadcrumb a:hover { color: #1A1F2C !important; }
.case-breadcrumb .sep { color: #D1D5DD; }
.case-breadcrumb .cur { color: #1A1F2C; }

/* ── HERO ── */
.case-hero { background: #EEEEF8; border-radius: 18px; padding: 2.5rem; margin-bottom: 1.5rem; }
.hero-badge { display: inline-flex !important; align-items: center !important; gap: 7px !important; background: #EEF0FD !important; border: 1px solid #C7C3F7 !important; color: #5B4FE8 !important; font-size: 13px !important; font-weight: 700 !important; padding: 6px 14px !important; border-radius: 99px !important; letter-spacing: 0.3px !important; margin-bottom: 1.25rem !important; width: fit-content !important; }
.hero-badge-dot { width: 7px !important; height: 7px !important; background: #5B4FE8 !important; border-radius: 50% !important; display: inline-block !important; }
.hero-h1 { font-size: clamp(24px, 3vw, 38px) !important; font-weight: 800 !important; color: #1A1F2C !important; line-height: 1.18 !important; letter-spacing: -0.6px !important; margin-bottom: 1rem !important; }
.hero-h1 em { font-style: normal !important; color: #5B4FE8 !important; }
.hero-sub { font-size: 17px !important; font-weight: 500 !important; color: #4B5263 !important; margin-bottom: 2rem !important; }

/* ── METRICS ── */
.metrics { display: grid !important; grid-template-columns: repeat(4,1fr) !important; border: 1px solid #E8EAEE !important; border-radius: 5px !important; overflow: hidden !important; background: #FFFFFF !important; }
.metric { padding: 18px 20px !important; border-right: 1px solid #E8EAEE !important; background: #FFFFFF !important; cursor: pointer !important; transition: background 0.15s !important; }
.metric:last-child { border-right: none !important; }
.metric-n { font-size: 26px !important; font-weight: 800 !important; color: #5B4FE8 !important; line-height: 1 !important; margin-bottom: 6px !important; letter-spacing: -0.5px !important; }
.metric-l { font-size: 13px !important; font-weight: 600 !important; color: #8A92A6 !important; line-height: 1.35 !important; }

/* ── LAYOUT ── */
.case-layout { display: grid; grid-template-columns: 248px 1fr; gap: 2.25rem; align-items: start; }

/* ── SIDEBAR ── */
.sidebar { position: sticky; top: 90px; }
.sb-top { background: #EEEEF8 !important; border: 1px solid #E8EAEE !important; border-radius: 12px 12px 0 0 !important; padding: 1.5rem !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 10px !important; }
.sb-icon { width: 152px !important; height: 102px !important; border-radius: 13px !important; background: #EEF0FD !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; font-weight: 800 !important; color: #5B4FE8 !important; letter-spacing: 0.5px !important; overflow: hidden !important; }
.sb-icon img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 11px !important; }
.av { width: 38px !important; height: 38px !important; border-radius: 50% !important; background: #C7C3F7 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; font-weight: 800 !important; color: #5B4FE8 !important; flex-shrink: 0 !important; overflow: hidden !important; }
.av img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; }
.sb-name { font-size: 16px !important; font-weight: 800 !important; color: #1A1F2C !important; }
.sb-seg { font-size: 13px !important; font-weight: 600 !important; color: #8A92A6 !important; }
.sb-facts { border: 1px solid #E8EAEE !important; border-top: none !important; border-radius: 0 0 12px 12px !important; background: #FFFFFF !important; overflow: hidden !important; }
.info-row { padding: 12px 16px !important; border-bottom: 1px solid #E8EAEE !important; }
.info-lbl { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.7px !important; color: #8A92A6 !important; margin-bottom: 3px !important; }
.info-val { font-size: 14px !important; font-weight: 700 !important; color: #1A1F2C !important; }

/* ── SECTIONS ── */
.case-section { background: #FFFFFF !important; border: 1px solid #E8EAEE !important; border-radius: 12px !important; padding: 2rem !important; margin-bottom: 1rem !important; }
@media (prefers-reduced-motion: no-preference) {
  .case-section.animate { opacity: 0; transform: translateY(14px); transition: opacity 0.4s, transform 0.4s; }
  .case-section.animate.in { opacity: 1; transform: none; }
}

/* chips */
.chips { display: flex !important; gap: 7px !important; margin-bottom: 1.2rem !important; flex-wrap: wrap !important; }
.chip { font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.4px !important; text-transform: uppercase !important; padding: 5px 13px !important; border-radius: 99px !important; background: #FAFBFC !important; border: 1px solid #E8EAEE !important; color: #8A92A6 !important; }
.chip.p { background: #EEF0FD !important; border-color: #C7C3F7 !important; color: #5B4FE8 !important; }
.chip.d { background: #F0F1F4 !important; border-color: #D8DAE0 !important; color: #1A1F2C !important; }

.sh2 { font-size: clamp(20px, 2.2vw, 26px) !important; font-weight: 800 !important; color: #1A1F2C !important; letter-spacing: -0.4px !important; margin-bottom: 1rem !important; line-height: 1.2 !important; }
.sp { font-size: 16px !important; font-weight: 500 !important; line-height: 1.75 !important; color: #4B5263 !important; margin-bottom: 0.9rem !important; }
.sp strong { color: #1A1F2C !important; font-weight: 700 !important; }

/* quote */
.case-quote { margin: 1.5rem 0 !important; padding: 1.4rem 1.6rem !important; border-left: 3px solid #5B4FE8 !important; background: #EEF0FD !important; border-radius: 0 8px 8px 0 !important; font-size: 16px !important; font-weight: 500 !important; color: #2D2860 !important; line-height: 1.7 !important;}
.qa { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 14px !important; font-style: normal !important; }
.av { width: 38px !important; height: 38px !important; border-radius: 50% !important; background: #C7C3F7 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; font-weight: 800 !important; color: #5B4FE8 !important; flex-shrink: 0 !important; }
.av-name { font-size: 14px !important; font-weight: 800 !important; color: #1A1F2C !important; }
.av-role { font-size: 13px !important; font-weight: 600 !important; color: #8A92A6 !important; }

/* bullet list */
.k-ul { list-style: none !important; display: flex !important; flex-direction: column !important; gap: 9px !important; margin-top: 1rem !important; padding: 0 !important; }
.k-ul li { display: flex !important; align-items: flex-start !important; gap: 10px !important; font-size: 16px !important; font-weight: 600 !important; color: #4B5263 !important; line-height: 1.55 !important; }
.k-ul li::before { content: '' !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #EEF0FD !important; border: 1.5px solid #C7C3F7 !important; flex-shrink: 0 !important; margin-top: 2px !important; background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5l2 2L8 1' stroke='%235B4FE8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 9px !important; }

/* tags */
.tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 1.25rem !important; }
.tag { font-size: 13px !important; font-weight: 700 !important; padding: 5px 14px !important; border-radius: 99px !important; border: 1.5px solid !important; }
.tag.r { background: #FEF2F2 !important; border-color: #FECACA !important; color: #991B1B !important; }
.tag.g { background: #EEF0FD !important; border-color: #C7C3F7 !important; color: #5B4FE8 !important; }

/* impact grid */
.impact-grid { display: grid !important; grid-template-columns: repeat(2,1fr) !important; gap: 12px !important; margin-top: 1.5rem !important; }
.impact-card { background: #FAFBFC !important; border: 1px solid #E8EAEE !important; border-radius: 12px !important; padding: 1.4rem !important; transition: border-color 0.15s !important; }
.impact-card:hover { border-color: #C7C3F7 !important; }
.impact-n { font-size: 32px !important; font-weight: 800 !important; color: #1A1F2C !important; line-height: 1 !important; margin-bottom: 7px !important; letter-spacing: -0.5px !important; }
.impact-n span { color: #5B4FE8 !important; }
.impact-l { font-size: 14px !important; font-weight: 600 !important; color: #8A92A6 !important; line-height: 1.45 !important; }

.saiba-mais { display: inline-flex !important; align-items: center !important; gap: 5px !important; font-size: 15px !important; font-weight: 700 !important; color: #5B4FE8 !important; text-decoration: none !important; margin-top: 0.75rem !important; }
.saiba-mais:hover { text-decoration: underline !important; }

/* ── CTA ── */
.case-cta { background: #EEEEF8 !important; border: 1px solid #E8EAEE !important; border-radius: 18px !important; padding: 2.5rem !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 2rem !important; margin-top: 1rem !important; }
.case-cta h3 { font-size: clamp(20px, 2.2vw, 26px) !important; font-weight: 800 !important; color: #1A1F2C !important; letter-spacing: -0.4px !important; margin-bottom: 8px !important; line-height: 1.2 !important; }
.case-cta p { font-size: 16px !important; font-weight: 500 !important; color: #4B5263 !important; margin: 0 !important; }
.cta-btn { background: #5B4FE8 !important; color: #FFFFFF !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; padding: 13px 28px !important; border-radius: 12px !important; border: none !important; cursor: pointer !important; text-decoration: none !important; white-space: nowrap !important; flex-shrink: 0 !important; transition: background 0.15s, transform 0.1s !important; display: inline-block !important; }
.cta-btn:hover { background: #4338CA !important; transform: translateY(-1px) !important; color: #FFFFFF !important; }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .case-layout { grid-template-columns: 1fr !important; }
  .sidebar { display: none !important; }
  .metrics { grid-template-columns: repeat(2,1fr) !important; }
  .impact-grid { grid-template-columns: 1fr !important; }
  .case-cta { flex-direction: column !important; align-items: flex-start !important; }
  .cta-btn { width: 100% !important; text-align: center !important; }
  .hero-h1 { font-size: 26px !important; }
  .case-section { padding: 1.5rem !important; }
  .metric-n { font-size: 22px !important; }
  .case-hero { padding: 1.5rem; margin-bottom: 1.5rem; }
}

/* ── ANIMATIONS ── */
@keyframes caseFladeUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
.case-hero .hero-badge { animation: caseFladeUp .45s .05s both; }
.case-hero .hero-h1    { animation: caseFladeUp .45s .12s both; }
.case-hero .hero-sub   { animation: caseFladeUp .45s .18s both; }
.case-hero .metrics    { animation: caseFladeUp .45s .24s both; }

@media (max-width: 900px) {
  .metric:nth-child(1),
  .metric:nth-child(2) {
    border-bottom: 1px solid #E8EAEE !important;
  }
  .metric:nth-child(1),
  .metric:nth-child(3) {
    border-right: 1px solid #E8EAEE !important;
  }
  .metric:nth-child(2),
  .metric:nth-child(4) {
    border-right: none !important;
  }
}

.metric {
  cursor: default !important;
}/* End custom CSS */