/* Páginas de artigo — Dra. Gabriella Albuquerque */
:root{
  --ink:#2C1418; --ink-soft:#6E4B4F; --deep:#3E181D; --deep-2:#4E1F26;
  --marsala:#96323F; --marsala-hover:#B03D4A; --rose:#C9A29C; --champagne:#C9A57B;
  --paper:#FAF6F3; --paper-warm:#F1E7E1; --line:rgba(44,20,24,.15);
  --display:"Playfair Display",Georgia,serif; --body:"Instrument Sans",system-ui,sans-serif;
  --util:"Jost",system-ui,sans-serif; --gutter:clamp(20px,5vw,48px);
  --tex-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .16 0 0 0 0 .15 .28 0 0 0 -.135'/%3E%3C/filter%3E%3Cfilter id='b' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .5 0 0 0 -.23'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"); --tex-velvet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cfilter id='m' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0075' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .46 0 0 0 -.17'/%3E%3C/filter%3E%3Cfilter id='h' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0065' numOctaves='2' seed='23' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .79 0 0 0 0 .5 0 0 0 0 .52 .26 0 0 0 -.1'/%3E%3C/filter%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .88 0 0 0 0 .86 .18 0 0 0 -.07'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23h)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);font-size:17px;line-height:1.7;color:var(--ink);
  background-color:var(--paper);background-image:var(--tex-paper);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--marsala)}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.16;letter-spacing:-.005em}

.barra{background:var(--deep);background-image:var(--tex-velvet);color:#fff;
  padding:1.1rem var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.barra a{color:#fff;text-decoration:none}
.barra .nome{font-family:var(--display);font-size:1.15rem;letter-spacing:.01em}
.barra .volta{font-family:var(--util);font-size:.74rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--champagne);white-space:nowrap}
.barra .volta:hover{color:#fff}

.artigo{max-width:720px;margin:0 auto;padding:clamp(40px,7vw,76px) var(--gutter) clamp(48px,8vw,84px)}
.eyebrow{font-family:var(--util);font-size:.72rem;font-weight:500;letter-spacing:.3em;
  text-transform:uppercase;color:#A0714A;margin-bottom:1.1rem}
.artigo h1{font-size:clamp(1.9rem,4.4vw,2.9rem);color:var(--ink)}
.dek{font-family:var(--display);font-style:italic;font-size:clamp(1.1rem,2vw,1.35rem);
  line-height:1.45;color:var(--marsala);margin-top:1rem}
.capa{margin:2.2rem 0 0;border-left:3px solid var(--marsala)}
.capa img{width:100%;max-width:300px;aspect-ratio:1/1;object-fit:cover}
.corpo{margin-top:2.2rem}
.corpo p{margin-bottom:1.25rem;color:var(--ink-soft)}
.corpo p strong{color:var(--ink);font-weight:600}
.corpo ul{margin:0 0 1.25rem 1.1rem;color:var(--ink-soft)}
.corpo li{margin-bottom:.7rem}
.corpo blockquote{margin:1.8rem 0;padding:0 0 0 1.3rem;border-left:3px solid var(--rose);
  font-family:var(--display);font-style:italic;font-size:1.12rem;line-height:1.5;color:var(--ink)}
.aviso{margin-top:2rem;padding:1.2rem 1.4rem;background:#fff;border-left:3px solid var(--marsala);
  font-size:.97rem;color:var(--ink-soft)}
.fonte{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);
  font-size:.86rem;color:var(--ink-soft)}
.cta{margin-top:2.6rem;text-align:center}
.btn{display:inline-flex;align-items:center;gap:.7rem;background:var(--marsala);color:#fff;
  text-decoration:none;font-weight:600;font-size:1rem;padding:1.1rem 2rem;border-radius:2px;
  box-shadow:0 12px 32px rgba(62,24,29,.22);transition:background .25s ease,transform .25s ease}
.btn:hover{background:var(--marsala-hover);transform:translateY(-2px)}
.btn:focus-visible{outline:2px solid var(--champagne);outline-offset:4px}

.outros{margin-top:3.2rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.outros p{font-family:var(--util);font-size:.72rem;font-weight:500;letter-spacing:.24em;
  text-transform:uppercase;color:#A0714A;margin-bottom:1rem}
.outros ul{list-style:none}
.outros li{margin-bottom:.6rem}
.outros a{font-family:var(--display);font-size:1.08rem;text-decoration:none}
.outros a:hover{text-decoration:underline}

footer{background:var(--deep);background-image:var(--tex-velvet);color:rgba(255,255,255,.7);
  padding:clamp(40px,5vw,60px) var(--gutter)}
footer .wrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;
  gap:clamp(24px,3vw,40px);font-size:.92rem;line-height:1.75}
footer h4{font-family:var(--util);font-size:.7rem;font-weight:500;letter-spacing:.22em;
  text-transform:uppercase;color:var(--champagne);margin-bottom:.7rem}
footer .foot-name{font-family:var(--display);font-size:1.4rem;color:#fff;margin-bottom:.5rem}
footer a{color:rgba(255,255,255,.82);text-decoration:none}
footer a:hover{color:#fff}
@media (max-width:760px){ footer .wrap{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .btn{transition:none} }