{"id":2,"date":"2025-09-17T07:52:04","date_gmt":"2025-09-17T10:52:04","guid":{"rendered":"http:\/\/marcusgurgel.web272.uni5.net\/?page_id=2"},"modified":"2026-07-27T10:14:45","modified_gmt":"2026-07-27T13:14:45","slug":"pagina-exemplo","status":"publish","type":"page","link":"https:\/\/medcapilar.com.br\/","title":{"rendered":"P\u00e1gina de exemplo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25600fb e-flex e-con-boxed e-con e-parent\" data-id=\"25600fb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a413d13 elementor-widget elementor-widget-image\" data-id=\"a413d13\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 15-07-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/medcapilar.com.br\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"250\" height=\"78\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/Z1.jpg\" class=\"attachment-large size-large wp-image-71\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d66999a e-flex e-con-boxed e-con e-parent\" data-id=\"d66999a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbe8ec6 elementor-widget elementor-widget-html\" data-id=\"cbe8ec6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\r\n  M\u00c9TODO HAIRMAX\u00ae | MedCapilar\r\n  Bloco HTML autocontido para incorporar no widget HTML do Elementor.\r\n  Todos os estilos s\u00e3o escopados no prefixo .hmx para n\u00e3o conflitar\r\n  com o tema do WordPress.\r\n============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .hmx, .hmx * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  .hmx {\r\n    --hmx-navy: #0A1F44;\r\n    --hmx-navy-deep: #071633;\r\n    --hmx-blue: #1D5DD8;\r\n    --hmx-blue-soft: #4E8AF0;\r\n    --hmx-ice: #EDF3FC;\r\n    --hmx-white: #FFFFFF;\r\n    --hmx-line: rgba(29, 93, 216, .18);\r\n    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    color: var(--hmx-navy);\r\n    background: var(--hmx-white);\r\n    line-height: 1.65;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hmx h1, .hmx h2, .hmx h3 {\r\n    font-family: 'Marcellus', serif;\r\n    font-weight: 400;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  .hmx-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .hmx-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: .22em;\r\n    text-transform: uppercase;\r\n    color: var(--hmx-blue);\r\n  }\r\n  .hmx-eyebrow::before {\r\n    content: \"\";\r\n    width: 34px;\r\n    height: 2px;\r\n    background: var(--hmx-blue);\r\n    border-radius: 2px;\r\n  }\r\n\r\n  \/* ---------- IMAGENS ---------- *\/\r\n  .hmx-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr .9fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n  }\r\n  .hmx-hero-media {\r\n    position: relative;\r\n  }\r\n  .hmx-hero-media img {\r\n    width: 100%;\r\n    height: 460px;\r\n    object-fit: cover;\r\n    border-radius: 22px;\r\n    display: block;\r\n    border: 1px solid rgba(78, 138, 240, .35);\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, .35);\r\n  }\r\n  .hmx-hero-media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 14px -14px -14px 14px;\r\n    border: 1px solid rgba(78, 138, 240, .3);\r\n    border-radius: 22px;\r\n    z-index: -1;\r\n  }\r\n  .hmx-manifesto-media img {\r\n    width: 100%;\r\n    height: 300px;\r\n    object-fit: cover;\r\n    border-radius: 18px;\r\n    display: block;\r\n    margin-top: 28px;\r\n    border: 1px solid var(--hmx-line);\r\n    box-shadow: 0 18px 40px rgba(10, 31, 68, .12);\r\n  }\r\n  .hmx-treat-card img {\r\n    width: calc(100% + 68px);\r\n    margin: -38px -34px 26px;\r\n    height: 240px;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n    border-radius: 19px 19px 0 0;\r\n    display: block;\r\n    border-bottom: 1px solid rgba(78, 138, 240, .32);\r\n  }\r\n\r\n  \/* ---------- HERO ---------- *\/\r\n  .hmx-hero {\r\n    position: relative;\r\n    background: linear-gradient(160deg, var(--hmx-navy-deep) 0%, var(--hmx-navy) 55%, #10306B 100%);\r\n    color: var(--hmx-white);\r\n    padding: 96px 0 120px;\r\n  }\r\n  .hmx-hero .hmx-eyebrow { color: var(--hmx-blue-soft); }\r\n  .hmx-hero .hmx-eyebrow::before { background: var(--hmx-blue-soft); }\r\n\r\n  .hmx-hero h1 {\r\n    font-size: clamp(40px, 6vw, 68px);\r\n    margin: 22px 0 18px;\r\n    letter-spacing: .01em;\r\n  }\r\n  .hmx-hero h1 sup { font-size: .4em; vertical-align: super; }\r\n\r\n  .hmx-hero-sub {\r\n    font-size: clamp(17px, 2vw, 21px);\r\n    color: #C9D8F2;\r\n    max-width: 640px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .hmx-hero-text {\r\n    margin-top: 34px;\r\n    max-width: 720px;\r\n    color: #AEC2E6;\r\n    font-size: 16.5px;\r\n    display: grid;\r\n    gap: 14px;\r\n  }\r\n  .hmx-hero-text strong { color: var(--hmx-white); font-weight: 700; }\r\n\r\n  .hmx-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-top: 40px;\r\n    padding: 14px 22px;\r\n    border: 1px solid rgba(78, 138, 240, .45);\r\n    border-radius: 999px;\r\n    background: rgba(29, 93, 216, .16);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: .04em;\r\n    color: #DCE8FB;\r\n  }\r\n  .hmx-badge svg { flex-shrink: 0; }\r\n\r\n  \/* linha capilar decorativa *\/\r\n  .hmx-hairline {\r\n    position: absolute;\r\n    left: 0; right: 0; bottom: -2px;\r\n    width: 100%;\r\n    display: block;\r\n  }\r\n\r\n  \/* ---------- DIFERENCIAIS ---------- *\/\r\n  .hmx-difs { padding: 90px 0 70px; background: var(--hmx-white); }\r\n\r\n  .hmx-difs h2 {\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    margin: 20px 0 48px;\r\n    max-width: 620px;\r\n  }\r\n  .hmx-difs h2 em { font-style: normal; color: var(--hmx-blue); }\r\n\r\n  .hmx-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 22px;\r\n  }\r\n\r\n  .hmx-card {\r\n    border: 1px solid var(--hmx-line);\r\n    border-radius: 18px;\r\n    padding: 30px 28px;\r\n    background: var(--hmx-white);\r\n    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n  }\r\n  .hmx-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 18px 40px rgba(10, 31, 68, .10);\r\n    border-color: rgba(29, 93, 216, .4);\r\n  }\r\n  .hmx-card-icon {\r\n    width: 52px; height: 52px;\r\n    border-radius: 14px;\r\n    background: var(--hmx-ice);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n  }\r\n  .hmx-card h3 { font-size: 21px; margin-bottom: 10px; }\r\n  .hmx-card p { font-size: 15.5px; color: #3C4E70; }\r\n  .hmx-card small {\r\n    display: block;\r\n    margin-top: 12px;\r\n    font-size: 12.5px;\r\n    color: #7A8AA8;\r\n  }\r\n\r\n  .hmx-card--wide {\r\n    grid-column: span 1;\r\n    background: linear-gradient(150deg, var(--hmx-navy) 0%, #10306B 100%);\r\n    border-color: transparent;\r\n    color: var(--hmx-white);\r\n  }\r\n  .hmx-card--wide h3 { color: var(--hmx-white); }\r\n  .hmx-card--wide p { color: #BFD1EF; }\r\n  .hmx-card--wide small { color: #8FA6CE; }\r\n  .hmx-card--wide .hmx-card-icon { background: rgba(78, 138, 240, .18); }\r\n\r\n  \/* ---------- MANIFESTO ---------- *\/\r\n  .hmx-manifesto {\r\n    background: var(--hmx-ice);\r\n    padding: 90px 0;\r\n  }\r\n  .hmx-manifesto-inner {\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 1fr;\r\n    gap: 60px;\r\n    align-items: start;\r\n  }\r\n  .hmx-manifesto h2 {\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    margin-top: 20px;\r\n  }\r\n  .hmx-manifesto-copy {\r\n    display: grid;\r\n    gap: 16px;\r\n    font-size: 16.5px;\r\n    color: #33456A;\r\n    padding-top: 8px;\r\n  }\r\n  .hmx-manifesto-copy strong { color: var(--hmx-navy); }\r\n  .hmx-quote {\r\n    margin-top: 10px;\r\n    padding: 22px 26px;\r\n    border-left: 3px solid var(--hmx-blue);\r\n    background: var(--hmx-white);\r\n    border-radius: 0 14px 14px 0;\r\n    font-family: 'Marcellus', serif;\r\n    font-size: 19px;\r\n    color: var(--hmx-navy);\r\n  }\r\n\r\n  \/* ---------- RESULTADOS \/ RECUPERA\u00c7\u00c3O ---------- *\/\r\n  .hmx-pair { padding: 90px 0; background: var(--hmx-white); }\r\n  .hmx-pair-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 22px;\r\n    margin-top: 46px;\r\n  }\r\n  .hmx-panel {\r\n    border-radius: 20px;\r\n    padding: 38px 34px;\r\n    background: var(--hmx-ice);\r\n    border: 1px solid var(--hmx-line);\r\n  }\r\n  .hmx-panel h3 { font-size: 26px; margin-bottom: 16px; }\r\n  .hmx-panel p { font-size: 15.5px; color: #33456A; margin-bottom: 12px; }\r\n  .hmx-panel p:last-child { margin-bottom: 0; }\r\n  .hmx-panel .hmx-highlight {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: 18px;\r\n    color: var(--hmx-blue);\r\n  }\r\n\r\n  \/* ---------- FOTOS ANTES E DEPOIS PACIENTES ---------- *\/\r\n  .hmx-ad {\r\n    background: var(--hmx-navy-deep);\r\n    padding: 90px 0;\r\n    color: var(--hmx-white);\r\n  }\r\n  .hmx-ad .hmx-eyebrow { color: var(--hmx-blue-soft); }\r\n  .hmx-ad .hmx-eyebrow::before { background: var(--hmx-blue-soft); }\r\n  .hmx-ad h2 { font-size: clamp(28px, 3.6vw, 40px); margin: 20px 0 8px; }\r\n  .hmx-ad-sub { color: #AEC2E6; font-size: 16px; margin-bottom: 44px; }\r\n\r\n  .hmx-ad-track-wrap {\r\n    position: relative;\r\n  }\r\n  .hmx-ad-overflow {\r\n    overflow: hidden;\r\n    border-radius: 20px;\r\n  }\r\n  .hmx-ad-track {\r\n    display: flex;\r\n    gap: 20px;\r\n    transition: transform .55s cubic-bezier(.4,0,.2,1);\r\n  }\r\n  .hmx-ad-slide {\r\n    flex-shrink: 0;\r\n    width: calc(33.333% - 14px);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(78,138,240,.3);\r\n    background: var(--hmx-navy);\r\n    box-shadow: 0 16px 40px rgba(0,0,0,.3);\r\n    cursor: zoom-in;\r\n  }\r\n  .hmx-ad-slide img {\r\n    width: 100%;\r\n    height: 480px;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n    display: block;\r\n    transition: transform .35s ease;\r\n  }\r\n  .hmx-ad-slide:hover img { transform: scale(1.04); }\r\n\r\n  .hmx-ad-nav {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 44px; height: 44px;\r\n    border-radius: 50%;\r\n    background: rgba(10,31,68,.7);\r\n    border: 1px solid rgba(78,138,240,.45);\r\n    color: #fff;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    backdrop-filter: blur(6px);\r\n    transition: background .2s;\r\n    z-index: 2;\r\n  }\r\n  .hmx-ad-nav:hover { background: rgba(29,93,216,.8); }\r\n  .hmx-ad-prev { left: -22px; }\r\n  .hmx-ad-next { right: -22px; }\r\n\r\n  .hmx-ad-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 24px;\r\n  }\r\n  .hmx-ad-dot {\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.3);\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: background .3s, transform .3s;\r\n  }\r\n  .hmx-ad-dot.hmx-active {\r\n    background: var(--hmx-blue-soft);\r\n    transform: scale(1.35);\r\n  }\r\n\r\n  \/* ---------- V\u00cdDEOS DEPOIMENTOS ---------- *\/\r\n  .hmx-videos {\r\n    background: var(--hmx-ice);\r\n    padding: 90px 0;\r\n  }\r\n  .hmx-videos h2 { font-size: clamp(28px, 3.6vw, 40px); margin: 20px 0 8px; }\r\n  .hmx-videos-sub { color: #33456A; font-size: 16px; margin-bottom: 44px; }\r\n\r\n  .hmx-videos-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 22px;\r\n  }\r\n  .hmx-video-card {\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    background: var(--hmx-navy);\r\n    border: 1px solid var(--hmx-line);\r\n    box-shadow: 0 12px 32px rgba(10,31,68,.12);\r\n  }\r\n  .hmx-video-card video {\r\n    width: 100%;\r\n    display: block;\r\n    max-height: 400px;\r\n    object-fit: cover;\r\n    background: #000;\r\n  }\r\n  .hmx-video-label {\r\n    padding: 14px 18px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #AEC2E6;\r\n    letter-spacing: .04em;\r\n    background: var(--hmx-navy);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .hmx-ad-slide { width: calc(50% - 10px); }\r\n    .hmx-videos-grid { grid-template-columns: 1fr; }\r\n    .hmx-ad, .hmx-videos { padding: 64px 0; }\r\n  }\r\n  @media (max-width: 620px) {\r\n    .hmx-ad-slide { width: 100%; }\r\n    .hmx-ad-prev { left: 4px; }\r\n    .hmx-ad-next { right: 4px; }\r\n  }\r\n\r\n  \/* ---------- LIFT COMPLEXO HOSPITALAR ---------- *\/\r\n  .hmx-lift {\r\n    background: var(--hmx-white);\r\n    padding: 90px 0;\r\n    overflow: hidden;\r\n  }\r\n  .hmx-lift-inner {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.1fr;\r\n    gap: 64px;\r\n    align-items: center;\r\n  }\r\n  .hmx-lift h2 {\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    margin: 20px 0 20px;\r\n  }\r\n  .hmx-lift-copy {\r\n    display: grid;\r\n    gap: 16px;\r\n    font-size: 16px;\r\n    color: #33456A;\r\n  }\r\n  .hmx-lift-copy strong { color: var(--hmx-navy); }\r\n\r\n  \/* carrossel *\/\r\n  .hmx-lift-carousel {\r\n    position: relative;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    height: 480px;\r\n    box-shadow: 0 30px 64px rgba(10, 31, 68, .14);\r\n    border: 1px solid var(--hmx-line);\r\n    background: var(--hmx-navy-deep);\r\n  }\r\n  .hmx-lift-track {\r\n    display: flex;\r\n    height: 100%;\r\n    transition: transform .6s cubic-bezier(.4,0,.2,1);\r\n  }\r\n  .hmx-lift-track img {\r\n    flex-shrink: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n  .hmx-lift-dots {\r\n    position: absolute;\r\n    bottom: 18px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    gap: 8px;\r\n  }\r\n  .hmx-lift-dot {\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.4);\r\n    cursor: pointer;\r\n    border: none;\r\n    padding: 0;\r\n    transition: background .3s, transform .3s;\r\n  }\r\n  .hmx-lift-dot.hmx-active {\r\n    background: var(--hmx-white);\r\n    transform: scale(1.35);\r\n  }\r\n  .hmx-lift-nav {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 40px; height: 40px;\r\n    border-radius: 50%;\r\n    background: rgba(10, 31, 68, .55);\r\n    border: 1px solid rgba(255,255,255,.25);\r\n    color: #fff;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    backdrop-filter: blur(4px);\r\n    transition: background .2s;\r\n  }\r\n  .hmx-lift-nav:hover { background: rgba(29, 93, 216, .75); }\r\n  .hmx-lift-prev { left: 14px; }\r\n  .hmx-lift-next { right: 14px; }\r\n\r\n  @media (max-width: 900px) {\r\n    .hmx-lift-inner { grid-template-columns: 1fr; gap: 36px; }\r\n    .hmx-lift-carousel { height: 320px; }\r\n    .hmx-lift { padding: 64px 0; }\r\n  }\r\n\r\n  \/* ---------- ANTES E DEPOIS ---------- *\/\r\n  .hmx-results {\r\n    background: var(--hmx-ice);\r\n    padding: 90px 0;\r\n  }\r\n  .hmx-results h2 {\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    margin: 20px 0 12px;\r\n  }\r\n  .hmx-results-sub {\r\n    color: #33456A;\r\n    font-size: 16.5px;\r\n    max-width: 620px;\r\n  }\r\n  .hmx-results-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-top: 46px;\r\n  }\r\n  .hmx-result-item {\r\n    position: relative;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--hmx-line);\r\n    background: var(--hmx-white);\r\n    cursor: pointer;\r\n    box-shadow: 0 8px 24px rgba(10, 31, 68, .07);\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n  }\r\n  .hmx-result-item:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 20px 44px rgba(10, 31, 68, .14);\r\n  }\r\n  .hmx-result-item img {\r\n    width: 100%;\r\n    height: 280px;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform .35s ease;\r\n  }\r\n  .hmx-result-item:hover img { transform: scale(1.04); }\r\n  .hmx-result-tag {\r\n    position: absolute;\r\n    left: 14px;\r\n    bottom: 14px;\r\n    padding: 7px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(10, 31, 68, .82);\r\n    color: var(--hmx-white);\r\n    font-size: 12.5px;\r\n    font-weight: 700;\r\n    letter-spacing: .06em;\r\n    text-transform: uppercase;\r\n    backdrop-filter: blur(4px);\r\n  }\r\n  .hmx-results-note {\r\n    margin-top: 26px;\r\n    font-size: 13px;\r\n    color: #7A8AA8;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* lightbox *\/\r\n  .hmx-lightbox {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(7, 22, 51, .92);\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 99999;\r\n    padding: 24px;\r\n    cursor: zoom-out;\r\n  }\r\n  .hmx-lightbox.hmx-open { display: flex; }\r\n  .hmx-lightbox img {\r\n    max-width: min(920px, 94vw);\r\n    max-height: 88vh;\r\n    border-radius: 14px;\r\n    box-shadow: 0 40px 90px rgba(0, 0, 0, .5);\r\n  }\r\n  .hmx-lightbox-close {\r\n    position: absolute;\r\n    top: 22px;\r\n    right: 26px;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255, 255, 255, .35);\r\n    background: rgba(255, 255, 255, .08);\r\n    color: #fff;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    font-family: 'Manrope', sans-serif;\r\n  }\r\n\r\n  \/* ---------- TRATAMENTOS ---------- *\/\r\n  .hmx-treat {\r\n    background: var(--hmx-navy-deep);\r\n    padding: 90px 0;\r\n    color: var(--hmx-white);\r\n  }\r\n  .hmx-treat .hmx-eyebrow { color: var(--hmx-blue-soft); }\r\n  .hmx-treat .hmx-eyebrow::before { background: var(--hmx-blue-soft); }\r\n  .hmx-treat h2 {\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    margin: 20px 0 12px;\r\n  }\r\n  .hmx-treat-sub {\r\n    color: #AEC2E6;\r\n    font-size: 16.5px;\r\n    max-width: 620px;\r\n  }\r\n  .hmx-treat-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 22px;\r\n    margin-top: 46px;\r\n  }\r\n  .hmx-treat-card {\r\n    border-radius: 20px;\r\n    padding: 38px 34px;\r\n    background: rgba(29, 93, 216, .12);\r\n    border: 1px solid rgba(78, 138, 240, .32);\r\n    transition: transform .25s ease, border-color .25s ease, background .25s ease;\r\n  }\r\n  .hmx-treat-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(78, 138, 240, .7);\r\n    background: rgba(29, 93, 216, .2);\r\n  }\r\n  .hmx-treat-card .hmx-card-icon {\r\n    background: rgba(78, 138, 240, .18);\r\n  }\r\n  .hmx-treat-card h3 { font-size: 24px; margin-bottom: 12px; color: var(--hmx-white); }\r\n  .hmx-treat-card p { font-size: 15.5px; color: #BFD1EF; }\r\n\r\n  \/* ---------- CTA FINAL ---------- *\/\r\n  .hmx-final {\r\n    background: linear-gradient(160deg, #10306B 0%, var(--hmx-navy) 45%, var(--hmx-navy-deep) 100%);\r\n    color: var(--hmx-white);\r\n    padding: 100px 0;\r\n    text-align: center;\r\n    position: relative;\r\n  }\r\n  .hmx-final h2 {\r\n    font-size: clamp(28px, 4vw, 44px);\r\n    max-width: 820px;\r\n    margin: 0 auto 24px;\r\n  }\r\n  .hmx-final p {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    color: #B6C9EC;\r\n    font-size: 16.5px;\r\n  }\r\n  .hmx-final p strong { color: var(--hmx-white); }\r\n  .hmx-final-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    margin-top: 42px;\r\n  }\r\n  .hmx-final-badges span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 13px 22px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(78, 138, 240, .45);\r\n    background: rgba(29, 93, 216, .16);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: .03em;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVO ---------- *\/\r\n  @media (max-width: 900px) {\r\n    .hmx-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .hmx-results-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .hmx-manifesto-inner { grid-template-columns: 1fr; gap: 30px; }\r\n    .hmx-hero-grid { grid-template-columns: 1fr; gap: 40px; }\r\n    .hmx-hero-media img { height: 340px; }\r\n    .hmx-hero-media::after { display: none; }\r\n  }\r\n  @media (max-width: 620px) {\r\n    .hmx-hero { padding: 70px 0 90px; }\r\n    .hmx-grid, .hmx-pair-grid, .hmx-treat-grid, .hmx-results-grid { grid-template-columns: 1fr; }\r\n    .hmx-difs, .hmx-manifesto, .hmx-pair, .hmx-treat, .hmx-results, .hmx-final { padding: 64px 0; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hmx-card { transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hmx\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hmx-hero\">\r\n    <div class=\"hmx-container\">\r\n      <div class=\"hmx-hero-grid\">\r\n        <div>\r\n          <span class=\"hmx-eyebrow\">MedCapilar<\/span>\r\n          <h1>M\u00e9todo Hairmax<sup>\u00ae<\/sup><\/h1>\r\n          <p class=\"hmx-hero-sub\">A t\u00e9cnica exclusiva da MedCapilar para transplante capilar com m\u00e1xima naturalidade.<\/p>\r\n          <div class=\"hmx-hero-text\">\r\n            <p>T\u00e9cnica exclusiva desenvolvida pelo <strong>Dr. Davi Pontes<\/strong>, um dos maiores especialistas em transplante capilar do Brasil. Protocolos avan\u00e7ados, planejamento personalizado e recupera\u00e7\u00e3o mais confort\u00e1vel.<\/p>\r\n          <\/div>\r\n          <div class=\"hmx-badge\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l2.6 5.8 6.4.6-4.8 4.2 1.4 6.2L12 15.6 6.4 18.8l1.4-6.2L3 8.4l6.4-.6L12 2z\" fill=\"#4E8AF0\"\/><\/svg>\r\n            1\u00ba hospital de transplante capilar da Am\u00e9rica Latina\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"hmx-hero-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/g2.jpg\" alt=\"M\u00e9todo Hairmax na MedCapilar\" loading=\"eager\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <svg class=\"hmx-hairline\" viewBox=\"0 0 1440 90\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M0,90 L0,60 C240,20 480,5 720,5 C960,5 1200,20 1440,60 L1440,90 Z\" fill=\"#FFFFFF\"\/>\r\n      <path d=\"M0,60 C240,20 480,5 720,5 C960,5 1200,20 1440,60\" fill=\"none\" stroke=\"#4E8AF0\" stroke-width=\"2\" stroke-opacity=\".55\"\/>\r\n    <\/svg>\r\n  <\/section>\r\n\r\n  <!-- DIFERENCIAIS -->\r\n  <section class=\"hmx-difs\">\r\n    <div class=\"hmx-container\">\r\n      <span class=\"hmx-eyebrow\">Diferenciais<\/span>\r\n      <h2>Os diferenciais do <em>M\u00e9todo Hairmax\u00ae<\/em><\/h2>\r\n\r\n      <div class=\"hmx-grid\">\r\n\r\n        <div class=\"hmx-card\">\r\n          <div class=\"hmx-card-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1D5DD8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M12 21v-8\"\/><path d=\"M12 13c0-4 2-6 5-7-1 4-2 6-5 7z\"\/><path d=\"M12 13c0-4-2-6-5-7 1 4 2 6 5 7z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Maior preserva\u00e7\u00e3o dos fol\u00edculos<\/h3>\r\n          <p>Protocolos que minimizam a manipula\u00e7\u00e3o das unidades foliculares, favorecendo o crescimento saud\u00e1vel dos fios transplantados.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hmx-card\">\r\n          <div class=\"hmx-card-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1D5DD8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 14c3-6 6-8 9-8s6 2 9 8\"\/><circle cx=\"12\" cy=\"6\" r=\"1.4\" fill=\"#1D5DD8\" stroke=\"none\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Linha capilar naturalmente harmoniosa<\/h3>\r\n          <p>Planejamento individual que respeita a anatomia facial e a dire\u00e7\u00e3o dos fios para um resultado discreto e natural.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hmx-card\">\r\n          <div class=\"hmx-card-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1D5DD8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3c-4 3-6 6-6 9a6 6 0 0 0 12 0c0-3-2-6-6-9z\"\/><path d=\"M12 21v-6\"\/><\/svg>\r\n          <\/div>\r\n          <h3>T\u00e9cnica regenerativa exclusiva<\/h3>\r\n          <p>Protocolos pr\u00f3prios que reduzem o trauma cir\u00fargico e favorecem uma recupera\u00e7\u00e3o mais confort\u00e1vel.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hmx-card\">\r\n          <div class=\"hmx-card-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1D5DD8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Procedimento otimizado<\/h3>\r\n          <p>Realizado em m\u00e9dia em cerca de 5 horas, com efici\u00eancia, conforto e alta precis\u00e3o.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hmx-card hmx-card--wide\">\r\n          <div class=\"hmx-card-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4E8AF0\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 4L4 20\"\/><path d=\"M6 4c2 2 3 4 3 6M14 14c2 2 3 4 3 6\"\/><\/svg>\r\n          <\/div>\r\n          <h3>M\u00e9todo No Shaving*<\/h3>\r\n          <p>Quando indicado, o transplante \u00e9 feito sem raspar completamente os cabelos, mantendo sua apar\u00eancia e discri\u00e7\u00e3o na rotina.<\/p>\r\n          <small>*Indica\u00e7\u00e3o conforme avalia\u00e7\u00e3o m\u00e9dica.<\/small>\r\n        <\/div>\r\n\r\n        <div class=\"hmx-card\">\r\n          <div class=\"hmx-card-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1D5DD8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l7 4v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V7l7-4z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Equipe altamente qualificada<\/h3>\r\n          <p>Excel\u00eancia em cada etapa da sua jornada, do planejamento ao p\u00f3s-procedimento.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MANIFESTO -->\r\n  <section class=\"hmx-manifesto\">\r\n    <div class=\"hmx-container\">\r\n      <div class=\"hmx-manifesto-inner\">\r\n        <div>\r\n          <span class=\"hmx-eyebrow\">Nossa filosofia<\/span>\r\n          <h2>Muito al\u00e9m de um transplante capilar<\/h2>\r\n          <div class=\"hmx-manifesto-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/dd.jpg\" alt=\"Equipe MedCapilar\" loading=\"lazy\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"hmx-manifesto-copy\">\r\n          <p>Um bom transplante n\u00e3o depende apenas da quantidade de fios, mas da <strong>t\u00e9cnica em cada etapa<\/strong>. O M\u00e9todo Hairmax\u00ae une tecnologia, precis\u00e3o cir\u00fargica e planejamento personalizado para resultados naturais e duradouros.<\/p>\r\n          <div class=\"hmx-quote\">Nosso objetivo \u00e9 restaurar n\u00e3o apenas os cabelos, mas a harmonia da sua imagem e a confian\u00e7a para viver cada fase da vida com seguran\u00e7a.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- RESULTADOS + RECUPERA\u00c7\u00c3O -->\r\n  <section class=\"hmx-pair\">\r\n    <div class=\"hmx-container\">\r\n      <span class=\"hmx-eyebrow\">O que voc\u00ea pode esperar<\/span>\r\n      <div class=\"hmx-pair-grid\">\r\n\r\n        <div class=\"hmx-panel\">\r\n          <h3>Resultados que parecem naturais<\/h3>\r\n          <p>Do desenho da linha frontal \u00e0 distribui\u00e7\u00e3o dos enxertos, cada etapa acompanha o padr\u00e3o natural de crescimento dos fios, evitando o aspecto artificial dos transplantes antigos.<\/p>\r\n          <p class=\"hmx-highlight\">O resultado \u00e9 um cabelo que combina com voc\u00ea, e n\u00e3o um cabelo que parece transplantado.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hmx-panel\">\r\n          <h3>Recupera\u00e7\u00e3o mais discreta<\/h3>\r\n          <p>T\u00e9cnica minimamente invasiva e protocolos regenerativos garantem menor agress\u00e3o ao couro cabeludo e retorno r\u00e1pido \u00e0 rotina. Quando indicado, o M\u00e9todo No Shaving reduz ainda mais os sinais vis\u00edveis do transplante.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FOTOS ANTES E DEPOIS PACIENTES -->\r\n  <section class=\"hmx-ad\">\r\n    <div class=\"hmx-container\">\r\n      <span class=\"hmx-eyebrow\">Transforma\u00e7\u00f5es<\/span>\r\n      <h2>Antes e Depois dos Pacientes<\/h2>\r\n      <p class=\"hmx-ad-sub\">Resultados reais realizados com o M\u00e9todo Hairmax\u00ae.<\/p>\r\n\r\n      <div class=\"hmx-ad-track-wrap\">\r\n        <div class=\"hmx-ad-overflow\">\r\n          <div class=\"hmx-ad-track\" id=\"hmxAdTrack\">\r\n            <div class=\"hmx-ad-slide\" id=\"hmxAdLb0\" data-src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/foto02-antes-e-depois-scaled.jpeg\">\r\n              <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/foto02-antes-e-depois-scaled.jpeg\" alt=\"Antes e depois paciente 1\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"hmx-ad-slide\" id=\"hmxAdLb1\" data-src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/foto03-antes-e-depois.jpeg\">\r\n              <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/foto03-antes-e-depois.jpeg\" alt=\"Antes e depois paciente 2\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"hmx-ad-slide\" id=\"hmxAdLb2\" data-src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/foto01-antes-e-depois.jpeg\">\r\n              <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/foto01-antes-e-depois.jpeg\" alt=\"Antes e depois paciente 3\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <button class=\"hmx-ad-nav hmx-ad-prev\" id=\"hmxAdPrev\" aria-label=\"Anterior\">&#8592;<\/button>\r\n        <button class=\"hmx-ad-nav hmx-ad-next\" id=\"hmxAdNext\" aria-label=\"Pr\u00f3xima\">&#8594;<\/button>\r\n      <\/div>\r\n      <div class=\"hmx-ad-dots\" id=\"hmxAdDots\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- V\u00cdDEOS DEPOIMENTOS -->\r\n  <section class=\"hmx-videos\">\r\n    <div class=\"hmx-container\">\r\n      <span class=\"hmx-eyebrow\">Depoimentos<\/span>\r\n      <h2>V\u00eddeos<\/h2>\r\n      <p class=\"hmx-videos-sub\">O melhor para voc\u00ea hoje!<\/p>\r\n\r\n      <div class=\"hmx-videos-grid\">\r\n        <div class=\"hmx-video-card\">\r\n          <video controls preload=\"metadata\" poster=\"\">\r\n            <source src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/video01.mp4\" type=\"video\/mp4\">\r\n          <\/video>\r\n        <\/div>\r\n        <div class=\"hmx-video-card\">\r\n          <video controls preload=\"metadata\" poster=\"\">\r\n            <source src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/video02.mp4.mp4\" type=\"video\/mp4\">\r\n          <\/video>\r\n        <\/div>\r\n        <div class=\"hmx-video-card\">\r\n          <video controls preload=\"metadata\" poster=\"\">\r\n            <source src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/video03.mp4.mov\" type=\"video\/quicktime\">\r\n            <source src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/video03.mp4.mov\" type=\"video\/mp4\">\r\n          <\/video>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LIFT COMPLEXO HOSPITALAR -->\r\n  <section class=\"hmx-lift\">\r\n    <div class=\"hmx-container\">\r\n      <div class=\"hmx-lift-inner\">\r\n\r\n        <div>\r\n          <span class=\"hmx-eyebrow\">Estrutura<\/span>\r\n          <h2>Lift Complexo Hospitalar<\/h2>\r\n          <div class=\"hmx-lift-copy\">\r\n            <p>O Lift Complexo Hospitalar oferece um ambiente seguro, onde <strong>tecnologia de ponta<\/strong>, efici\u00eancia operacional e aten\u00e7\u00e3o aos detalhes caminham juntas. O espa\u00e7o foi concebido para a realiza\u00e7\u00e3o de procedimentos, interna\u00e7\u00f5es e para oferecer uma solu\u00e7\u00e3o completa tanto para m\u00e9dicos quanto para pacientes.<\/p>\r\n            <p>Com uma estrutura desenvolvida a partir de uma <strong>arquitetura moderna e funcional<\/strong>, o Lift acompanha as principais tend\u00eancias globais da \u00e1rea da sa\u00fade, viabilizando cirurgias, interna\u00e7\u00f5es e exames com elevado padr\u00e3o de seguran\u00e7a, excel\u00eancia e conforto.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hmx-lift-carousel\" id=\"hmxLift\">\r\n          <div class=\"hmx-lift-track\" id=\"hmxLiftTrack\">\r\n            <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/1.jpg\" alt=\"Lift Complexo Hospitalar\" loading=\"eager\">\r\n            <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/2.jpg\" alt=\"Lift Complexo Hospitalar\" loading=\"lazy\">\r\n            <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/3.jpg\" alt=\"Lift Complexo Hospitalar\" loading=\"lazy\">\r\n            <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/4.jpg\" alt=\"Lift Complexo Hospitalar\" loading=\"lazy\">\r\n            <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/5.jpg\" alt=\"Lift Complexo Hospitalar\" loading=\"lazy\">\r\n            <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/6.jpg\" alt=\"Lift Complexo Hospitalar\" loading=\"lazy\">\r\n          <\/div>\r\n          <button class=\"hmx-lift-nav hmx-lift-prev\" id=\"hmxLiftPrev\" aria-label=\"Anterior\">&#8592;<\/button>\r\n          <button class=\"hmx-lift-nav hmx-lift-next\" id=\"hmxLiftNext\" aria-label=\"Pr\u00f3xima\">&#8594;<\/button>\r\n          <div class=\"hmx-lift-dots\" id=\"hmxLiftDots\"><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TRATAMENTOS -->\r\n  <section class=\"hmx-treat\">\r\n    <div class=\"hmx-container\">\r\n      <span class=\"hmx-eyebrow\">Nossa cl\u00ednica<\/span>\r\n      <h2>Tratamentos<\/h2>\r\n      <p class=\"hmx-treat-sub\">Os mais avan\u00e7ados tratamentos para crescimento capilar voc\u00ea encontra em nossa cl\u00ednica, solicite mais informa\u00e7\u00f5es.<\/p>\r\n\r\n      <div class=\"hmx-treat-grid\">\r\n\r\n        <div class=\"hmx-treat-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/g3.jpg\" alt=\"Transplante capilar t\u00e9cnica FUE\" loading=\"lazy\">\r\n          <div class=\"hmx-card-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4E8AF0\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M12 21v-8\"\/><path d=\"M12 13c0-4 2-6 5-7-1 4-2 6-5 7z\"\/><path d=\"M12 13c0-4-2-6-5-7 1 4 2 6 5 7z\"\/><path d=\"M6 21h12\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Transplante Capilar<\/h3>\r\n          <p>Especialistas em transplante capilar avan\u00e7ado, utilizando a t\u00e9cnica FUE fio a fio. Trazendo resultados surpreendentes.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hmx-treat-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/medcapilar.com.br\/wp-content\/uploads\/2026\/07\/2g2.jpg\" alt=\"Implante de barba\" loading=\"lazy\">\r\n          <div class=\"hmx-card-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4E8AF0\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 4c0 5 1 8 5 8s5-3 5-8\"\/><path d=\"M12 12v3\"\/><path d=\"M8 20c1-2.5 2.5-4 4-4s3 1.5 4 4\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Implante de Barba<\/h3>\r\n          <p>Barbas falhadas ou quase nenhuma? Isso n\u00e3o \u00e9 problema, conhe\u00e7a as t\u00e9cnicas para implante de barba.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FINAL -->\r\n  <section class=\"hmx-final\">\r\n    <div class=\"hmx-container\">\r\n      <h2>Uma t\u00e9cnica exclusiva. Um atendimento personalizado. Resultados naturais.<\/h2>\r\n      <p>O <strong>M\u00e9todo Hairmax\u00ae<\/strong>, desenvolvido pelo <strong>Dr. Davi Pontes<\/strong>, aplicado por uma equipe altamente qualificada em cada etapa da sua jornada.<\/p>\r\n      <div class=\"hmx-final-badges\">\r\n        <span>\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l2.6 5.8 6.4.6-4.8 4.2 1.4 6.2L12 15.6 6.4 18.8l1.4-6.2L3 8.4l6.4-.6L12 2z\" fill=\"#4E8AF0\"\/><\/svg>\r\n          1\u00ba hospital de transplante capilar da Am\u00e9rica Latina\r\n        <\/span>\r\n        <span>\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4E8AF0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l7 4v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V7l7-4z\"\/><\/svg>\r\n          T\u00e9cnica exclusiva Hairmax\u00ae\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var lb = document.getElementById('hmxLightbox');\r\n  if (!lb) return;\r\n  var lbImg = lb.querySelector('img');\r\n  var closeBtn = lb.querySelector('.hmx-lightbox-close');\r\n\r\n  document.querySelectorAll('.hmx-result-item').forEach(function (item) {\r\n    item.addEventListener('click', function () {\r\n      lbImg.src = item.getAttribute('data-hmx-full');\r\n      lb.classList.add('hmx-open');\r\n      lb.setAttribute('aria-hidden', 'false');\r\n      document.body.style.overflow = 'hidden';\r\n    });\r\n  });\r\n\r\n  function hmxClose() {\r\n    lb.classList.remove('hmx-open');\r\n    lb.setAttribute('aria-hidden', 'true');\r\n    lbImg.src = '';\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  lb.addEventListener('click', function (e) {\r\n    if (e.target !== lbImg) hmxClose();\r\n  });\r\n  closeBtn.addEventListener('click', hmxClose);\r\n  document.addEventListener('keydown', function (e) {\r\n    if (e.key === 'Escape') hmxClose();\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<script>\r\n(function () {\r\n  var track = document.getElementById('hmxLiftTrack');\r\n  var dotsContainer = document.getElementById('hmxLiftDots');\r\n  var prevBtn = document.getElementById('hmxLiftPrev');\r\n  var nextBtn = document.getElementById('hmxLiftNext');\r\n  if (!track) return;\r\n\r\n  var total = track.children.length;\r\n  var current = 0;\r\n  var timer;\r\n\r\n  \/\/ build dots\r\n  for (var i = 0; i < total; i++) {\r\n    var d = document.createElement('button');\r\n    d.className = 'hmx-lift-dot' + (i === 0 ? ' hmx-active' : '');\r\n    d.setAttribute('aria-label', 'Imagem ' + (i + 1));\r\n    d.setAttribute('data-i', i);\r\n    dotsContainer.appendChild(d);\r\n  }\r\n\r\n  function goTo(n) {\r\n    current = (n + total) % total;\r\n    track.style.transform = 'translateX(-' + (current * 100) + '%)';\r\n    dotsContainer.querySelectorAll('.hmx-lift-dot').forEach(function (d, idx) {\r\n      d.classList.toggle('hmx-active', idx === current);\r\n    });\r\n  }\r\n\r\n  function startAuto() {\r\n    clearInterval(timer);\r\n    timer = setInterval(function () { goTo(current + 1); }, 4000);\r\n  }\r\n\r\n  prevBtn.addEventListener('click', function () { goTo(current - 1); startAuto(); });\r\n  nextBtn.addEventListener('click', function () { goTo(current + 1); startAuto(); });\r\n  dotsContainer.addEventListener('click', function (e) {\r\n    var btn = e.target.closest('.hmx-lift-dot');\r\n    if (btn) { goTo(parseInt(btn.getAttribute('data-i'))); startAuto(); }\r\n  });\r\n\r\n  startAuto();\r\n})();\r\n<\/script>\r\n\r\n<script>\r\n(function () {\r\n  var track = document.getElementById('hmxAdTrack');\r\n  var dotsWrap = document.getElementById('hmxAdDots');\r\n  var prevBtn = document.getElementById('hmxAdPrev');\r\n  var nextBtn = document.getElementById('hmxAdNext');\r\n  if (!track) return;\r\n\r\n  var slides = track.querySelectorAll('.hmx-ad-slide');\r\n  var total = slides.length;\r\n  var current = 0;\r\n  var slideW = 0;\r\n  var visibleCount = 3;\r\n\r\n  function calcSlide() {\r\n    var wrap = track.parentElement;\r\n    visibleCount = window.innerWidth <= 620 ? 1 : window.innerWidth <= 900 ? 2 : 3;\r\n    slideW = (wrap.offsetWidth - (visibleCount - 1) * 20) \/ visibleCount;\r\n    slides.forEach(function (s) { s.style.width = slideW + 'px'; });\r\n    goTo(current);\r\n  }\r\n\r\n  function buildDots() {\r\n    dotsWrap.innerHTML = '';\r\n    var pages = total - visibleCount + 1;\r\n    for (var i = 0; i < pages; i++) {\r\n      var d = document.createElement('button');\r\n      d.className = 'hmx-ad-dot' + (i === 0 ? ' hmx-active' : '');\r\n      d.setAttribute('data-i', i);\r\n      dotsWrap.appendChild(d);\r\n    }\r\n  }\r\n\r\n  function goTo(n) {\r\n    var maxPage = total - visibleCount;\r\n    current = Math.max(0, Math.min(n, maxPage));\r\n    track.style.transform = 'translateX(-' + (current * (slideW + 20)) + 'px)';\r\n    dotsWrap.querySelectorAll('.hmx-ad-dot').forEach(function (d, i) {\r\n      d.classList.toggle('hmx-active', i === current);\r\n    });\r\n  }\r\n\r\n  prevBtn.addEventListener('click', function () { goTo(current - 1); });\r\n  nextBtn.addEventListener('click', function () { goTo(current + 1); });\r\n  dotsWrap.addEventListener('click', function (e) {\r\n    var b = e.target.closest('.hmx-ad-dot');\r\n    if (b) goTo(parseInt(b.getAttribute('data-i')));\r\n  });\r\n\r\n  \/\/ lightbox reuse\r\n  slides.forEach(function (s) {\r\n    s.addEventListener('click', function () {\r\n      var lb = document.getElementById('hmxLightbox');\r\n      if (!lb) return;\r\n      lb.querySelector('img').src = s.getAttribute('data-src');\r\n      lb.classList.add('hmx-open');\r\n      document.body.style.overflow = 'hidden';\r\n    });\r\n  });\r\n\r\n  buildDots();\r\n  calcSlide();\r\n  window.addEventListener('resize', function () { buildDots(); calcSlide(); });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MedCapilar M\u00e9todo Hairmax\u00ae A t\u00e9cnica exclusiva da MedCapilar para transplante capilar com m\u00e1xima naturalidade. T\u00e9cnica exclusiva desenvolvida pelo Dr. Davi Pontes, um dos maiores especialistas em transplante capilar do Brasil. Protocolos avan\u00e7ados, planejamento personalizado e recupera\u00e7\u00e3o mais confort\u00e1vel. 1\u00ba hospital de transplante capilar da Am\u00e9rica Latina Diferenciais Os diferenciais do M\u00e9todo Hairmax\u00ae Maior preserva\u00e7\u00e3o dos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medcapilar.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medcapilar.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medcapilar.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medcapilar.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medcapilar.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":29,"href":"https:\/\/medcapilar.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/medcapilar.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/medcapilar.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}