.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.cirrhosis-page{overflow-x:hidden;background:#faf7f1;color:#5a5a5a;font-family:"Inter",Arial,sans-serif;font-size:17px;line-height:1.65}
.cirrhosis-page h1,.cirrhosis-page h2,.cirrhosis-page h3,.cirrhosis-page blockquote{margin-top:0;color:var(--green);font-family:Georgia,"Times New Roman",serif;font-weight:400}
.cirrhosis-page h2{max-width:850px;margin:0 0 44px;font-size:clamp(36px,4vw,55px);line-height:1.12;letter-spacing:-.025em}
.cirrhosis-page h3{line-height:1.2}
.cirrhosis-page p,.cirrhosis-page li,.cirrhosis-page dd{font-size:17px;line-height:1.65}
.cirrhosis-page svg{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-container{width:min(1240px,calc(100% - 88px));margin-inline:auto}
.editorial-section{padding:clamp(96px,8.8vw,148px) 0}
.section-rule{display:block;width:54px;height:1px;margin-bottom:26px;background:var(--gold)}
.section-intro{max-width:820px;margin:-16px 0 50px}
.cirrhosis-page .editorial-emphasis,.cirrhosis-page .section-closing{margin:44px 0 0;border-left:1px solid var(--gold);padding:12px 0 12px 32px;color:var(--green);font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.3vw,29px);line-height:1.34}
.two-column,.split-sections{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:64px}

/* Hero: texto à esquerda, imagem clínica protagonista à direita e conceitos na base. */
.cirrhosis-hero{background:linear-gradient(90deg,#fbf8f1 0%,#fbf8f1 49%,#f4efe5 100%)}
.cirrhosis-hero .clinical-hero__inner{min-height:700px;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:48px;padding-block:82px 94px}
.cirrhosis-hero .clinical-hero__copy{max-width:650px}
.cirrhosis-hero .eyebrow{margin-bottom:18px;font-size:10px;font-weight:500;letter-spacing:.15em}
.cirrhosis-hero h1{max-width:700px;margin:0;font-size:clamp(47px,4.27vw,69px);line-height:1.08;letter-spacing:-.035em}
.cirrhosis-hero .clinical-hero__copy>p:not(.eyebrow){max-width:625px;margin:0 0 20px;font-size:18px;line-height:1.74}
.cirrhosis-hero .clinical-hero__copy>.hero-lead{max-width:650px;margin:20px 0 38px!important;color:var(--green);font-family:Georgia,"Times New Roman",serif;font-size:42px!important;font-weight:400;line-height:1.12!important;letter-spacing:-.025em}
.cirrhosis-hero .clinical-actions{margin-top:40px}
.cirrhosis-hero__visual{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center}
.cirrhosis-hero__visual>img{display:none}
.cirrhosis-hero__visual::before{width:min(100%,570px);aspect-ratio:780/465;background:url("HERO_CIRROSE_REFERENCIA.png") center/contain no-repeat;content:""}
.hero-concepts{width:56%;display:grid;grid-template-columns:1fr;align-self:flex-start;gap:14px;margin:10px 0 0 4%}
.hero-concepts span{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;color:var(--green);font-size:11px;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}
.hero-concepts svg{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;padding:10px}
.cirrhosis-hero__foliage{position:absolute;right:-2%;bottom:2%;z-index:1;width:220px;height:265px;overflow:hidden;background:url("FOLHAGEM_VERDE_01_LIMPA.png") right bottom/220px auto no-repeat;opacity:.38;pointer-events:none}
.cirrhosis-hero__foliage img{display:none}
.cirrhosis-hero__foliage::before{content:none}
.cirrhosis-hero__visual::before,.hero-concepts{position:relative;z-index:2}

/* Abertura editorial e perguntas. */
.intro{background:#fff}
.intro .two-column{align-items:start}
.intro .two-column>div>p{max-width:68ch;margin:.75em 0}
.question-panel{align-self:start;background:#f5f1e9;padding:32px 34px}
.question-panel h3{margin:0 0 24px;font-size:28px}
.question-panel>div,.method-list>div{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid rgba(8,79,62,.1)}
.question-panel>div:last-child,.method-list>div:last-child{border-bottom:0}
.question-panel svg,.method-list svg{width:42px;height:42px}
.question-panel p,.method-list p{margin:0}
.question-panel strong,.question-panel span,.method-list strong,.method-list span{display:block}
.question-panel span,.method-list span{font-size:15px;line-height:1.55}

/* Comparação sem figuras, como na referência atualizada. */
.states{position:relative;overflow:hidden;background:#e8f0eb}
.states>.page-container{position:relative;z-index:1}
.states h2{max-width:700px}
.states-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:34px}
.states-grid article{padding:32px 46px 26px 0;background:transparent}
.states-grid article+article{border-left:1px solid rgba(201,169,106,.45);padding-right:0;padding-left:46px}
.states-grid img{display:none}
.states-grid h3{margin:0 0 20px;font-size:27px}
.states-grid p,.states-grid dl{margin:.65em 0}
.states-grid dt{margin-top:12px;color:var(--green);font-weight:600}
.states-grid dd{margin:2px 0 0}
.states blockquote{max-width:760px;margin:58px 0 0 auto;border-left:1px solid var(--gold);padding:12px 0 12px 32px;font-size:clamp(24px,2.3vw,30px);line-height:1.34}
.section-foliage{position:absolute;right:auto;bottom:-28px;left:-38px;width:600px;opacity:.3;transform:none;transform-origin:left bottom;pointer-events:none}

/* Hipertensão portal: explicação acima; anatomia e consequências lado a lado. */
.portal{background:#fff}
.portal .page-container{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);align-items:center;gap:0 52px}
.portal .page-container>.section-rule,.portal .page-container>h2,.portal .section-closing{grid-column:1/-1}
.portal-grid{display:contents}
.portal-grid>div:first-child{grid-column:1/-1;columns:2;column-gap:70px}
.portal-grid>div:first-child .editorial-emphasis{break-inside:avoid}
.portal-visual{grid-column:1;min-height:360px;display:grid;place-items:center}
.portal-visual img{display:none}
.portal-visual::before{width:min(100%,450px);aspect-ratio:820/594;background:url("HIPERTENSAO_PORTAL_REFERENCIA.png") center/contain no-repeat;content:""}
.portal-vessel{display:none}
.consequence-grid{grid-column:2;display:grid;grid-template-columns:1fr;gap:0;margin:0}
.consequence-grid article{display:grid;grid-template-columns:48px 1fr;column-gap:17px;border-bottom:1px solid rgba(8,79,62,.1);padding:16px 0;text-align:left}
.consequence-grid svg{width:44px;height:44px;grid-row:1/3}
.consequence-grid h3{margin:0 0 5px;font-size:21px}
.consequence-grid p{grid-column:2;margin:0;font-size:15px;line-height:1.6}
.portal .section-closing,.rapid .section-closing,.monitoring .section-closing{max-width:840px;margin:36px auto 0;border-left:0;border-top:1px solid rgba(201,169,106,.6);padding:24px 0 0;text-align:center}

/* Seções intermediárias compactas, alternando fundos como na prancha. */
.prevention{background:#f7f2e9}
.split-sections>section+section{border-left:1px solid rgba(201,169,106,.5);padding-left:58px}
.method-list{margin-top:24px}
.care-list{display:grid;gap:18px;margin-top:24px}
.prevention .split-sections>section:nth-child(2)>.care-list{margin-top:32px}
.care-list article{display:grid;grid-template-columns:44px 1fr;column-gap:15px}
.care-list svg{width:40px;height:40px;grid-row:1/4}
.care-list article:last-child svg{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 60'%3E%3Cpath d='M10 51V25C10 14 18 9 29 9h15c7 0 12-1 18-3 5-2 8 1 8 7 0 11-6 19-15 27' fill='none' stroke='%23c9a96a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 31c0 12-8 20-21 20H10' fill='none' stroke='%23c9a96a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.care-list article:last-child svg use{display:none}
.care-list h3{margin:0 0 7px;font-size:23px}
.care-list p{grid-column:2;margin:0 0 8px;font-size:15px;line-height:1.65}
.rapid{background:#fff}
.rapid-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:38px}
.rapid-grid article{padding:0 20px;text-align:center}
.rapid-grid article+article{border-left:1px solid rgba(201,169,106,.45)}
.rapid-grid svg{width:46px;height:46px}
.rapid-grid h3{margin:15px 0 10px;font-size:20px}
.rapid-grid p{margin:0;font-size:15px;line-height:1.6}

.cancer-transplant{background:#f7f2e9}
.cancer-transplant .split-sections>section:first-child::after{display:block;width:min(100%,310px);aspect-ratio:746/594;margin:24px auto 0;background:url("ULTRASSOM_FIGADO_REFERENCIA.png") center/contain no-repeat;content:""}

.monitoring{background:var(--green);color:#edf2ed}
.monitoring h2,.monitoring h3,.monitoring .section-closing{color:var(--cream)}
.monitoring-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:42px}
.monitoring-grid::before{position:absolute;top:24px;right:8%;left:8%;height:1px;background:rgba(201,169,106,.65);content:""}
.monitoring-grid article{position:relative;z-index:1}
.monitoring-grid span{display:inline-block;background:var(--green);padding-right:10px;color:var(--gold);font-family:Georgia,serif;font-size:27px}
.monitoring-grid h3{min-height:80px;margin:18px 0 10px;font-size:21px}
.monitoring-grid p{font-size:15px;line-height:1.6}

.when{position:relative;overflow:hidden;background:#fff}
.when>.page-container{position:relative;z-index:1}
.when__list{display:grid;grid-template-columns:repeat(2,1fr);gap:58px}
.when__list ul{margin:0;padding:0;list-style:none}
.when__list li{position:relative;border-bottom:1px solid rgba(8,79,62,.12);padding:12px 10px 12px 24px}
.when__list li::before{position:absolute;top:20px;left:3px;width:7px;height:7px;border:1px solid var(--gold);border-radius:50%;content:""}
.when__foliage{position:absolute;top:-5px;right:-15px;bottom:auto;width:720px;opacity:.4;transform:rotate(180deg);transform-origin:center;pointer-events:none}

.clinical-faq{background:#faf7f0}
.clinical-faq>.page-container{max-width:1050px}
.clinical-faq__list{margin-top:34px}
.clinical-faq__item{border-top:1px solid rgba(8,79,62,.16)}
.clinical-faq__item:last-child{border-bottom:1px solid rgba(8,79,62,.16)}
.clinical-faq__item h3{margin:0}
.clinical-faq__item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;background:transparent;padding:17px 0;color:var(--green);font:inherit;text-align:left;cursor:pointer}
.clinical-faq__item button span{font-family:Arial,sans-serif;font-size:24px;transition:transform .2s}
.clinical-faq__item button[aria-expanded=true] span{transform:rotate(45deg)}
.clinical-faq__item>div{padding:0 50px 22px 0}
.clinical-faq__item>div p{margin:.7em 0}

.clinical-closing{position:relative;overflow:hidden;background:var(--green);color:#edf2ed;padding:72px 0}
.cirrhosis-page .clinical-closing::before{display:none}
.clinical-closing__inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:62px}
.clinical-closing h2{color:var(--cream)}
.clinical-closing p{max-width:760px}
.clinical-closing__actions{display:flex;flex-direction:column;gap:14px}
.clinical-closing .clinical-button--primary{border-color:var(--cream)!important;background:var(--cream)!important;color:var(--green)!important}
.clinical-closing .clinical-button--primary:hover{border-color:#fff!important;background:#fff!important;color:var(--green)!important}
.clinical-closing .clinical-button--primary>span:last-child{color:var(--gold)!important}
.clinical-closing .clinical-button--secondary{border-color:var(--cream);color:var(--cream)}

@media(max-width:1000px){
  .cirrhosis-hero .clinical-hero__inner{grid-template-columns:1fr 1fr;gap:24px}
  .cirrhosis-hero .clinical-hero__copy>.hero-lead{margin:16px 0 30px!important;font-size:32px!important;line-height:1.18!important}
  .two-column,.split-sections,.clinical-closing__inner{grid-template-columns:1fr}
  .question-panel{margin-top:8px}
  .split-sections>section+section{margin-top:55px;border-top:1px solid rgba(201,169,106,.45);border-left:0;padding:55px 0 0}
  .rapid-grid{grid-template-columns:repeat(2,1fr);gap:34px 0}
  .rapid-grid article:nth-child(odd){border-left:0}
  .monitoring-grid{grid-template-columns:repeat(2,1fr)}
  .monitoring-grid::before{display:none}
}

@media(max-width:700px){
  .page-container{width:calc(100% - 40px)}
  .editorial-section{padding:88px 0}
  .cirrhosis-page h2{margin-bottom:37px;font-size:clamp(36px,10vw,46px);line-height:1.12}
  .cirrhosis-page p,.cirrhosis-page li,.cirrhosis-page dd{font-size:17px;line-height:1.76}
  .cirrhosis-hero .clinical-hero__inner{display:flex;min-height:0;flex-direction:column;gap:30px;padding-block:66px 80px}
  .cirrhosis-hero h1{font-size:clamp(40px,10vw,56px);line-height:1.08}
  .cirrhosis-hero .clinical-hero__copy>p:not(.eyebrow){font-size:17px;line-height:1.76}
  .cirrhosis-hero .clinical-hero__copy>.hero-lead{margin:16px 0 32px!important;font-size:29px!important;line-height:1.18!important}
  .cirrhosis-hero__visual>img{display:none}
  .cirrhosis-hero__visual::before{width:100%}
  .hero-concepts{width:62%;align-self:flex-start;gap:9px;margin:4px 0 0}
  .hero-concepts span{grid-template-columns:38px 1fr;gap:8px;font-size:8px}
  .hero-concepts svg{width:38px;height:38px;padding:8px}
  .cirrhosis-hero__foliage{right:-1%;bottom:2%;width:106px;height:130px;background-size:106px auto;opacity:.23}
  .two-column,.states-grid,.split-sections,.when__list,.clinical-closing__inner{grid-template-columns:1fr;gap:38px}
  .question-panel{padding:26px 20px}
  .states-grid{gap:0}
  .states-grid article{padding:22px 0}
  .states-grid article+article{border-top:1px solid rgba(201,169,106,.45);border-left:0;padding-left:0}
  .states blockquote{font-size:24px}
  .section-foliage{right:auto;bottom:-22px;left:-55px;width:390px;opacity:.22}
  .portal .page-container{display:block}
  .portal-grid{display:flex;flex-direction:column;gap:18px}
  .portal-grid>div:first-child{columns:1}
  .portal-visual{min-height:0;order:2}
  .portal-visual::before{width:100%}
  .consequence-grid{order:3;width:100%}
  .consequence-grid article{grid-template-columns:42px 1fr}
  .consequence-grid svg{width:38px;height:38px}
  .rapid-grid{grid-template-columns:1fr;gap:24px}
  .rapid-grid article{border-top:1px solid rgba(201,169,106,.35);border-left:0!important;padding:24px 8px 0}
  .monitoring-grid{grid-template-columns:1fr;gap:30px}
  .monitoring-grid article{padding-left:48px}
  .monitoring-grid::before{display:block;top:14px;bottom:14px;left:16px;width:1px;height:auto}
  .monitoring-grid span{position:absolute;left:0;padding-right:6px;font-size:24px}
  .monitoring-grid h3{min-height:0;margin:0 0 8px}
  .when__list{gap:0}
  .when__foliage{top:-10px;right:-75px;width:440px;opacity:.27}
  .clinical-faq__item button{padding:18px 0}
  .clinical-faq__item>div{padding-right:0}
  .clinical-closing{padding:70px 0}
  .clinical-closing__actions{max-width:360px}
  .cirrhosis-page main>.editorial-section{border-top:0!important;border-bottom:0!important}
}