/* ============================================================
   R1 (Residência) — Com quem você vai estudar (professores)
   Model: OFT/Anest teacher carousel · Design System: MED-Review R1
   Copper + deep violet · Orbitron + Exo 2 · base #111111
   ============================================================ */
.r1prof{
  --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;
  --fg:#F4EFE8;--fg-muted:#BFB8D0;--fg-subtle:#A094BA;--fg-faint:#7A6F95;
  --grad-copper:linear-gradient(135deg,#64302C 0%,#B07764 35%,#E6C5A8 65%,#FCEAE2 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:300px;--card-gap:26px;

  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;
}
.r1prof,.r1prof *,.r1prof *::before,.r1prof *::after{box-sizing:border-box}
.r1prof img{display:block;max-width:100%}
.r1prof button{font-family:inherit;cursor:pointer}
/* brilho ambiente — centralizado, recuado das bordas */
.r1prof::before{
  content:"";position:absolute;left:0;right:0;top:14%;bottom:18%;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 56% at 50% 42%,rgba(213,168,129,.11) 0%,transparent 66%),
    radial-gradient(46% 50% at 66% 56%,rgba(64,51,80,.32) 0%,transparent 68%);
}

/* ─── HEADER (split: título esq · subtítulo dir) ─── */
.r1prof__container{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.r1prof__header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(34px,4vw,48px)}
.r1prof.r1prof h2.r1prof__title{
  font-family:var(--font-display)!important;
  font-size:36px!important;font-weight:400!important;line-height:1.16!important;letter-spacing:.005em!important;
  color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important;text-shadow:none!important;
  margin:0!important;padding:0!important;max-width:18ch;text-wrap:balance;flex:1 1 auto;
}
.r1prof .r1prof__title-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;
}
.r1prof.r1prof p.r1prof__subtitle{
  font-family:var(--font-body)!important;
  font-size:17px!important;font-weight:400!important;line-height:1.55!important;
  color:var(--fg-muted)!important;-webkit-text-fill-color:var(--fg-muted)!important;
  margin:0 0 6px!important;padding:0!important;max-width:46ch;flex:0 1 460px;text-wrap:pretty;
}

/* swipe hint (mobile) */
.r1prof__swipe{display:none}

/* ─── CAROUSEL ─── */
.r1prof__carousel{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:0 56px;--fade:56px}
.r1prof__track{
  display:flex;align-items:stretch;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;padding:6px 0 10px;scrollbar-width:none;-ms-overflow-style:none;
  /* borda infinita: cards somem suavemente nas laterais */
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);
}
.r1prof__track::-webkit-scrollbar{display:none}
/* sem fade do lado encostado no início/fim */
.r1prof__carousel.is-start .r1prof__track{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - var(--fade)),transparent 100%)}
.r1prof__carousel.is-end .r1prof__track{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 100%)}
.r1prof__carousel.is-start.is-end .r1prof__track{-webkit-mask-image:none;mask-image:none}

/* nav arrows */
.r1prof__nav{
  position:absolute;top:38%;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,opacity .2s ease;
}
.r1prof__nav svg{width:22px;height:22px}
.r1prof__nav:hover{background:var(--cop-500);color:#1A0E0B;border-color:var(--cop-300);transform:translateY(-50%) scale(1.07)}
.r1prof__nav:focus-visible{outline:2px solid var(--cop-400);outline-offset:3px}
.r1prof__nav:disabled{opacity:.34;cursor:not-allowed}
.r1prof__nav--prev{left:6px}
.r1prof__nav--next{right:6px}

/* ─── CARD ─── */
.r1prof__card{flex:0 0 var(--card-w);scroll-snap-align:start;min-width:0;display:flex}
.r1prof__card-inner{
  position:relative;width:100%;display:flex;flex-direction:column;
  transition:transform .32s var(--ease-out);
}
.r1prof__card:hover .r1prof__card-inner{transform:translateY(-5px)}
.r1prof__photo-wrap{
  position:relative;width:100%;aspect-ratio:5 / 4;overflow:hidden;border-radius:18px;
  background:var(--vio-900);
  border:1px solid rgba(213,168,129,.18);
  box-shadow:0 16px 36px rgba(5,3,16,.5);
  transition:border-color .32s var(--ease-out),box-shadow .32s var(--ease-out);
}
.r1prof__card:hover .r1prof__photo-wrap{border-color:rgba(213,168,129,.45);box-shadow:0 24px 50px rgba(5,3,16,.6),0 0 0 1px rgba(213,168,129,.25)}
.r1prof__photo{width:100%;height:100%;object-fit:cover;object-position:50% 16%;transition:transform .5s var(--ease-out)}
.r1prof__card:hover .r1prof__photo{transform:scale(1.04)}

.r1prof__body{padding:18px 4px 0;display:flex;flex-direction:column;gap:8px}
.r1prof.r1prof h3.r1prof__name,.r1prof.r1prof .r1prof__name{
  font-family:var(--font-body)!important;font-size:19px!important;font-weight:700!important;line-height:1.2!important;
  color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important;margin:0!important;padding:0!important;
}
.r1prof.r1prof p.r1prof__bio,.r1prof.r1prof .r1prof__bio{
  font-family:var(--font-body)!important;font-size:14px!important;font-weight:400!important;line-height:1.55!important;
  color:var(--fg-subtle)!important;-webkit-text-fill-color:var(--fg-subtle)!important;margin:0!important;padding:0!important;text-wrap:pretty;
}

/* ─── RESPONSIVE ─── */
@media (max-width:1040px){
  .r1prof__header{flex-direction:column;align-items:flex-start;gap:12px}
  .r1prof.r1prof p.r1prof__subtitle{flex-basis:auto;max-width:60ch}
}
@media (max-width:720px){
  .r1prof{--card-w:78vw;--card-gap:14px}
  .r1prof.r1prof h2.r1prof__title{font-size:26px!important;max-width:20ch}
  .r1prof.r1prof p.r1prof__subtitle{font-size:14px!important}
  .r1prof__swipe{
    display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;
    font-family:var(--font-body);font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--cop-300);
  }
  .r1prof__swipe svg{width:18px;height:18px}
  .r1prof__carousel{padding:0;max-width:none;--fade:26px}
  .r1prof__track{gap:14px;padding:6px 16px 10px;scroll-padding-left:16px}
  .r1prof__nav{display:none}
  .r1prof__body{padding:14px 2px 0}
  .r1prof.r1prof h3.r1prof__name{font-size:17px!important}
}

@media (prefers-reduced-motion:reduce){
  .r1prof__card-inner,.r1prof__photo,.r1prof__nav,.r1prof__photo-wrap{transition:none!important}
}
@supports (content-visibility:auto){#r1-professores{content-visibility:auto;contain-intrinsic-size:auto 620px}}