/* Diana en trazo. Decorative; page messages own status and accessibility. */
@property --pcp-loading-angle { syntax: '<angle>'; initial-value: 360deg; inherits: false; }
.pcp-loading-region { display: flex; flex-direction: column; align-items: center; text-align: center; }
.pcp-loading-region > .status-line:empty { display: none; }
.pcp-loading-slot { display: flex; align-items: center; justify-content: center; min-width: 0; max-width: 100%; pointer-events: none; }
.pcp-loading-slot:empty,
.pcp-loading-slot[hidden],
.pcp-loading-slot[data-loading-state='pending'],
.pcp-loading-slot[data-loading-state='idle'] { display: none !important; }
.pcp-loading-overlay { position: fixed; z-index: 90; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 112px; height: 92px; box-sizing: border-box; border: 1px solid #bdff3640; border-radius: 22px; background: #10110ff5; box-shadow: 0 8px 32px #0006; pointer-events: none; }
.pcp-loading-overlay * { pointer-events: none; }
.pcp-loading-overlay[hidden],
.pcp-loading-overlay[data-loading-state='idle'] { display: none !important; }
.pcp-loading-mark { position: relative; display: block; flex: 0 0 96px; width: 96px; height: 72px; contain: layout paint; }
.pcp-loading-ring { position: absolute; inset: 13px 24px; border-radius: 50%; transform: skewX(-12deg); background: conic-gradient(from -90deg, #f4f5f2 var(--pcp-loading-angle, 360deg), transparent 0deg); -webkit-mask: radial-gradient(ellipse, transparent 41%, #000 44%); mask: radial-gradient(ellipse, transparent 41%, #000 44%); }
.pcp-loading-center { position: absolute; width: 12px; height: 12px; left: 42px; top: 30px; border-radius: 50%; background: #adff00; transform: skewX(-12deg); }
.pcp-loading-shot { position: absolute; width: 12px; height: 3px; left: 38px; top: 35px; border-radius: 2px 80% 80% 2px; background: #bdff36; opacity: 0; }
.pcp-loading-shot::before { content: ''; position: absolute; right: 10px; top: 1px; width: 18px; height: 1px; background: linear-gradient(90deg, transparent, #bdff3666); }
.pcp-loading-icon { display: block; position: absolute; width: 72px; height: 72px; max-width: none; left: 12px; top: 0; opacity: 0; object-fit: contain; }
:is(.pcp-loading-slot, .pcp-loading-overlay)[data-loading-state='loading'] .pcp-loading-ring { animation: pcp-loading-draw 950ms ease-out both; }
:is(.pcp-loading-slot, .pcp-loading-overlay)[data-loading-state='loading'] .pcp-loading-center { animation: pcp-loading-breathe 1500ms 700ms ease-in-out infinite; }
:is(.pcp-loading-slot, .pcp-loading-overlay)[data-loading-state='complete'] .pcp-loading-shot { animation: pcp-loading-impact 450ms cubic-bezier(.48,0,.88,.6) both; }
:is(.pcp-loading-slot, .pcp-loading-overlay)[data-loading-state='complete'] .pcp-loading-ring,
:is(.pcp-loading-slot, .pcp-loading-overlay)[data-loading-state='complete'] .pcp-loading-center { animation: pcp-loading-away 450ms ease-out both; }
:is(.pcp-loading-slot, .pcp-loading-overlay)[data-loading-state='complete'] .pcp-loading-icon { animation: pcp-loading-form 450ms ease-out both; }
@keyframes pcp-loading-draw { from { --pcp-loading-angle: 0deg; } to { --pcp-loading-angle: 360deg; } }
@keyframes pcp-loading-breathe { 0%,100% { opacity: .65; } 50% { opacity: 1; } }
@keyframes pcp-loading-impact { 0% { opacity: 0; transform: translateX(-34px); } 12%,68% { opacity: 1; } 85%,100% { opacity: 0; transform: translateX(0); } }
@keyframes pcp-loading-away { 0%,64% { opacity: 1; } 87%,100% { opacity: 0; } }
@keyframes pcp-loading-form { 0%,64% { opacity: 0; } 87%,100% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  :is(.pcp-loading-slot, .pcp-loading-overlay) .pcp-loading-ring,
  :is(.pcp-loading-slot, .pcp-loading-overlay) .pcp-loading-center,
  :is(.pcp-loading-slot, .pcp-loading-overlay) .pcp-loading-shot { display: none; animation: none !important; }
  :is(.pcp-loading-slot, .pcp-loading-overlay) .pcp-loading-icon { opacity: 1; animation: none !important; }
}
@media print { .pcp-loading-slot, .pcp-loading-overlay { display: none !important; } }