:root{--bs-font-sans-serif:var(--site-font);--bs-body-font-family:var(--site-font)}
body{font-family:var(--site-font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
.icon{display:inline-block;width:18px;height:18px;min-width:18px;flex-shrink:0;vertical-align:middle;stroke-width:1.7}
#inobazz-ciencia-multimedia .im-brand img{display:block;width:240px;max-width:100%;height:auto}
#inobazz-ciencia-multimedia .im-header nav a,.admin-header nav a{display:inline-flex;align-items:center;gap:8px}
#inobazz-ciencia-multimedia .im-header nav{font-weight:450}
#inobazz-ciencia-multimedia .im-brands :is(button,a){gap:10px;font-weight:450}
#inobazz-ciencia-multimedia .im-brands :is(button[aria-pressed=true],a[aria-current=true]){font-weight:600}
#inobazz-ciencia-multimedia .im-formats button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
#inobazz-ciencia-multimedia .im-formats .icon{width:16px;height:16px;min-width:16px}
#inobazz-ciencia-multimedia .im-help>.icon{width:26px;height:26px;margin-bottom:12px;color:var(--im-blue)}
#inobazz-ciencia-multimedia .im-format-tag,#inobazz-ciencia-multimedia .im-feature-pill{display:inline-flex;align-items:center;gap:5px}
#inobazz-ciencia-multimedia .im-format-tag .icon,#inobazz-ciencia-multimedia .im-feature-pill .icon{width:13px;height:13px;min-width:13px}
#inobazz-ciencia-multimedia .im-big-play .icon{width:29px;height:29px;stroke-width:2;fill:currentColor}
#inobazz-ciencia-multimedia .im-small-play .icon{width:19px;height:19px;stroke-width:2}
#inobazz-ciencia-multimedia .im-small-play .icon:has(polygon){fill:currentColor}
#inobazz-ciencia-multimedia .im-feature-link{display:flex;align-items:center;justify-content:center}
#inobazz-ciencia-multimedia .im-footer-brand img{display:block;width:180px;height:auto;margin-bottom:9px}
#inobazz-ciencia-multimedia .im-footer>a{display:inline-flex;gap:7px;align-items:center}
.admin-header .brand{display:block;letter-spacing:0}
.admin-header .brand img{display:block;width:220px;height:auto}
.admin-header .brand small{margin-top:9px;font-size:9px}
.admin-header nav .icon{width:16px;height:16px;min-width:16px}
@media(max-width:600px){
 #inobazz-ciencia-multimedia .im-header{display:grid;grid-template-columns:minmax(0,1fr) auto}
 #inobazz-ciencia-multimedia .im-brand{max-width:100%}
 #inobazz-ciencia-multimedia .im-brand img{width:190px}
 #inobazz-ciencia-multimedia .im-header nav{width:100%;gap:18px;grid-column:1/-1}
 #inobazz-ciencia-multimedia .im-header nav a{font-size:12px;gap:6px}
 #inobazz-ciencia-multimedia .im-formats{flex-wrap:wrap;gap:4px}
 #inobazz-ciencia-multimedia .im-formats button{padding:9px 10px;gap:5px}
 #inobazz-ciencia-multimedia .im-toolbar{gap:10px;align-items:flex-start}
}

/* Compact viewer: the iframe fills a fixed 16:9 box inside the dialog. */
#media-modal{--bs-modal-width:760px;--bs-modal-margin:20px;overflow:hidden}
#media-modal .modal-dialog{width:calc(100% - var(--bs-modal-margin)*2);max-width:var(--viewer-width,760px);margin:var(--bs-modal-margin) auto}
#media-modal .modal-content{border:0;border-radius:16px;max-height:none;overflow:hidden}
#media-modal .modal-header{padding:18px 22px;align-items:flex-start;gap:18px;flex-shrink:0}
#media-modal .modal-header>div{min-width:0}
#media-modal .btn-close{flex-shrink:0;margin-top:2px}
#media-modal .viewer-meta{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4;margin:0 0 7px}
#media-modal .modal-title{font-size:22px;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#media-modal .modal-body{flex:0 0 auto;min-height:0;padding:0 22px 16px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
#media-modal .viewer-player{position:relative;flex:none;width:100%;min-width:0;min-height:0;aspect-ratio:16/9;overflow:hidden;border-radius:9px}
#media-modal .viewer-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;margin:0;padding:0}
#media-modal .viewer-description{font-size:13px;line-height:1.5;margin:0 0 10px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
#media-modal .viewer-description:empty{display:none}
#media-modal .viewer-details{min-width:0}
#media-modal .modal-footer{padding:12px 22px;gap:12px;flex-shrink:0;flex-wrap:nowrap}
#media-modal .viewer-hint{font-size:12px;color:#53677c}
#media-modal .viewer-navigation{display:flex;gap:8px;flex-shrink:0}
#media-modal .modal-footer .btn{margin:0;padding:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:600px){
 #media-modal{--bs-modal-margin:12px}
 #media-modal .modal-header{padding:14px 16px;gap:12px}
 #media-modal .modal-title{font-size:18px}
 #media-modal .modal-body{padding:0 16px 12px;gap:12px}
 #media-modal .modal-footer{padding:10px 16px}
 #media-modal .modal-footer .btn{width:40px;height:40px}
}
@media(max-height:480px){
 #media-modal{--bs-modal-margin:10px}
 #media-modal .modal-header{padding:10px 14px;gap:10px}
 #media-modal .modal-title{font-size:16px}
 #media-modal .viewer-meta{font-size:10px;margin-bottom:4px}
 #media-modal .modal-body{padding:0 14px 10px;gap:8px}
 #media-modal .viewer-description{display:none}
 #media-modal .modal-footer{padding:8px 14px}
 #media-modal .viewer-hint{display:none}
 #media-modal .modal-footer{justify-content:flex-end}
}
@media(max-height:320px){
 #media-modal .modal-header{padding:8px 12px;align-items:center}
 #media-modal .viewer-meta,#media-modal .viewer-details{display:none}
 #media-modal .modal-title{font-size:14px;-webkit-line-clamp:1}
 #media-modal .modal-body{padding:0 12px 8px;gap:0}
 #media-modal .modal-footer{padding:6px 12px}
 #media-modal .modal-footer .btn{width:28px;height:28px}
}
.library-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}
#inobazz-ciencia-multimedia .library-controls .im-results{margin:0}
.library-sort{display:flex;align-items:center;gap:8px;font-size:12px;color:#53677c}
.library-sort select{max-width:245px;padding:8px 10px;border:1px solid #dde7f0;border-radius:7px;background:#fff;color:#19354e;font:inherit}
.copy-library,.card-share{border:0;background:transparent;color:#153e7e;font:inherit;font-size:12px;cursor:pointer;padding:8px 0}
.card-share{align-self:flex-end;text-align:right}
.share-notice{font-size:12px!important;color:#153e7e!important;overflow-wrap:anywhere;margin:10px 0!important}
.viewer-share{margin-left:8px}
.pswp .pswp__button--share-link{width:auto;padding:0 12px;color:#fff;font-family:var(--site-font);font-size:13px}
@media(max-width:600px){.library-sort{flex:1;min-width:220px}.library-sort select{flex:1;min-width:0}.copy-library{padding:2px 0}.viewer-share{margin:8px 0 0}.pswp .pswp__button--share-link{font-size:12px;padding:0 8px}}