/* AULA 12 — ANATOMIA DA PELVE FEMININA (PARTE 1) — obstetricia-premium */
:root {
  --a12-bg: #0f0a14;
  --a12-bg2: #1a1320;
  --a12-card: #221829;
  --a12-card-hi: #2a1e33;
  --a12-border: #3a2d44;
  --a12-ink: #f7f1f5;
  --a12-sub: #c5b9c9;
  --a12-muted: #8a7d92;
  --a12-teal: #4cb7b0;
  --a12-teal-bg: rgba(76,183,176,0.12);
  --a12-gold: #e8a838;
  --a12-gold-bg: rgba(232,168,56,0.14);
  --a12-coral: #f06a78;
  --a12-coral-bg: rgba(240,106,120,0.14);
  --a12-green: #5cc99a;
  --a12-green-bg: rgba(92,201,154,0.12);
  --a12-blue: #6ba3e0;
  --a12-blue-bg: rgba(107,163,224,0.12);
  --a12-violet: #b984e8;
  --a12-violet-bg: rgba(185,132,232,0.12);
  --a12-amber: #e8a838;
  --a12-radius: 14px;
  --a12-gap: 22px;
  /* tokens do SVG */
  --a12-tinta: #F7F1F5;
  --a12-osso: #D9C4B2;
  --a12-coral: #F06A78;
  --a12-ameixa: #9B6BC2;
  --a12-petroleo-claro: #4CB7B0;
  --a12-linha: #A99BA6;
}
[data-theme="light"] {
  --a12-bg: #f8f6f9;
  --a12-bg2: #f2edf3;
  --a12-card: #ffffff;
  --a12-card-hi: #f2edf3;
  --a12-border: #e4dce6;
  --a12-ink: #1c1622;
  --a12-sub: #4d4252;
  --a12-muted: #7a6e84;
  --a12-teal: #268c85;
  --a12-teal-bg: rgba(38,140,133,0.1);
  --a12-gold: #b8862e;
  --a12-gold-bg: rgba(184,134,46,0.1);
  --a12-coral: #d93848;
  --a12-coral-bg: rgba(217,56,72,0.1);
  --a12-green: #2e9e6e;
  --a12-green-bg: rgba(46,158,110,0.1);
  --a12-blue: #3d72c4;
  --a12-blue-bg: rgba(61,114,196,0.1);
  --a12-violet: #7b44a8;
  --a12-violet-bg: rgba(123,68,168,0.1);
  --a12-amber: #b8862e;
  /* SVG tokens light */
  --a12-tinta: #1C1622;
  --a12-osso: #8A725D;
  --a12-coral: #D93848;
  --a12-ameixa: #7B44A8;
  --a12-petroleo-claro: #268C85;
  --a12-linha: #6E5E6C;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:17px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--a12-bg);color:var(--a12-ink);line-height:1.65;
  overflow-x:hidden;min-height:100vh;
}
.skip-link{position:absolute;top:-100px;left:16px;z-index:1000;background:var(--a12-teal);color:#000;padding:8px 16px;border-radius:8px;font-weight:700;text-decoration:none}
.skip-link:focus{top:16px}

/* HEADER */
.site-header{position:sticky;top:0;z-index:100;background:var(--a12-bg);border-bottom:1px solid var(--a12-border);padding:10px 20px;backdrop-filter:blur(12px)}
.site-header__row{display:flex;align-items:center;gap:12px;max-width:1100px;margin:0 auto}
.site-header__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--a12-ink)}
.site-header__logo{width:36px;height:36px;border-radius:10px;background:var(--a12-teal-bg);color:var(--a12-teal);display:grid;place-items:center;font-weight:900;font-size:14px}
.site-header__title{font-size:14px;font-weight:700;line-height:1.2}
.site-header__subtitle{font-size:11px;color:var(--a12-sub)}
.site-header__spacer{flex:1}
.site-header__progress{font-size:13px;font-weight:700;color:var(--a12-teal);white-space:nowrap}
.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--a12-border);background:var(--a12-card);color:var(--a12-ink);display:grid;place-items:center;cursor:pointer;transition:all .2s}
.icon-btn:hover{border-color:var(--a12-teal);color:var(--a12-teal)}
.icon-btn svg{width:20px;height:20px}

