/* ============================================================
   R1 (Residência) — Aprovados (marquee + botão de pausar)
   Layout-ref: OFT/Anest aprovados · Design System: MED-Review R1
   Copper + deep violet · Orbitron + Exo 2 · base #111111
   ============================================================ */
.r1ap{
  --cop-100:#FCEAE2;--cop-200:#F4DCC9;--cop-300:#E6C5A8;--cop-400:#D5A881;--cop-500:#B07764;--cop-600:#8A4B40;--cop-700:#64302C;
  --vio-950:#050310;--vio-900:#090413;--vio-850:#0D0B1F;--vio-800:#100F26;--vio-700:#1A1733;--vio-600:#2C2240;--vio-500:#403350;--vio-400:#554B72;
  --fg:#F4EFE8;--fg-muted:#BFB8D0;--fg-subtle:#A094BA;--fg-faint:#7A6F95;
  --grad-copper:linear-gradient(135deg,#64302C 0%,#B07764 35%,#E6C5A8 65%,#FCEAE2 100%);
  --ring-grad:linear-gradient(140deg,#F4DCC9 0%,#D5A881 42%,#8A4B40 100%);
  --font-display:"Orbitron","Eurostile","Bahnschrift",system-ui,sans-serif;
  --font-body:"Exo 2","Inter",system-ui,-apple-system,sans-serif;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --card-w:208px;--card-gap:34px;--avatar:120px;

  position:relative;display:block;
  padding:clamp(64px,8vw,104px) 0;
  background:#111111;
  color:var(--fg);
  font-family:var(--font-body);
  isolation:isolate;overflow:hidden;
  -webkit-font-smoothing:antialiased;
  scroll-margin-top:80px;
}
.r1ap,.r1ap *,.r1ap *::before,.r1ap *::after{box-sizing:border-box}
.r1ap img{display:block;max-width:100%}
.r1ap button{font-family:inherit;cursor:pointer}
/* Brilho ambiente — centralizado, recuado das bordas (sem emenda) */
.r1ap::before{
  content:"";position:absolute;left:0;right:0;top:16%;bottom:18%;z-index:0;pointer-events:none;
  background:
    radial-gradient(58% 60% at 50% 44%,rgba(213,168,129,.12) 0%,transparent 66%),
    radial-gradient(44% 50% at 64% 58%,rgba(64,51,80,.34) 0%,transparent 68%);
}

/* ─── HEADER ─── */
.r1ap__inner{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 24px;text-align:center}
.r1ap__header{margin-bottom:clamp(36px,5vw,52px)}
.r1ap.r1ap h2.r1ap__heading{
  font-family:var(--font-display)!important;
  font-size:36px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:.005em!important;
  color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important;text-shadow:none!important;
  margin:0 auto!important;padding:0!important;max-width:24ch;text-wrap:balance;text-align:center!important;
}
.r1ap .r1ap__heading-accent{
  background:var(--grad-copper);-webkit-background-clip:text;background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent!important;font-family:inherit!important;font-weight:inherit!important;
}

/* ─── CAROUSEL ─── */
.r1ap__carousel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px}
.r1ap__shell{position:relative;width:100%}
.r1ap__marquee{
  position:relative;width:100%;overflow:hidden;padding:18px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.r1ap__track{display:flex;align-items:flex-start;gap:var(--card-gap);width:max-content;will-change:transform;transform:translateZ(0)}

/* nav arrows — copper circle */
.r1ap__nav{
  position:absolute;top:calc(18px + var(--avatar)/2);transform:translateY(-50%);z-index:5;
  display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;
  border:1px solid rgba(213,168,129,.34);
  background:rgba(26,23,51,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:var(--cop-300);
  box-shadow:0 10px 24px rgba(5,3,16,.5);
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.r1ap__nav:hover{background:var(--cop-500);color:#1A0E0B;border-color:var(--cop-300);transform:translateY(-50%) scale(1.07)}
.r1ap__nav:focus-visible{outline:2px solid var(--cop-400);outline-offset:3px}
.r1ap__nav:active{transform:translateY(-50%) scale(.95)}
.r1ap__nav--prev{left:8px}
.r1ap__nav--next{right:8px}

/* pause / play toggle */
.r1ap__toggle{
  display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;
  border:1px solid rgba(213,168,129,.28);background:rgba(26,23,51,.5);
  color:var(--cop-200);font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.02em;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease;
}
.r1ap__toggle:hover{background:rgba(44,34,64,.7);border-color:rgba(213,168,129,.5);color:var(--cop-100)}
.r1ap__toggle:focus-visible{outline:2px solid var(--cop-400);outline-offset:2px}
.r1ap__toggle:active{transform:scale(.97)}
.r1ap__toggle svg{width:13px;height:13px;flex-shrink:0;fill:currentColor}

/* ─── CARD ─── */
.r1ap__card{
  flex:0 0 var(--card-w);max-width:var(--card-w);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin:0;
  transition:transform .32s var(--ease-out);
}
.r1ap__card:hover{transform:translateY(-5px)}
.r1ap__ring{
  position:relative;width:var(--avatar);height:var(--avatar);border-radius:50%;padding:3px;
  background:var(--ring-grad);
  box-shadow:0 12px 26px -8px rgba(213,168,129,.4),0 4px 10px rgba(5,3,16,.5);
  flex-shrink:0;
}
.r1ap__ring::after{
  content:"";position:absolute;inset:-2px;border-radius:50%;pointer-events:none;opacity:0;
  background:conic-gradient(from 180deg,transparent 0deg,rgba(244,220,201,.55) 32deg,transparent 64deg,transparent 360deg);
  -webkit-mask:radial-gradient(transparent 64%,#000 67%);mask:radial-gradient(transparent 64%,#000 67%);
  transition:opacity .3s var(--ease-out);
}
.r1ap__card:hover .r1ap__ring::after{opacity:1;animation:r1ap-glint 1.6s linear infinite}
@keyframes r1ap-glint{to{transform:rotate(360deg)}}
.r1ap__avatar-clip{
  width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--vio-800);
  -webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);
}
.r1ap__avatar{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}

.r1ap__caption{display:flex;flex-direction:column;align-items:center;gap:6px}
.r1ap.r1ap p.r1ap__name,.r1ap.r1ap .r1ap__name{
  font-family:var(--font-body)!important;font-size:16px!important;font-weight:700!important;line-height:1.28!important;
  color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important;margin:0!important;padding:0 4px!important;
}
.r1ap.r1ap p.r1ap__cred,.r1ap.r1ap .r1ap__cred{
  font-family:var(--font-body)!important;font-size:13.5px!important;font-weight:400!important;line-height:1.45!important;
  color:var(--fg-subtle)!important;-webkit-text-fill-color:var(--fg-subtle)!important;margin:0!important;padding:0 4px!important;
  text-wrap:balance;
}
.r1ap .r1ap__pre{color:var(--fg-subtle)!important;-webkit-text-fill-color:var(--fg-subtle)!important;font-weight:400!important}
.r1ap .r1ap__spec{color:var(--cop-300)!important;-webkit-text-fill-color:var(--cop-300)!important;font-weight:700!important;letter-spacing:.01em}

/* ─── RESPONSIVE ─── */
@media (max-width:719px){
  .r1ap{--card-w:158px;--card-gap:18px;--avatar:96px}
  .r1ap__inner{padding:0 16px}
  .r1ap.r1ap h2.r1ap__heading{font-size:26px!important;max-width:18ch}
  .r1ap__nav{width:38px;height:38px}
  .r1ap__nav svg{width:18px;height:18px}
  .r1ap__nav--prev{left:4px}.r1ap__nav--next{right:4px}
  .r1ap__marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
  .r1ap.r1ap p.r1ap__name{font-size:14.5px!important}
  .r1ap.r1ap p.r1ap__cred{font-size:12px!important}
}

@media (prefers-reduced-motion:reduce){
  .r1ap__card,.r1ap__nav,.r1ap__toggle,.r1ap__ring::after{transition:none!important}
  .r1ap__card:hover .r1ap__ring::after{animation:none!important}
}

/* preview helper (standalone page only) */
.r1ap-preview{margin:0;background:#111111;min-height:100vh}
@supports (content-visibility:auto){#r1-aprovados{content-visibility:auto;contain-intrinsic-size:auto 560px}}