/* Estilos compartilhados das páginas internas — Drª Renata Olivatti */
@font-face{
  font-family:'Inter';
  src:url('../fonts/Inter-normal-100_900-latin.BwkfbSeq.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Inter';
  src:url('../fonts/Inter-normal-100_900-latin-ext.DpK-iCPk.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1DBF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --primary-50:#fbfafa;
  --primary-100:#f5f1f2;
  --primary-200:#eae3e4;
  --primary-300:#ddd1d3;
  --primary-400:#cab8bb;
  --primary-500:#b59b9e;
  --primary-600:#9f7d82;
  --primary-700:#856267;
  --primary-800:#645053;
  --primary-900:#493a3c;
  --primary-950:#302627;
  --orange-500:#c07a82;
  --radius-lg:0.5rem;
  --radius-xl:0.75rem;
  --radius-2xl:1rem;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-feature-settings:"cv01","ss03";
  background:var(--primary-50);
  color:var(--primary-950);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,p{margin:0;}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}

/* NAV */
.nav-wrap{position:fixed;top:16px;left:0;right:0;z-index:100;display:flex;justify-content:center;pointer-events:none;}
.nav-pill{
  pointer-events:auto;display:flex;align-items:center;gap:8px;
  background:rgba(245,241,242,0.9);backdrop-filter:blur(12px);
  border-radius:999px;padding:8px 8px 8px 20px;border:1px solid var(--primary-200);
  width:calc(100% - 32px);max-width:960px;
}
.nav-logo{display:flex;align-items:baseline;gap:8px;color:var(--primary-950);}
.nav-logo .mark{font-size:16px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap;}
.nav-logo .sub{font-size:11px;font-weight:500;color:var(--primary-500);letter-spacing:0.06em;text-transform:uppercase;}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:24px;flex:1;}
.nav-link{
  display:flex;align-items:center;padding:10px 16px;border-radius:999px;
  font-size:15px;font-weight:500;color:var(--primary-800);
  transition:background .2s ease,color .2s ease;background:none;border:none;
}
.nav-link:hover{background:var(--primary-200);color:var(--primary-950);}
.nav-cta{
  margin-left:auto;background:var(--primary-950);color:var(--primary-50) !important;
  padding:12px 24px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;
}
.nav-cta:hover{background:var(--primary-900);}

/* CABEÇALHO DA PÁGINA */
.page-header{
  padding:180px 0 64px;
  background:linear-gradient(180deg,var(--primary-300) 0%,var(--primary-50) 100%);
}
.page-header .eyebrow{
  display:inline-block;font-size:14px;font-weight:500;color:var(--primary-800);
  background:var(--primary-50);border:1px solid var(--primary-300);
  padding:6px 14px;border-radius:999px;margin-bottom:24px;
}
.page-header h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:500;letter-spacing:-0.025em;line-height:1.1;max-width:760px;}
.page-header p{margin-top:20px;font-size:18px;color:var(--primary-700);max-width:620px;line-height:1.5;}

/* CONTEÚDO */
.page-body{padding:72px 0 96px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.card{
  background:var(--primary-100);border:1px solid var(--primary-200);
  border-radius:var(--radius-2xl);padding:32px;
}
.card h2{font-size:22px;font-weight:500;letter-spacing:-0.01em;margin-bottom:16px;}
.card p,.card li{font-size:16px;line-height:1.6;color:var(--primary-700);}
.card li{padding:10px 0;border-top:1px solid var(--primary-200);}
.card li:first-child{border-top:none;}
.card strong{color:var(--primary-950);font-weight:600;}
.btn-primary{
  margin-top:28px;display:inline-flex;align-items:center;gap:8px;
  background:var(--primary-950);color:var(--primary-50);
  padding:16px 32px;border-radius:999px;font-size:15px;font-weight:500;border:none;
  transition:background .2s ease;
}
.btn-primary:hover{background:var(--primary-900);}
.btn-primary svg{width:16px;height:16px;}

.prose{max-width:760px;}
.prose h2{font-size:22px;font-weight:500;letter-spacing:-0.01em;margin:48px 0 16px;color:var(--primary-950);}
.prose h2:first-child{margin-top:0;}
.prose p{font-size:16px;line-height:1.7;color:var(--primary-700);margin-bottom:16px;}
.prose ul{margin:0 0 16px;}
.prose ul li{font-size:16px;line-height:1.7;color:var(--primary-700);padding-left:20px;position:relative;margin-bottom:8px;}
.prose ul li::before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--orange-500);}
.prose .updated{font-size:14px;color:var(--primary-500);margin-top:48px;padding-top:24px;border-top:1px solid var(--primary-200);}

/* FAQ */
.faq{max-width:820px;}
.faq details{border-top:1px solid var(--primary-200);padding:24px 0;}
.faq details:last-child{border-bottom:1px solid var(--primary-200);}
.faq summary{
  font-size:19px;font-weight:500;color:var(--primary-950);cursor:pointer;
  list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;
  letter-spacing:-0.01em;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';font-size:24px;color:var(--primary-500);font-weight:400;line-height:1;flex-shrink:0;}
.faq details[open] summary::after{content:'–';}
.faq details p{margin-top:16px;font-size:16px;line-height:1.7;color:var(--primary-700);max-width:680px;}

/* FOOTER */
footer{background:var(--primary-100);padding:72px 0 0;overflow:hidden;}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding:0 24px 40px;flex-wrap:wrap;gap:32px;max-width:1280px;margin:0 auto;}
.footer-brand{font-size:15px;color:var(--primary-700);line-height:1.7;}
.footer-brand strong{display:block;color:var(--primary-950);font-weight:600;margin-bottom:4px;}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;}
.footer-links a{font-size:14px;color:var(--primary-700);}
.footer-links a:hover{color:var(--primary-950);}
.footer-wordmark{width:100%;padding:0 24px;overflow:hidden;}
.footer-wordmark span{
  display:block;font-size:clamp(2.5rem,11.5vw,9.5rem);
  font-weight:600;letter-spacing:-0.04em;line-height:1;
  transform:translateY(16%);white-space:nowrap;color:var(--primary-300);
}

@media (max-width:900px){
  .grid-2{grid-template-columns:1fr;gap:32px;}
}
@media (max-width:768px){
  .nav-links{display:none;}
  .page-header{padding:140px 0 48px;}
  .footer-top{flex-direction:column;align-items:flex-start;}
}
@media (max-width:480px){
  .container{padding:0 16px;}
  .nav-logo .sub{display:none;}
}
