/* Mediclique — base. Escopo em .mc-ui para não vazar em projetos existentes. */
.mc-ui{font-family:var(--font-base);font-size:var(--mc-fs-body);line-height:var(--mc-lh-body);font-weight:400;color:var(--mc-text);background:var(--mc-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
[data-mc-theme]{color:var(--mc-text)}
.mc-ui *,.mc-ui *::before,.mc-ui *::after{box-sizing:border-box}
.mc-ui :where(h1,h2,h3,h4,p,ul,ol,figure){margin:0}
.mc-ui :where(button,input,select,textarea){font:inherit;color:inherit}
.mc-ui a{color:var(--mc-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.mc-ui a:hover{text-decoration-thickness:2px}
.mc-ui :focus-visible{outline:var(--mc-focus-ring) solid var(--mc-focus);outline-offset:var(--mc-focus-offset)}
.mc-ui ::selection{background:var(--mc-brand-green);color:var(--mc-brand-ink)}

.mc-container{width:100%;max-width:calc(var(--mc-container) + var(--mc-gutter) * 2);margin-inline:auto;padding-inline:var(--mc-gutter)}
.mc-section{padding-block:var(--mc-section-y)}
.mc-stack{display:flex;flex-direction:column;gap:var(--mc-space-4)}

.mc-display{font-size:var(--mc-fs-display);line-height:var(--mc-lh-display);letter-spacing:var(--mc-ls-display);font-weight:400;text-wrap:balance}
.mc-display--light{font-weight:300}
.mc-h1{font-size:var(--mc-fs-h1);line-height:var(--mc-lh-h1);letter-spacing:var(--mc-ls-h1);font-weight:400;text-wrap:balance}
.mc-h2{font-size:var(--mc-fs-h2);line-height:var(--mc-lh-h2);letter-spacing:var(--mc-ls-h2);font-weight:500;text-wrap:balance}
.mc-h3{font-size:var(--mc-fs-h3);line-height:var(--mc-lh-h3);letter-spacing:var(--mc-ls-h3);font-weight:600}
.mc-h4{font-size:var(--mc-fs-h4);line-height:var(--mc-lh-h4);letter-spacing:var(--mc-ls-h4);font-weight:600}
.mc-lead{font-size:var(--mc-fs-lead);line-height:var(--mc-lh-lead);color:var(--mc-text-muted);max-width:var(--mc-measure);text-wrap:pretty}
.mc-body{font-size:var(--mc-fs-body);line-height:var(--mc-lh-body);max-width:var(--mc-measure);text-wrap:pretty}
.mc-small{font-size:var(--mc-fs-small);line-height:var(--mc-lh-small);color:var(--mc-text-muted)}
.mc-muted{color:var(--mc-text-muted)}
.mc-eyebrow{font-family:var(--font-mono);font-weight:700;font-size:var(--mc-fs-eyebrow);line-height:var(--mc-lh-mono);letter-spacing:var(--mc-ls-eyebrow);text-transform:uppercase;color:var(--mc-accent)}
@media (max-width:767px){.mc-eyebrow{letter-spacing:.08em}}
.mc-code{font-family:var(--font-mono);font-size:var(--mc-fs-code);letter-spacing:var(--mc-ls-code)}
.mc-metric{font-size:var(--mc-fs-metric);line-height:var(--mc-lh-metric);letter-spacing:var(--mc-ls-metric);font-weight:500;font-variant-numeric:tabular-nums}
.mc-num{font-variant-numeric:tabular-nums}
/* Destaque em degradê: apenas em uma expressão do título, no tema escuro. No claro vira verde sólido. */
.mc-highlight{background:var(--mc-title-highlight);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mc-halo{position:relative;isolation:isolate}
.mc-halo::before{content:"";position:absolute;inset:0;background:var(--mc-halo);pointer-events:none;z-index:-1}
.mc-divider{height:1px;background:var(--mc-border);border:0;margin:0}
.mc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
