/* =========================================================================
   R1 (Residência) · Depoimentos — production CSS
   Design system R1 (copper + deep violet, Orbitron no h2, símbolo-constelação)
   Vídeos VERTICAIS (9:16) · carrossel horizontal com peek no mobile
   ========================================================================= */
.r1-depo,.r1-depo *,.r1-depo *::before,.r1-depo *::after{box-sizing:border-box}

.r1-depo{
  --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-800:#100F26;--vio-700:#1A1733;--vio-600:#2C2240;
  --fg:#F4EFE8;--fg-muted:#BFB8D0;--fg-subtle:#A094BA;
  --grad-copper:linear-gradient(180deg,#E6C5A8,#D5A881 45%,#B07764);
  --ease:cubic-bezier(.22,1,.36,1);
  position:relative;display:block;
  padding:clamp(64px,8vw,96px) 0;
  background:#111111;
  color:var(--fg);
  font-family:'Exo 2','Inter',system-ui,-apple-system,sans-serif;
  isolation:isolate;overflow:clip;-webkit-font-smoothing:antialiased;
}
/* glow central contido — longe das bordas (evita a "costura" no topo/base) */
.r1-depo::before{
  content:"";position:absolute;left:0;right:0;top:15%;bottom:15%;
  background:radial-gradient(60% 55% at 50% 50%,rgba(213,168,129,.09) 0%,transparent 72%);
  pointer-events:none;z-index:0;
}
.r1-depo a,.r1-depo a:hover,.r1-depo a:focus,.r1-depo a:visited{text-decoration:none!important;color:inherit!important}
.r1-depo img{display:block;max-width:100%}

.r1-depo__container{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 24px}

/* ─── HEADER ─── */
.r1-depo__header{text-align:center;margin-bottom:48px}
.r1-depo h2.r1-depo__heading{
  font-family:'Orbitron','Eurostile',system-ui,sans-serif!important;
  font-size:clamp(26px,3.6vw,36px)!important;font-weight:400!important;line-height:1.18!important;letter-spacing:.01em!important;
  color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important;margin:0 auto 14px!important;max-width:24ch;text-wrap:balance;
}
.r1-depo__heading-accent{
  background:linear-gradient(135deg,#64302C,#B07764 38%,#E6C5A8 70%,#FCEAE2);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;
}
.r1-depo h3.r1-depo__subheading{
  font-family:'Exo 2',sans-serif!important;font-size:clamp(14px,1.6vw,17px)!important;font-weight:400!important;line-height:1.55!important;
  color:rgba(244,239,232,.72)!important;-webkit-text-fill-color:rgba(244,239,232,.72)!important;margin:0 auto!important;max-width:62ch;text-wrap:balance;
}

/* ─── SWIPE HINT (mobile) ─── */
.r1-depo__swipe-hint{display:none;align-items:center;justify-content:center;gap:8px;margin:-8px 0 22px;
  color:var(--cop-300);font-size:13px;font-weight:600;letter-spacing:.04em;opacity:.9}
.r1-depo__swipe-hint svg{width:18px;height:18px;animation:r1-depo-swipe 1.8s ease-in-out infinite}
@keyframes r1-depo-swipe{0%,100%{transform:translateX(-4px);opacity:.6}50%{transform:translateX(4px);opacity:1}}

/* ─── CARROSSEL ─── */
.r1-depo__carousel{position:relative}
.r1-depo__grid{
  display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scroll-padding-left:4px;scrollbar-width:none;padding:4px 4px 10px;align-items:stretch;
}
.r1-depo__grid::-webkit-scrollbar{display:none}
.r1-depo__grid>.r1-depo__card{flex:0 0 calc((100% - 48px) / 3);scroll-snap-align:start;min-width:0}

/* Setas (desktop) */
section.r1-depo button.r1-depo__nav{position:absolute;top:42%;transform:translateY(-50%);
  width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important;
  flex:0 0 auto!important;padding:0!important;margin:0!important;aspect-ratio:1/1!important;border-radius:50%!important;box-sizing:border-box!important;line-height:0!important;
  appearance:none!important;-webkit-appearance:none!important;
  background:radial-gradient(130% 130% at 50% 24%,#231E37 0%,#15121E 72%)!important;
  border:1px solid rgba(213,168,129,.45)!important;color:var(--cop-400);cursor:pointer;display:grid!important;place-items:center;z-index:5;
  box-shadow:0 10px 26px rgba(5,3,16,.62),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .24s var(--ease),border-color .24s ease,background .24s ease,opacity .24s ease}
section.r1-depo button.r1-depo__nav:hover{transform:translateY(-50%) scale(1.08);border-color:rgba(213,168,129,.78)!important;background:radial-gradient(130% 130% at 50% 24%,#2D2745 0%,#1A1626 72%)!important}
section.r1-depo button.r1-depo__nav:focus{outline:none!important;box-shadow:0 10px 26px rgba(5,3,16,.62),inset 0 1px 0 rgba(255,255,255,.06)!important}
section.r1-depo button.r1-depo__nav:focus-visible{outline:2px solid var(--cop-400)!important;outline-offset:3px}
.r1-depo__nav:disabled{opacity:.32;cursor:not-allowed;transform:translateY(-50%) scale(.95)}
.r1-depo__nav svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none}
.r1-depo__nav--prev{left:-20px}.r1-depo__nav--next{right:-20px}

/* ─── CARD ─── */
.r1-depo__card{display:flex;flex-direction:column;background:var(--vio-700);
  border:1px solid rgba(213,168,129,.16);border-radius:20px;overflow:hidden;
  box-shadow:0 22px 50px rgba(5,3,16,.5);transition:transform .32s var(--ease),border-color .32s ease}
.r1-depo__card:hover{transform:translateY(-4px);border-color:rgba(213,168,129,.42)}
.r1-depo figure.r1-depo__card{margin:0}

/* Media — card QUADRADO 1:1 (igual Anest/OFT). O player do Vimeo ajusta o vídeo 9:16 ao abrir. */
.r1-depo__media{position:relative;aspect-ratio:1/1;overflow:hidden;
  background:radial-gradient(circle at 50% 30%,rgba(213,168,129,.1),transparent 55%),linear-gradient(180deg,var(--vio-800),var(--vio-950))}
.r1-depo__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;z-index:1}
.r1-depo__media iframe,.r1-depo__media video{position:absolute;inset:0;width:100%;height:100%;border:none;display:block;background:#000;z-index:1}

/* Selo (símbolo Med-Review, vidro escuro + borda copper) */
.r1-depo__seal{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;
  background:rgba(9,4,19,.6);border:1.5px solid rgba(213,168,129,.55);display:grid;place-items:center;
  box-shadow:0 6px 16px rgba(5,3,16,.5),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.r1-depo__seal img{width:60%;height:60%;object-fit:contain}

/* Play button — círculo copper */
.r1-depo__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
  width:66px;height:66px;border-radius:50%;background:var(--grad-copper);color:var(--vio-950);border:none;cursor:pointer;
  display:grid;place-items:center;
  box-shadow:0 14px 30px rgba(176,119,100,.5),0 0 0 5px rgba(213,168,129,.16),inset 0 2px 3px rgba(255,255,255,.5);
  transition:transform .24s var(--ease),box-shadow .24s ease}
.r1-depo__play-btn:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 18px 38px rgba(176,119,100,.6),0 0 0 7px rgba(213,168,129,.24),inset 0 2px 3px rgba(255,255,255,.55)}
.r1-depo__play-btn svg{width:28px;height:28px;display:block;fill:currentColor;margin-left:3px}

/* ─── BODY ─── */
.r1-depo__body{position:relative;padding:30px 22px 22px;display:flex;flex-direction:column;gap:14px;flex:1}
.r1-depo__quote-mark{position:absolute;top:6px;left:18px;font-family:'Orbitron',Georgia,serif;font-size:54px;line-height:1;
  color:var(--cop-500);opacity:.5;pointer-events:none;user-select:none}
.r1-depo__caption,.r1-depo__caption p,.r1-depo__person,.r1-depo__name,.r1-depo__role{margin:0;padding:0}
.r1-depo__caption{font-size:14.5px;line-height:1.55;color:rgba(244,239,232,.86);font-style:italic;border:none;quotes:none}
.r1-depo__caption p{font:inherit;color:inherit}
.r1-depo__person{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:14px;border-top:1px dashed rgba(213,168,129,.24)}
.r1-depo__name{font-size:15px;font-weight:700;color:var(--fg);font-style:normal;display:block}
.r1-depo__role{font-size:12.5px;font-weight:500;color:var(--cop-300);letter-spacing:.02em}

/* ─── RESPONSIVE ─── */
@media (max-width:1024px){
  .r1-depo__grid>.r1-depo__card{flex:0 0 calc((100% - 24px) / 2)}
  .r1-depo__nav--prev{left:-6px}.r1-depo__nav--next{right:-6px}
}
@media (max-width:720px){
  .r1-depo{padding:56px 0}
  .r1-depo__container{padding:0}
  .r1-depo__header{padding:0 18px;margin-bottom:24px}
  .r1-depo__swipe-hint{display:inline-flex;padding-left:24px;justify-content:flex-start}
  .r1-depo__grid{gap:14px;padding:4px 18px 10px;scroll-padding-left:18px}
  .r1-depo__grid>.r1-depo__card{flex:0 0 80%}
  section.r1-depo button.r1-depo__nav{display:none!important}
  .r1-depo__play-btn{width:58px;height:58px}.r1-depo__play-btn svg{width:24px;height:24px}
  .r1-depo__body{padding:26px 18px 18px;gap:10px}
  .r1-depo__caption{font-size:14px;line-height:1.5}
}
@media (prefers-reduced-motion:reduce){
  .r1-depo *,.r1-depo *::before,.r1-depo *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}