/* Una sola explicación visual del metabolismo y del círculo vicioso. */
#metabolismo{padding:clamp(30px,4vw,62px) 0;scroll-margin-top:110px;}
#metabolismo .cycle-section{width:calc(100% - 32px);max-width:1240px;margin:auto;}
#metabolismo .cycle-intro{max-width:900px;margin:0 auto 28px;padding:0 12px;}
#metabolismo .cycle-intro h2{font-size:clamp(29px,3.2vw,43px);line-height:1.16;letter-spacing:-.025em;margin:13px 0 18px;max-width:28ch;text-wrap:balance;}
#metabolismo .cycle-intro p{font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:var(--ink-soft);max-width:74ch;}
#metabolismo .cycle-intro strong{font-weight:600;color:var(--navy-strong);}
#metabolismo .cycle-figure{margin:0;scroll-margin-top:110px;}
#metabolismo .cycle-figure picture{display:block;}
#metabolismo .cycle-diagram{display:block;width:100%;height:auto;border:0;border-radius:22px;}
#metabolismo .cycle-sources{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 12px 0;font-size:12px;color:#59675e;}
#metabolismo .cycle-sources a{text-underline-offset:3px;}
#metabolismo .cycle-sources a:focus-visible{outline:2px solid var(--teal);outline-offset:4px;}
.home-authority .hero-claim{font-size:clamp(29px,3.3vw,44px);line-height:1.18;max-width:29ch;}
.home-authority .lede{max-width:70ch;}
@media(max-width:899px){
 #metabolismo .cycle-section{max-width:650px;width:calc(100% - 20px);}
 #metabolismo .cycle-intro{padding:0 12px;margin-bottom:22px;}
 #metabolismo .cycle-intro h2{font-size:clamp(29px,5.5vw,39px);}
 #metabolismo .cycle-diagram{border-radius:18px;}
}
@media(max-width:540px){
 #metabolismo .eyebrow{font-size:11px;letter-spacing:.08em;}
 #metabolismo .cycle-intro p{font-size:17px;line-height:1.6;}
 #metabolismo .cycle-sources{justify-content:flex-start;font-size:11px;}
 .home-authority .hero-claim{font-size:31px;}
}