/* La pantalla que confirma que el docente envió sus observaciones o dio una
   ficha por lista para publicar. Ver js/revision-hecha.js. */
.rh-fondo{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;
  padding:var(--sp-4,16px);background:color-mix(in srgb,var(--surface-page,#fff) 94%,transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  opacity:0;transition:opacity .28s ease}
.rh-fondo.activo{opacity:1}
.rh-lienzo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rh-centro{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:var(--sp-4,16px);max-width:440px;width:100%}
.rh-sello{width:132px;height:132px;overflow:visible}
.rh-aro{fill:none;stroke:var(--brand-primary,#0d4f70);stroke-width:5;stroke-linecap:round;
  stroke-dasharray:327;stroke-dashoffset:327;transform:rotate(-90deg);transform-origin:60px 60px;opacity:.9}
.rh-visto{fill:none;stroke:var(--brand-accent,#49bec1);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:70;stroke-dashoffset:70}
.rh-fondo.rh-listo .rh-aro{animation:rh-traza .55s cubic-bezier(.4,0,.2,1) forwards}
.rh-fondo.rh-listo .rh-visto{animation:rh-traza .42s cubic-bezier(.4,0,.2,1) .42s forwards}
.rh-fondo.rh-listo .rh-sello{animation:rh-latido .6s ease-out .84s}
@keyframes rh-traza{to{stroke-dashoffset:0}}
@keyframes rh-latido{0%{transform:scale(1)}45%{transform:scale(1.08)}100%{transform:scale(1)}}
.rh-texto,.rh-botones{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.rh-fondo.rh-texto-listo .rh-texto,.rh-fondo.rh-texto-listo .rh-botones{opacity:1;transform:none}
.rh-texto h3{margin:0 0 var(--sp-2,8px);font-family:var(--font-display);font-size:var(--fs-lg,1.35rem);color:var(--text-title)}
.rh-texto p{margin:0;color:var(--text-muted);line-height:1.5}
.rh-botones{display:flex;gap:var(--sp-3,12px);justify-content:center;flex-wrap:wrap}
.rh-espera{margin:0;color:var(--text-muted);font-size:var(--fs-sm,.9rem);
  opacity:0;transition:opacity .3s ease}
.rh-fondo.rh-esperando .rh-espera{opacity:1}
@media (prefers-reduced-motion:reduce){
  .rh-fondo,.rh-texto,.rh-botones{transition:none}
  .rh-aro,.rh-visto{stroke-dashoffset:0;animation:none!important}
  .rh-sello{animation:none!important}
}