/* MENU OVERLAY */
.menu-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:flex-end;padding:70px 20px 20px}
.menu-overlay[aria-hidden="false"]{display:flex}
.menu-panel{background:var(--a12-card);border:1px solid var(--a12-border);border-radius:var(--a12-radius);padding:20px;max-width:380px;width:100%;max-height:80vh;overflow-y:auto}
.menu-panel__title{font-size:12px;font-weight:700;color:var(--a12-teal);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.menu-panel__list{list-style:none}
.menu-panel__link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--a12-ink);font-size:13px;transition:background .15s}
.menu-panel__link:hover,.menu-panel__link[aria-current="page"]{background:var(--a12-teal-bg);color:var(--a12-teal)}
.menu-panel__index{font-size:11px;font-weight:700;color:var(--a12-muted);min-width:24px}

/* MAIN */
main{max-width:1100px;margin:0 auto;padding:24px 20px 60px}
.reading{display:flex;flex-direction:column;gap:var(--a12-gap)}
.page{display:none}
.page.is-active{display:block}

/* BÚSSOLA de 3 faixas */
.a12-compass{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--a12-gap)}
.a12-compass__band{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;background:var(--a12-card);color:var(--a12-muted);border:1px solid var(--a12-border)}
.a12-compass__band[aria-current="page"]{background:var(--a12-teal-bg);color:var(--a12-teal);border-color:var(--a12-teal)}
.a12-compass__band[data-state="continuation"]{color:var(--a12-muted);opacity:.6}

/* PAGE EYEBROW */
.page__eyebrow{font-size:11px;font-weight:700;color:var(--a12-teal);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}

/* ABERTURAS */
.a12-opener{margin-bottom:var(--a12-gap);padding:24px;border-radius:var(--a12-radius);background:var(--a12-card);border:1px solid var(--a12-border)}
.a12-opener h1{font-size:1.5rem;font-weight:800;line-height:1.25;margin-bottom:8px;color:var(--a12-ink)}
.a12-opener .a12-opener__lead{font-size:1.05rem;color:var(--a12-sub);line-height:1.5}
.a12-opener--e1{border-left:4px solid var(--a12-teal)}
.a12-opener--e2{border-left:4px solid var(--a12-gold);background:var(--a12-gold-bg)}
.a12-opener--e3{border-left:4px solid var(--a12-coral)}
.a12-opener--e4{border-left:4px solid var(--a12-gold)}
.a12-opener--e5{border-left:4px solid var(--a12-green)}
.a12-opener--e6{border-left:4px solid var(--a12-violet)}
.a12-opener--e7{border-left:4px solid var(--a12-blue)}
.a12-opener--e8{border-left:4px solid var(--a12-coral);background:var(--a12-coral-bg)}
.a12-opener--e9{border-left:4px solid var(--a12-teal);background:var(--a12-teal-bg)}
.a12-opener--e10{border-left:4px solid var(--a12-violet);background:var(--a12-violet-bg)}

/* E1 */
.a12-opener--e1 .a12-opener__question{font-size:1.15rem;font-weight:700;color:var(--a12-teal);margin-bottom:6px}
/* E2 */
.a12-opener--e2 .a12-opener__number{font-size:2.5rem;font-weight:900;color:var(--a12-gold);line-height:1}
.a12-opener--e2 .a12-opener__reversal{font-size:1.1rem;color:var(--a12-coral);font-weight:600;margin-top:4px}
/* E3 */
.a12-opener--e3 .a12-opener__case{font-style:italic;color:var(--a12-sub);font-size:.95rem}
/* E4 */
.a12-opener--e4 .a12-opener__trap{font-size:1.1rem;color:var(--a12-gold);font-weight:600}
/* E5 */
.a12-opener--e5 .a12-opener__checklist{list-style:none;font-size:.95rem}
.a12-opener--e5 .a12-opener__checklist li{margin-bottom:4px}
.a12-opener--e5 .a12-opener__checklist li::before{content:'☐ ';color:var(--a12-teal)}
/* E6 */
.a12-opener--e6 .a12-opener__mnemonic{font-size:1.4rem;font-weight:900;letter-spacing:.1em;color:var(--a12-violet);line-height:1.4;white-space:pre-line}
/* E7 */
.a12-opener--e7 .a12-opener__vs{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.a12-opener--e7 .a12-opener__vs-side{flex:1;min-width:200px;padding:16px;border-radius:10px}
.a12-opener--e7 .a12-opener__vs-side:first-child{background:var(--a12-green-bg);border:1px solid var(--a12-green)}
.a12-opener--e7 .a12-opener__vs-side:last-child{background:var(--a12-coral-bg);border:1px solid var(--a12-coral)}
/* E8 */
.a12-opener--e8 .a12-opener__myth{text-decoration:line-through;color:var(--a12-coral);font-size:1.05rem;font-weight:600}
.a12-opener--e8 .a12-opener__truth{color:var(--a12-green);font-size:1.05rem;font-weight:700;margin-top:4px}
/* E9 */
.a12-opener--e9 .a12-opener__sub-act{font-size:1.1rem;color:var(--a12-coral);font-weight:600}
/* E10 */
.a12-opener--e10 .a12-opener__turn{font-size:1.1rem;color:var(--a12-violet);font-weight:600}

/* CHIPS */
.chipset{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--a12-gap)}
.chip{font-size:10px;font-weight:700;padding:4px 10px;border-radius:12px;background:var(--a12-card);color:var(--a12-sub);border:1px solid var(--a12-border)}

