/* 1.4.0: organizer — folders on the left, channels on the right, drag to move. */
.nojs{display:inline-block}.js .nojs{display:none}
.sr-default{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0;margin:-1px;opacity:0}
.org-bar{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;margin:6px 0 18px;padding:12px 16px;border:1px solid #25435c;border-radius:14px;background:#0e1a2b}
.org-view{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.org-view-title{color:#9fb6cd;font-size:13px}
.seg{display:flex;gap:8px;align-items:center;margin:0;padding:8px 14px;border:1px solid #2a4560;border-radius:10px;cursor:pointer;color:#dbe8f7;background:#0b1525}.seg.on{border-color:#35d9f2;background:#12304a}.seg input{width:18px;height:18px;margin:0;accent-color:#35d9f2}.seg b{display:block;font-size:14px;color:#fff}.seg small{display:block;font-size:12px;color:#9fb6cd}
.org-sync{color:#bfd0e3;font-size:13px}.org-sync .inline-details{margin-left:10px}
.org{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}
.org-side{position:sticky;top:12px;display:grid;gap:14px;max-height:calc(100vh - 24px);overflow:auto}
.org-box{border:1px solid #22354e;border-radius:16px;background:#0f1b2d;padding:14px}.org-box h3{margin:0 0 8px;font-size:15px}
.org-tip{margin:0 0 10px;color:#8fa7bf;font-size:12px}.org-empty{color:#b9cde3;font-size:13px}
.folders{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px}
.folder-item{display:flex;align-items:center;gap:4px;border:1px solid transparent;border-radius:10px;background:#12233a;transition:background .1s}
.folder-item:hover{background:#17304c}.folder-item.active{background:#164a57;border-color:#35d9f2}.folder-item.is-hidden .fname{opacity:.55}
.folder-open,.org-link{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:1;min-width:0;padding:11px 10px;color:#eaf4ff;text-decoration:none;font-size:14px;font-weight:600}
.folder-open .fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.folder-open em{font-style:normal;font-size:11px;color:#ffcf99;border:1px solid #7a5b30;border-radius:6px;padding:0 6px}
.folder-open small,.org-link small{background:#0b1525;border-radius:999px;padding:1px 9px;color:#a9d7e6;font-size:12px;font-weight:600}
.org-link{border:1px solid transparent;border-radius:10px;background:#12233a;margin-bottom:4px}.org-link:hover{background:#17304c}.org-link.active{background:#164a57;border-color:#35d9f2}
.grip{cursor:grab;color:#6cf1e4;font-size:18px;line-height:1;padding:6px 4px;user-select:none;flex-shrink:0}.grip:active{cursor:grabbing}
.folder-item.over,.org-link.over{background:#1d6a4d;border-color:#6ef0bf;box-shadow:0 0 0 2px #6ef0bf55}.folder-item.dragging{opacity:.4}
.new-folder{display:flex;gap:6px;margin:6px 0 0}.new-folder input{padding:9px}.new-folder button{padding:9px 14px;white-space:nowrap}
.zeus-pick{margin:8px 0 0}.zeus-pick label{margin:0;font-size:12px}.zeus-pick select{padding:9px}
.folder-head{border:1px solid #2a4560;border-radius:16px;background:linear-gradient(125deg,#142238,#101a2d);padding:16px 18px;margin:0 0 14px}
.folder-head.plain{background:#0f1b2d}.fh-title h3{margin:0;font-size:22px}.fh-title small{color:#9fb6cd}
.fh-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.fh-actions form{margin:0}.fh-actions button{padding:8px 12px;font-size:13px}
button.danger{color:#ffb4a7}button.secondary.danger{border:1px solid #6a3a3a}button.danger:hover{background:#3a1e26}
button[disabled]{opacity:.4;cursor:not-allowed}
.fh-rename{margin-top:10px}.fh-rename summary{cursor:pointer;color:#75d6dc;font-size:13px}.fh-rename .toolbar{align-items:flex-end;margin-top:8px}
.org-callout{padding:14px 18px;border-radius:12px;background:#12304a;border:1px solid #35d9f2;color:#e8f6ff}
.org-search{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}.org-search input[type=search]{flex:1;min-width:200px}.org-search select{width:auto}
.bulk{position:sticky;top:0;z-index:5;margin:0 0 12px;padding:12px 14px;border:1px solid #2a4560;border-radius:14px;background:#0d1a2c;box-shadow:0 8px 20px #0008}
.bulk-head{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:13px;color:#bfd0e3}.bulk-head label{margin:0;display:flex;gap:8px;align-items:center;color:#cfe3f6}.bulk-head input[type=checkbox]{width:18px;height:18px}
.selection-count{color:#6cf1e4;font-weight:700}.found{margin-left:auto;color:#8fa7bf}
.bulk-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.bulk-label{font-size:13px;color:#9fb6cd}
.js .bulk:not(.has-selection) .bulk-actions{display:none}
.js .bulk:not(.has-selection)::after{content:"Marca uno o varios para moverlos de carpeta u ocultarlos, o arrastra uno a la carpeta de la izquierda.";display:block;margin-top:6px;font-size:12px;color:#8fa7bf}
.chip{padding:8px 14px;font-size:13px;border-radius:999px;background:#1b6f7e;color:#fff}.chip:hover{background:#238aa0}.chip.ghost{background:#1c3048;color:#d6e6f6}.chip.add{background:#2d7d55}
.newf{display:flex;gap:6px;align-items:center}.newf input{width:190px;padding:8px 10px;font-size:13px;border-radius:999px}.vis{display:flex;gap:6px;margin-left:auto}
.ch-list{display:grid;gap:8px}
.ch{display:grid;grid-template-columns:24px 24px 52px minmax(160px,1fr) auto 190px 108px;gap:10px;align-items:center;padding:10px 12px;border:1px solid #223650;border-radius:14px;background:#0f1b2d}
.ch:hover{border-color:#35597c}.ch.dragging{opacity:.4;outline:2px dashed #35d9f2}
.ch.ordering-drag{background:#17314a}
.ch:not(:has(.ch-pos)){grid-template-columns:24px 24px 52px minmax(160px,1fr) 190px 108px}
.ch-check{margin:0}
.logo-btn{position:relative;width:52px;height:52px;padding:0;border-radius:12px;background:#0b1525;border:1px solid #304560;display:grid;place-items:center;overflow:hidden}
.logo-btn img{width:100%;height:100%;object-fit:contain}.logo-btn .channel-icon{font-weight:800;color:#6cf1e4;font-size:14px}
.logo-btn i{position:absolute;right:2px;bottom:2px;font-style:normal;font-size:11px;background:#35d9f2;color:#05202a;border-radius:6px;padding:0 4px;opacity:0}.logo-btn:hover i,.logo-btn:focus-visible i{opacity:1}
.ch-info{min-width:0}.ch-info b{display:block;color:#f2f7ff;font-size:15px;overflow:hidden;text-overflow:ellipsis}.ch-info small{display:block;color:#8fa7bf;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.ch-pos{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.ch-pos b{font-size:15px;color:#6cf1e4}.pos-btns,.pos-go{display:flex;gap:4px;align-items:center}.pos-go input{width:72px;padding:5px 6px;font-size:12px}
.mini{padding:4px 9px;font-size:12px;min-height:26px;background:#1c3048;color:#eaf4ff}
.ch-folder{margin:0;display:block}.ch-folder span{display:none}.ch-folder select{margin:0;padding:9px;font-size:14px}.ch-folder .mini{margin-top:4px}
.ch .visibility-switch{padding:9px 10px}
.ch-edit{grid-column:1/-1;margin:0}.ch-edit summary{cursor:pointer;color:#75d6dc;font-size:12px;list-style:none;display:inline-block}.ch-edit summary::-webkit-details-marker{display:none}
.ch-edit[open]{background:#0b1525;border-radius:12px;padding:12px;border:1px solid #2a4560}.ch-edit[open] summary{margin-bottom:10px}
.edit-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.edit-grid label{margin:0}.logo-edit{display:flex;gap:12px;align-items:flex-start;grid-column:1/-1}
.logo-prev{width:72px;height:72px;border-radius:14px;background:#111d31;border:1px solid #304560;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.logo-prev img{width:100%;height:100%;object-fit:contain}
.logo-fields{flex:1;display:grid;gap:10px}.edit-buttons{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.edit-buttons button{padding:9px 14px;font-size:13px}
.org-more{margin:26px 0 0;border-top:1px solid #1b2c42;padding-top:12px}.org-more summary{cursor:pointer;color:#8fa7bf}.org-more>div{margin:14px 0;padding:14px;border:1px solid #22354e;border-radius:12px}
.drag-badge{position:fixed;z-index:50;pointer-events:none;background:#35d9f2;color:#05202a;border-radius:999px;padding:3px 10px;font-weight:700;font-size:13px}
@media(max-width:1250px){.ch,.ch:not(:has(.ch-pos)){grid-template-columns:24px 24px 52px minmax(120px,1fr) 170px}.ch .ch-pos{grid-column:4/6}.ch .visibility-switch{grid-column:4/6}}
@media(max-width:900px){.org{grid-template-columns:1fr}.org-side{position:static;max-height:none}.edit-grid{grid-template-columns:1fr}.ch,.ch:not(:has(.ch-pos)){grid-template-columns:24px 52px minmax(0,1fr)}.ch .grip{display:none}.ch .ch-folder,.ch .ch-pos,.ch .visibility-switch{grid-column:2/4}.ch .ch-folder span{display:block}.vis{margin-left:0}}
/* 1.6.0: appearance page */
.look-preview{margin:16px 0;padding:16px;border-radius:16px;border:1px solid #304560;max-width:420px}.look-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.look-logo-box{font-weight:800;font-size:22px;color:#1f63e0}.look-logo-box b{color:#ff7a1a}.look-dot{font-size:12px;color:#1f63e0}
.look-card{padding:14px;border-radius:12px;display:grid;gap:2px;margin-bottom:12px}.look-card span{opacity:.75;font-size:13px}.look-buttons{display:flex;gap:8px;flex-wrap:wrap}.look-btn,.look-chip{padding:10px 16px;border-radius:12px;font-weight:700;font-size:14px}
.look-logo{max-height:48px;max-width:200px;background:#e9edf2;border-radius:8px;padding:6px;vertical-align:middle}.look-presets{display:flex;gap:8px;flex-wrap:wrap}.look-presets button{padding:8px 12px;font-size:13px}.look-reset{margin-top:12px}
input[type=color]{height:48px;padding:4px;cursor:pointer}
/* 1.7.0: platform tiles */
.plat-row{display:flex;gap:18px;align-items:flex-start}.plat-tile{flex:0 0 200px;height:120px;border-radius:14px;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:800;font-size:22px;text-align:center;padding:10px}.plat-tile img{max-width:100%;max-height:100%;object-fit:contain}.plat-fields{flex:1;min-width:0}.plat-card .edit-buttons{margin-top:10px}.plat-card .edit-buttons form{margin:0}
@media(max-width:900px){.plat-row{flex-direction:column}.plat-tile{flex-basis:auto;width:100%}}
/* 1.8.0: platform assignment */
.org-callout{padding:12px 16px;border-radius:12px;background:#12304a;border:1px solid #35d9f2;color:#e8f6ff;margin:0 0 12px}.org-callout.warn{background:#3a2a12;border-color:#ffb347;color:#ffe2b8}
.plat-assign{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border:1px solid #2a4560;border-radius:12px;background:#0f1b2d}.plat-assign label{margin:0;min-width:240px}.plat-assign button{padding:10px 14px}
.plat-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-basis:100%}.chip.plat{background:#6b3fa0}.chip.plat:hover{background:#8250c0}.plat-badge{color:#ffcf99!important}
/* 1.10.0: devices, promos */
.dev-group .head{align-items:flex-start;gap:16px;flex-wrap:wrap}.dev-group h2{margin:0}.dev-row{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;padding:12px 0;border-top:1px solid #1e3148}.dev-row form{margin:0}.dev-info{flex:1;min-width:240px}.dev-edit{flex-basis:100%;order:3}.dev-edit summary{cursor:pointer;color:#75d6dc;font-size:13px}.dev-edit form{margin-top:10px}
.promo-thumb{flex:0 0 260px}.promo-thumb img{width:100%;height:110px;object-fit:cover;border-radius:12px;background:#0b1525;display:block;margin-bottom:8px}
textarea{min-height:110px}

.folder-item.is-sub{margin-left:20px;background:#0f1d31}.folder-item.is-sub .fname::before{content:'↳ ';opacity:.6}.new-parent{display:block;margin-top:6px}.new-parent select{width:100%}.subfolders{margin:8px 0}.subfolders .chip{margin-right:6px}

.listing-box{max-height:260px;overflow:auto;border:1px solid #2a3955;border-radius:10px;padding:8px;margin:8px 0;display:grid;gap:4px}.listing-box .check{display:flex;gap:8px;align-items:center}
.warn-text{color:#B3261E;font-weight:700}@media(prefers-color-scheme:dark){.warn-text{color:#FF8A80}}
.cover-prev{object-fit:cover;border-radius:8px}
.select-all-banner{margin:8px 0;padding:10px 14px;border-radius:12px;background:#FFF1E6;color:#7A4300;font-weight:600}
.select-all-banner button{margin-left:8px;font-weight:800}
.folder-item.is-hidden .fname{opacity:.55;text-decoration:line-through}.folder-item .hid-tag{font-style:normal;font-size:11px;font-weight:700;color:#B3261E;margin-left:6px}
.hidden-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#FFE5E2;border:1px solid #B3261E;color:#5C0F0A}
.hidden-banner .inline-form{display:inline}
.help-hide{margin:0 0 10px}.help-hide summary{cursor:pointer;font-weight:700}.help-hide ul{margin:8px 0 0;padding-left:20px}.help-hide li{margin:4px 0}
.folder-item.is-hidden .fname{opacity:.55;text-decoration:line-through}.folder-item .hid-tag{font-style:normal;font-size:11px;font-weight:700;color:#B3261E;margin-left:6px}
.hidden-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#FFE5E2;border:1px solid #B3261E;color:#5C0F0A}
.hidden-banner .inline-form{display:inline}
.help-hide{margin:0 0 10px}.help-hide summary{cursor:pointer;font-weight:700}.help-hide ul{margin:8px 0 0;padding-left:20px}.help-hide li{margin:4px 0}
