.viewer-overlay{position:fixed;inset:0;background:#0f172a;z-index:10000;display:none;flex-direction:column;}
.viewer-overlay.active{display:flex;animation:viewerIn .4s ease;}
@keyframes viewerIn{from{opacity:0;}to{opacity:1;}}
.viewer-header{height:60px;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 25px;flex-shrink:0;}
.viewer-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font-weight:800;font-size:1rem;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-titles);}
.viewer-logo img{height:32px;width:auto;}
.viewer-actions{display:flex;gap:10px;align-items:center;}
.viewer-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;padding:8px 18px;border-radius:8px;font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;}
.viewer-btn:hover{background:var(--naranja);border-color:var(--naranja);}
.viewer-frame-wrap{flex:1;position:relative;overflow:hidden;}
.viewer-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;background:white;}
@media(max-width:768px){
  .viewer-header{padding:0 15px;}
  .viewer-logo span{font-size:.8rem;}
  .viewer-btn{padding:6px 12px;font-size:.75rem;}
}