/* PROSE */
.prose{font-size:.95rem;line-height:1.7}
.prose p{margin-bottom:12px;text-align:justify;text-indent:1.5em;hyphens:auto}
.prose p.no-indent,.prose .no-indent{text-indent:0}
.prose h4{font-size:1.1rem;font-weight:700;color:var(--a12-teal);margin:20px 0 8px;text-indent:0}
.prose h5{font-size:.95rem;font-weight:700;color:var(--a12-gold);margin:16px 0 6px;text-indent:0}
.prose strong{font-weight:700;color:var(--a12-ink)}
.prose em{font-style:italic}
.prose ul,.prose ol{margin:8px 0 12px 24px}
.prose li{margin-bottom:4px}
.prose blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid var(--a12-teal);background:var(--a12-teal-bg);border-radius:0 8px 8px 0;font-size:.92rem}

/* TABLES */
.a12-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem;overflow-x:auto;display:block}
.a12-table th,.a12-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--a12-border)}
.a12-table th{font-weight:700;color:var(--a12-teal);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;background:var(--a12-card)}
.a12-table td{color:var(--a12-ink)}
.a12-table tr:hover td{background:var(--a12-teal-bg)}

/* CARDS */
.a12-card{padding:20px;border-radius:var(--a12-radius);background:var(--a12-card);border:1px solid var(--a12-border);margin-bottom:var(--a12-gap)}
.a12-card--gold{background:var(--a12-gold-bg);border-color:var(--a12-gold)}
.a12-card--teal{background:var(--a12-teal-bg);border-color:var(--a12-teal)}
.a12-card--coral{background:var(--a12-coral-bg);border-color:var(--a12-coral)}
.a12-card--green{background:var(--a12-green-bg);border-color:var(--a12-green)}
.a12-card--violet{background:var(--a12-violet-bg);border-color:var(--a12-violet)}
.a12-card--blue{background:var(--a12-blue-bg);border-color:var(--a12-blue)}
.a12-card__title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.a12-card--gold .a12-card__title{color:var(--a12-gold)}
.a12-card--teal .a12-card__title{color:var(--a12-teal)}
.a12-card--coral .a12-card__title{color:var(--a12-coral)}
.a12-card--green .a12-card__title{color:var(--a12-green)}
.a12-card--violet .a12-card__title{color:var(--a12-violet)}
.a12-card--blue .a12-card__title{color:var(--a12-blue)}

/* NOTA LATERAL */
.a12-note{padding:12px 16px;border-radius:10px;background:var(--a12-gold-bg);border:1px solid var(--a12-gold);font-size:.85rem;margin:12px 0;color:var(--a12-ink)}
.a12-note strong{color:var(--a12-gold)}

/* FIGURES */
.fig{margin:var(--a12-gap) 0}
.fig__frame{border-radius:var(--a12-radius);overflow:hidden;background:var(--a12-card);border:1px solid var(--a12-border)}
.fig__frame img{display:block;width:100%;height:auto}
.fig__caption{font-size:.8rem;color:var(--a12-muted);margin-top:6px;text-align:center}
.fig__caption a{color:var(--a12-teal)}

