/* RC Motion (10/11/2026): animacao do aparelho com videos reais. Usado no topo das paginas de produto. */
.rcm{position:relative;width:100%;max-width:580px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Manrope',system-ui,sans-serif;color:#fff}
.rcm *{box-sizing:border-box}
.rcm-scene{position:relative;width:100%;aspect-ratio:1/1}
.rcm-glow{position:absolute;left:8%;top:8%;width:84%;height:84%;border-radius:50%;background:radial-gradient(circle,rgba(120,180,255,.42) 0%,rgba(0,108,255,.26) 38%,rgba(0,108,255,0) 70%);filter:blur(14px)}
.rcm-dev,.rcm-echo{position:absolute;left:4%;top:11%;height:78%;width:auto}
.rcm-dev img,.rcm-echo img{height:100%;width:auto;display:block}
.rcm-dev img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.rcm-echo{opacity:0;pointer-events:none}
.rcm-echo img{filter:blur(2px) saturate(.6)}
.rcm-waves{position:absolute;left:38%;top:40%;width:16%;height:18%;overflow:visible}
.rcm-waves path{fill:none;stroke:#6fb0ff;stroke-width:3;stroke-linecap:round;opacity:0}
.rcm-phone{position:absolute;right:11%;top:6%;width:40%;aspect-ratio:9/18.5;border-radius:34px;background:#0b0f19;border:2px solid rgba(255,255,255,.16);box-shadow:0 40px 80px -30px rgba(0,0,0,.8),inset 0 0 0 6px #05070c;padding:10px;transform-origin:50% 60%}
.rcm-scr{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;background:#000}
.rcm-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34%;height:16px;border-radius:10px;background:#05070c;z-index:3}
.rcm-top{position:absolute;top:34px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.55);z-index:2}
.rcm-shot{position:absolute;opacity:0;background:#000}
.rcm-shot[data-mode=band]{left:0;right:0;top:22%;height:46%}
.rcm-shot[data-mode=full]{inset:0}
.rcm-shot[data-mode=full]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.85))}
.rcm-shot video,.rcm-shot img{width:100%;height:100%;object-fit:cover;display:block}
.rcm-shot[data-mode=band] video,.rcm-shot[data-mode=band] img{object-fit:contain}
.rcm-lab{position:absolute;left:10px;right:10px;bottom:14%;height:36px;text-align:center;z-index:2}
.rcm-lab span{position:absolute;left:0;right:0;opacity:0;font-size:12.5px;font-weight:700;line-height:1.35;color:#fff}
.rcm-lab small{display:block;font-weight:500;color:#8cc2ff;font-size:11.5px}
.rcm-dots{position:absolute;bottom:7%;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:2}
.rcm-dots b{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:background .3s}
.rcm-dots b.on{background:#6fb0ff}
.rcm-cards{position:absolute;inset:0;pointer-events:none}
.rcm-card{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 15px;border-radius:14px;background:rgba(10,24,60,.84);border:1px solid rgba(111,176,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -18px rgba(0,0,0,.7);font-size:13.5px;font-weight:600;white-space:nowrap;opacity:0;z-index:4}
.rcm-card em{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(0,108,255,.25);border:1px solid rgba(0,108,255,.5);flex:none;font-style:normal;font-size:12px}
.rcm-card:nth-child(1){top:1%;left:28%}
.rcm-card:nth-child(2){top:30%;right:-6%}
.rcm-card:nth-child(3){top:57%;right:-8%}
.rcm-card:nth-child(4){bottom:3%;right:22%}
.rcm-card:nth-child(5){bottom:11%;left:-2%}
.rcm-replay{position:absolute;right:2%;bottom:-7%;background:none;border:0;color:rgba(255,255,255,.45);font:600 12px/1 inherit;letter-spacing:.06em;cursor:pointer;padding:8px;opacity:0}
.rcm-replay:hover{color:#fff}
/* variante do videolaringoscopio: aparelho + laminas em cima, tela da intubacao embaixo, cartoes a direita */
.rcm--vl .rcm-dev,.rcm--vl .rcm-echo{left:0;top:2%;width:100%;height:auto}
.rcm--vl .rcm-dev img,.rcm--vl .rcm-echo img{width:100%;height:auto}
.rcm--vl .rcm-waves{display:none}
.rcm--vl .rcm-phone{left:0;right:auto;top:51%;bottom:auto;width:60%;aspect-ratio:16/10.4;border-radius:22px;padding:8px}
.rcm--vl .rcm-scr{border-radius:16px}
.rcm--vl .rcm-notch,.rcm--vl .rcm-top{display:none}
.rcm--vl .rcm-shot[data-mode=band]{inset:0;height:auto}
.rcm--vl .rcm-shot[data-mode=band] video{object-fit:cover}
.rcm--vl .rcm-shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8))}
.rcm--vl .rcm-lab{bottom:12%}
.rcm--vl .rcm-dots{bottom:5%}
.rcm--vl .rcm-card:nth-child(n){left:auto;bottom:auto;right:-3%}
.rcm--vl .rcm-card:nth-child(1){top:51%}
.rcm--vl .rcm-card:nth-child(2){top:60%}
.rcm--vl .rcm-card:nth-child(3){top:69%}
.rcm--vl .rcm-card:nth-child(4){top:78%}
.rcm--vl .rcm-card:nth-child(5){top:87%}
.rcm--vl .rcm-replay{bottom:-9%}
@media (max-width:880px){
  [data-rcm-hero]{grid-template-columns:minmax(0,1fr) !important;gap:30px !important}
  .rcm{max-width:430px}
  .rcm-scene{aspect-ratio:1/1.02}
  .rcm-dev,.rcm-echo{left:2%;top:10%;height:80%}
  .rcm-waves{left:40%}
  .rcm-phone{right:2%;width:46%;border-radius:26px;padding:7px}
  .rcm-scr{border-radius:20px}
  .rcm-top{top:26px;font-size:9.5px}
  .rcm-lab span{font-size:11px}
  .rcm-lab small{font-size:10px}
  .rcm-cards{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
  .rcm .rcm-card{position:relative;top:auto;left:auto;right:auto;bottom:auto;font-size:12.5px;padding:9px 12px;gap:7px}
  .rcm-card em{width:18px;height:18px;font-size:10px}
  .rcm-replay{position:static;display:block;margin:12px auto 0}
  .rcm--vl .rcm-scene{aspect-ratio:1/1}
  .rcm--vl .rcm-dev,.rcm--vl .rcm-echo{left:0;top:0;width:100%;height:auto}
  .rcm--vl .rcm-phone{left:12%;top:47%;width:76%;padding:6px;border-radius:18px}
}