:root{font-family:'DM Sans',sans-serif;color:#233b35;background:#fafaf7;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:50;background:#fff;padding:12px}.site-header{height:86px;padding:0 clamp(22px,5vw,82px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid #e6ebe5}.brand img{display:block;width:190px;height:auto}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;font-weight:700;font-size:14px}.site-header nav a:hover{text-decoration:underline}.preview-tag{border:1px solid #e0e5df;border-radius:999px;padding:8px 12px;color:#65746e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-wrap{max-width:1320px;margin:auto;padding-left:clamp(22px,5vw,64px);padding-right:clamp(22px,5vw,64px)}
.hero{position:relative;min-height:min(760px,calc(100svh - 86px));display:flex;align-items:center;overflow:hidden;background:#183f38;color:#fff}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background-image:url('../../assets/visual-134/equipe-todas-especialidades-134.webp');background-position:center 35%;background-size:cover;transition:background-image .25s}.hero-shade{background:linear-gradient(90deg,rgba(17,63,55,.93) 0%,rgba(17,63,55,.80) 44%,rgba(17,63,55,.20) 100%)}body[data-family=nursing] .hero-shade{background:linear-gradient(90deg,rgba(54,36,75,.94) 0%,rgba(75,49,106,.78) 47%,rgba(82,57,113,.23) 100%)}body[data-family=integrative] .hero-photo{background-image:url('assets/camomila-referencia.jpg');background-position:center 54%}body[data-family=integrative] .hero-shade{background:linear-gradient(90deg,rgba(72,55,16,.96) 0%,rgba(83,65,23,.84) 47%,rgba(105,79,19,.12) 100%)}.hero-inner{position:relative;z-index:1;max-width:1320px;width:100%;margin:auto;padding:70px clamp(22px,5vw,64px)}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.15em}.eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:#c7e99a}body[data-family=nursing] .eyebrow::before{background:#cfbdf1}body[data-family=integrative] .eyebrow::before{background:#FFD54F}.hero h1{font:800 clamp(48px,6vw,90px)/1.03 Manrope,sans-serif;letter-spacing:-.065em;max-width:950px;margin:28px 0}.hero h1 em{font-style:normal;color:#d8f4bf}body[data-family=nursing] .hero h1 em{color:#e7d8ff}body[data-family=integrative] .hero h1 em{color:#FFEB8A}.hero p{font-size:clamp(17px,1.7vw,21px);line-height:1.55;max-width:660px;margin:0 0 36px;color:rgba(255,255,255,.94)}.family-switch{display:inline-flex;align-items:stretch;gap:6px;flex-wrap:wrap;padding:6px;border-radius:16px;background:rgba(255,255,255,.16);backdrop-filter:blur(12px)}.family-switch button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:12px 16px;border:0;border-radius:11px;background:transparent;color:#fff;font-size:13px;font-weight:800}.family-switch button:hover,.family-switch button[aria-pressed=true]{background:#fff;color:#173e35}body[data-family=nursing] .family-switch button[aria-pressed=true]{color:#4f3570}body[data-family=integrative] .family-switch button[aria-pressed=true]{background:#FFEB8A;color:#554214}.hero-link{display:flex;align-items:center;gap:20px;width:max-content;margin-top:24px;color:#fff;text-decoration:none;font-weight:800}.hero-link:hover{text-decoration:underline}
.intro{display:grid;grid-template-columns:1fr .85fr;gap:8%;padding-top:112px;padding-bottom:112px}.section-kicker{color:#8a701d}.section-title h2,.directory h2,.closing h2,.detail-body h2{font:800 clamp(34px,4vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-.052em;margin:16px 0 0;color:#243e37}.section-title h2 em{font-style:normal;color:#b99925}.intro-copy{padding-top:24px}.intro-copy p{font-size:18px;line-height:1.7;color:#52625a;margin:0 0 19px}.intro-copy a{display:inline-flex;gap:16px;margin-top:8px;text-decoration:none;font-weight:800;color:#705813;border-bottom:2px solid #FFD54F;padding-bottom:8px}.areas{padding-bottom:108px}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.area-card{position:relative;isolation:isolate;min-height:395px;padding:0;text-align:left;border:0;border-radius:22px;overflow:hidden;background:#183e36;color:#fff;box-shadow:0 12px 30px rgba(43,52,35,.08);transition:transform .2s,box-shadow .2s}.area-card:hover,.area-card.selected{transform:translateY(-4px);box-shadow:0 20px 42px rgba(43,52,35,.15)}.area-card.selected{outline:3px solid #d9ad31;outline-offset:3px}.area-card img,.area-card-shade{position:absolute;inset:0;width:100%;height:100%}.area-card img{object-fit:cover}.area-card-shade{background:linear-gradient(0deg,rgba(9,62,52,.92),rgba(9,62,52,.05) 80%)}.area-card.nursing .area-card-shade{background:linear-gradient(0deg,rgba(63,39,87,.94),rgba(72,45,101,.18) 80%)}.area-card.integrative .area-card-shade{background:linear-gradient(0deg,rgba(86,63,16,.96),rgba(99,70,14,.12) 80%)}.area-card-copy{position:absolute;bottom:0;left:0;right:0;padding:26px;display:grid;gap:9px}.area-card-copy small{font-size:10px;letter-spacing:.13em;font-weight:800}.area-card-copy strong{font:800 clamp(22px,2.2vw,30px)/1.15 Manrope,sans-serif}.area-card-copy>span{font-size:13px;font-weight:700}
.directory{background:#FFF7C2;padding:100px 0 116px}.directory-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.directory-heading h2{margin:13px 0 12px}.directory-heading p{font-size:17px;color:#615c43;margin:0}.directory-count{display:grid;justify-items:center;min-width:110px;color:#6e591d}.directory-count b{font:800 46px/1 Manrope,sans-serif}.directory-count span{font-size:12px;font-weight:800}.directory-search{display:flex;align-items:center;gap:14px;max-width:590px;height:58px;margin:36px 0 25px;padding:0 18px;background:#fff;border:1px solid #e7dca4;border-radius:13px;color:#8a701d}.directory-search span{font-size:28px;line-height:1}.directory-search input{width:100%;border:0;outline:0;background:transparent;color:#273a35}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.practice-card{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:7px 12px;min-height:136px;padding:20px;border:1px solid #eee1a8;border-radius:15px;background:#fff;color:#31463d;text-decoration:none;transition:transform .17s,border-color .17s,box-shadow .17s}.practice-card:hover,.practice-card:focus-visible{transform:translateY(-3px);border-color:#d3b847;box-shadow:0 10px 23px rgba(100,83,23,.11);outline:0}.practice-card small{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#FFEB8A;color:#695314;font-weight:800}.practice-card strong{font:800 17px/1.3 Manrope,sans-serif}.practice-card span{grid-column:2;color:#826915;font-weight:800;font-size:12px}.empty{padding:28px;text-align:center}.closing{padding-top:110px;padding-bottom:110px}.closing p{color:#6a756f;font-size:16px;line-height:1.6}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(22px,5vw,82px);background:#f2f2eb;border-top:1px solid #e5e6dd;color:#758078;font-size:12px}footer img{width:150px}
.detail-hero{padding:92px 0;background:linear-gradient(90deg,rgba(65,51,20,.9),rgba(85,68,29,.55)),url('assets/camomila-referencia.jpg') center 55%/cover;color:#fff}.detail-hero .section-kicker{display:block;margin-top:75px;color:#FFEB8A}.detail-hero h1{max-width:850px;font:800 clamp(42px,6vw,78px)/1.04 Manrope,sans-serif;letter-spacing:-.065em;margin:18px 0}.detail-hero p{max-width:660px;font-size:18px;line-height:1.55}.back{color:#fff;text-decoration:none;font-weight:700}.back:hover{text-decoration:underline}.detail-body{display:grid;grid-template-columns:1fr 370px;gap:10%;align-items:center;padding-top:95px;padding-bottom:110px}.detail-body h2{font-size:clamp(32px,3.8vw,54px)}.detail-body p{font-size:18px;line-height:1.7;color:#57645e}.detail-body img{height:440px;width:100%;object-fit:cover;border-radius:20px}.detail-button{display:inline-block;margin-top:12px;background:#FFD54F;border-radius:12px;padding:14px 20px;text-decoration:none;font-weight:800}
@media(max-width:900px){.site-header nav{display:none}.intro{grid-template-columns:1fr;gap:14px}.area-grid,.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-body{grid-template-columns:1fr}.detail-body img{height:320px}}@media(max-width:620px){.site-header{height:72px}.brand img{width:150px}.preview-tag{font-size:9px}.hero{min-height:650px}.hero-inner{padding-top:75px;padding-bottom:75px}.hero-shade{background:linear-gradient(0deg,rgba(17,63,55,.95),rgba(17,63,55,.54))}body[data-family=nursing] .hero-shade{background:linear-gradient(0deg,rgba(54,36,75,.96),rgba(75,49,106,.55))}body[data-family=integrative] .hero-shade{background:linear-gradient(0deg,rgba(72,55,16,.96),rgba(83,65,23,.58))}.hero h1{font-size:clamp(42px,11vw,65px)}.family-switch{display:grid;width:100%}.family-switch button{width:100%}.intro,.areas,.directory,.closing{padding-top:70px;padding-bottom:70px}.area-grid,.practice-grid{grid-template-columns:1fr}.area-card{min-height:310px}.directory-heading{align-items:start}.directory-count{min-width:75px}.directory-count b{font-size:34px}.detail-hero{padding:65px 0}.detail-body{padding-top:65px;padding-bottom:75px}footer{align-items:start;flex-direction:column}}
.directory-page-hero{position:relative;padding:100px 0 70px;background:linear-gradient(90deg,rgba(61,49,19,.94),rgba(91,72,28,.65)),url('assets/camomila-referencia.jpg') center 55%/cover;color:#fff}.directory-page-hero .section-kicker{color:#FFEB8A}.directory-page-hero h1{font:800 clamp(43px,5.6vw,76px)/1.04 Manrope,sans-serif;letter-spacing:-.06em;margin:20px 0}.directory-page-hero h1 em{font-style:normal;color:#FFEB8A}.directory-page-hero p{font-size:18px;line-height:1.5}.directory-family-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:42px}.directory-family-tabs button{min-height:50px;border:1px solid rgba(255,255,255,.28);border-radius:11px;padding:10px 16px;background:rgba(255,255,255,.12);color:#fff;font-size:14px;font-weight:800}.directory-family-tabs button b{display:inline-grid;place-items:center;min-width:26px;height:26px;margin-left:8px;border-radius:50%;background:rgba(255,255,255,.18);font-size:11px}.directory-family-tabs button[aria-pressed=true]{background:#FFEB8A;color:#4b421f}.directory-page-list{min-height:500px}body[data-family=medical] .directory-page-hero{background:linear-gradient(90deg,rgba(12,65,57,.94),rgba(12,65,57,.36)),url('../../assets/visual-133/hero-area-medica-133.webp') center 35%/cover}body[data-family=nursing] .directory-page-hero{background:linear-gradient(90deg,rgba(68,41,95,.94),rgba(80,53,108,.38)),url('../../assets/visual-133/hero-enfermagem-133.webp') center 35%/cover}body[data-family=medical] .directory-page-hero h1 em,body[data-family=medical] .directory-page-hero .section-kicker{color:#d5f3ca}body[data-family=nursing] .directory-page-hero h1 em,body[data-family=nursing] .directory-page-hero .section-kicker{color:#ead8ff}body[data-family=medical] .directory-family-tabs button[aria-pressed=true]{background:#d5f3ca;color:#164f43}body[data-family=nursing] .directory-family-tabs button[aria-pressed=true]{background:#ead8ff;color:#553572}body[data-family=medical] .directory-page-list{background:#ecf5ef}body[data-family=nursing] .directory-page-list{background:#f3eef9}body[data-family=medical] .directory-page-list .section-kicker{color:#247361}body[data-family=nursing] .directory-page-list .section-kicker{color:#765497}body[data-family=medical] .directory-page-list .practice-card small{background:#d5f3ca;color:#165043}body[data-family=nursing] .directory-page-list .practice-card small{background:#ead8ff;color:#553572}body[data-family=medical] .directory-page-list .practice-card{border-color:#d3e9dc}body[data-family=nursing] .directory-page-list .practice-card{border-color:#e6d9ee}body[data-family=medical] .directory-page-list .practice-card span{color:#247361}body[data-family=nursing] .directory-page-list .practice-card span{color:#765497}.area-card{text-decoration:none}@media(max-width:620px){.directory-page-hero{padding:75px 0 55px}.directory-family-tabs{display:grid}.directory-family-tabs button{text-align:left}}
/* A fotografia principal mantém a linguagem de profissionais e pacientes da Clínica HUB. */
body[data-family=integrative] .hero-photo{background-image:url('../../assets/visual-542/naturopatia.jpg');background-position:center 44%}
body[data-family=integrative] .hero-shade{background:linear-gradient(90deg,rgba(72,55,16,.94) 0%,rgba(82,65,24,.80) 43%,rgba(105,79,19,.16) 100%)}
.directory-page-hero{background:linear-gradient(90deg,rgba(72,55,16,.91),rgba(88,69,24,.26)),url('../../assets/visual-542/naturopatia.jpg') center 42%/cover}
.detail-hero{background:linear-gradient(90deg,rgba(72,55,16,.91),rgba(88,69,24,.28)),url('../../assets/visual-542/naturopatia.jpg') center 42%/cover}
@media(max-width:620px){body[data-family=integrative] .hero-shade{background:linear-gradient(0deg,rgba(72,55,16,.95),rgba(83,65,23,.43))}}
/* Série visual: o mesmo trio, com uma profissão diferente em destaque por área. */
.hero-photo{background-image:url('assets/trio-medica-v1.png');background-position:center 40%}
body[data-family=nursing] .hero-photo{background-image:url('assets/trio-enfermagem-v1.png');background-position:center 40%}
body[data-family=integrative] .hero-photo{background-image:url('assets/trio-terapia-integrativa-v1.png');background-position:center 40%}
body[data-family=medical] .directory-page-hero{background:linear-gradient(90deg,rgba(12,65,57,.91),rgba(12,65,57,.12)),url('assets/trio-medica-v1.png') center 40%/cover}
body[data-family=nursing] .directory-page-hero{background:linear-gradient(90deg,rgba(68,41,95,.91),rgba(80,53,108,.12)),url('assets/trio-enfermagem-v1.png') center 40%/cover}
body[data-family=integrative] .directory-page-hero{background:linear-gradient(90deg,rgba(72,55,16,.91),rgba(88,69,24,.12)),url('assets/trio-terapia-integrativa-v1.png') center 40%/cover}
.detail-hero{background:linear-gradient(90deg,rgba(72,55,16,.91),rgba(88,69,24,.12)),url('assets/trio-terapia-integrativa-v1.png') center 40%/cover}
.area-card.medical img{object-position:58% center}.area-card.nursing img{object-position:68% center}.area-card.integrative img{object-position:80% center}
.practice-card:has(.practice-card-image){padding:0 0 18px;overflow:hidden;min-height:250px;align-content:start}
.practice-card-image{grid-column:1/-1;width:100%;height:142px;object-fit:cover;object-position:center 43%;display:block;margin-bottom:8px}
.practice-card:has(.practice-card-image) small{margin-left:16px}
.practice-card:has(.practice-card-image) strong{padding-right:16px}
.practice-card:has(.practice-card-image) span{padding-right:16px}
.detail-hero{min-height:560px;display:flex;align-items:center;background-position:center 42%;background-size:cover}
.detail-hero .section-wrap{width:100%}
.detail-hero-link{display:inline-flex;margin-top:17px;padding:13px 18px;border-radius:10px;background:#FFEB8A;color:#4e3f18;text-decoration:none;font-weight:800}
.detail-steps{padding-top:10px;padding-bottom:110px}
.detail-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.detail-step-grid article{background:#fff;border:1px solid #ece3bc;border-radius:18px;padding:25px}
.detail-step-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#FFEB8A;color:#6b5418;font-size:12px}
.detail-step-grid h3{font:800 21px/1.2 Manrope,sans-serif;margin:20px 0 8px}
.detail-step-grid p{color:#607068;line-height:1.6;margin:0}
@media(max-width:800px){.detail-step-grid{grid-template-columns:1fr}.detail-hero{min-height:500px}}
@media(max-width:620px){.detail-hero{min-height:540px;background-position:67% center}.detail-hero .section-wrap{padding-top:50px;padding-bottom:50px}.detail-steps{padding-bottom:65px}}
.integrative-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding-top:82px;padding-bottom:82px}
.integrative-about h2{font:800 clamp(34px,4vw,55px)/1.12 Manrope,sans-serif;letter-spacing:-.05em;margin:17px 0 0;max-width:560px}
.integrative-about p{font-size:18px;line-height:1.7;color:#52625a;margin:0 0 16px}
body:not([data-family=integrative]) .integrative-about{display:none}
.detail-body h3{font:800 20px/1.25 Manrope,sans-serif;margin:28px 0 4px}
@media(max-width:800px){.integrative-about{grid-template-columns:1fr;gap:22px;padding-top:65px;padding-bottom:65px}}
.practice-card:has(.practice-card-image){display:flex;flex-direction:column;position:relative;gap:0;min-height:336px;padding:0 0 18px}
.practice-card:has(.practice-card-image) .practice-card-image{width:100%;height:155px;flex:none;object-fit:cover;margin:0}
.practice-card:has(.practice-card-image) small{position:absolute;top:12px;left:12px;margin:0}
.practice-card:has(.practice-card-image) strong{display:block;margin:17px 18px 0;padding:0;font-size:17px}
.practice-card:has(.practice-card-image) .practice-card-description{margin:10px 18px 16px;color:#65736a;font-size:13px;line-height:1.45}
.practice-card:has(.practice-card-image) span{display:block;margin:auto 18px 0;padding:0;color:#826915}
.detail-page.long-title .detail-hero h1{font-size:clamp(38px,4.7vw,66px);max-width:960px;overflow-wrap:anywhere}
.detail-page.long-title .detail-body h2{font-size:clamp(31px,3.4vw,48px);overflow-wrap:anywhere}
.source-note,.detail-body p.source-note{font-size:12px;line-height:1.5;color:#7b8378;margin-top:22px}
.source-note a{color:#6d591b}