/* SVG INLINE */
.a12-inline-svg{display:block;width:100%;height:auto;border-radius:var(--a12-radius)}

/* QUIZ */
.a12-quiz{margin-top:32px;padding:24px;border-radius:var(--a12-radius);background:var(--a12-card);border:1px solid var(--a12-border)}
.a12-quiz__title{font-size:1rem;font-weight:700;color:var(--a12-teal);margin-bottom:16px}
.a12-quiz__q{margin-bottom:20px}
.a12-quiz__q-text{font-weight:600;margin-bottom:8px;color:var(--a12-ink)}
.a12-quiz__options{display:flex;flex-direction:column;gap:6px}
.a12-quiz__opt{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid var(--a12-border);background:var(--a12-bg2);cursor:pointer;transition:all .15s;font-size:.9rem}
.a12-quiz__opt:hover{border-color:var(--a12-teal);background:var(--a12-teal-bg)}
.a12-quiz__opt.is-selected{border-color:var(--a12-teal);background:var(--a12-teal-bg)}
.a12-quiz__opt.is-correct{border-color:var(--a12-green);background:var(--a12-green-bg)}
.a12-quiz__opt.is-wrong{border-color:var(--a12-coral);background:var(--a12-coral-bg)}
.a12-quiz__opt-marker{font-weight:700;min-width:24px;color:var(--a12-muted)}
.a12-quiz__feedback{margin-top:8px;padding:12px;border-radius:8px;font-size:.85rem;display:none}
.a12-quiz__feedback.is-visible{display:block}
.a12-quiz__feedback--correct{background:var(--a12-green-bg);border:1px solid var(--a12-green);color:var(--a12-green)}
.a12-quiz__feedback--wrong{background:var(--a12-coral-bg);border:1px solid var(--a12-coral);color:var(--a12-coral)}
.a12-quiz__explain{margin-top:6px;padding:10px 14px;border-radius:8px;font-size:.82rem;background:var(--a12-bg2);border:1px solid var(--a12-border);display:none;color:var(--a12-sub)}
.a12-quiz__explain.is-visible{display:block}
.a12-quiz__clear{margin-top:12px;padding:8px 16px;border-radius:8px;border:1px solid var(--a12-border);background:var(--a12-bg2);color:var(--a12-sub);font-size:.8rem;cursor:pointer}
.a12-quiz__clear:hover{border-color:var(--a12-coral);color:var(--a12-coral)}

/* RESUMO OPERACIONAL */
.a12-summary{padding:16px 20px;border-radius:var(--a12-radius);background:var(--a12-teal-bg);border:1px solid var(--a12-teal);font-size:.9rem;font-weight:600;margin:var(--a12-gap) 0;color:var(--a12-ink)}

/* NAVEGAÇÃO */
.a12-nav{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--a12-border)}
.a12-nav__btn{padding:10px 20px;border-radius:10px;border:1px solid var(--a12-border);background:var(--a12-card);color:var(--a12-ink);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .15s;display:flex;align-items:center;gap:8px}
.a12-nav__btn:hover{border-color:var(--a12-teal);color:var(--a12-teal)}
.a12-nav__btn--next{margin-left:auto}

/* DETAILS colapsável */
details.a12-details{margin:12px 0;padding:0;border-radius:10px;background:var(--a12-card);border:1px solid var(--a12-border);overflow:hidden}
details.a12-details summary{padding:12px 16px;cursor:pointer;font-weight:700;font-size:.9rem;color:var(--a12-teal);list-style:none}
details.a12-details summary::before{content:'▸ ';font-size:.8rem}
details.a12-details[open] summary::before{content:'▾ '}
details.a12-details > div{padding:0 16px 14px}

/* RESPONSIVE */
@media(max-width:768px){
  html{font-size:15px}
  .site-header__title{font-size:12px}
  .a12-opener h1{font-size:1.25rem}
  .a12-opener--e2 .a12-opener__number{font-size:2rem}
  .a12-opener--e6 .a12-opener__mnemonic{font-size:1.1rem}
  .a12-table{font-size:.8rem}
}
@media(max-width:390px){
  main{padding:16px 12px 40px}
  .a12-opener{padding:16px}
  .a12-quiz{padding:16px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}