/* ============ Lintera · estilos ============ */
:root{
  --blue:#1ea7e1; --blue-d:#1689bc; --navy:#1f3f5e; --navy-2:#2b4c6c; --red:#e0202a;
  --bg:#f3f7fb; --card:#fff; --ink:#16293d; --muted:#5d7288; --line:#e1e9f1; --soft:#eaf3fa;
  --shadow:0 1px 2px rgba(22,41,61,.06),0 8px 24px rgba(22,41,61,.07);
  --radius:16px; --ok:#16875a; --err:#c62828;
  --pdf:#e5322d; --word:#2b6cd1; --excel:#1e8e4e; --ppt:#d9622b; --image:#7c5cf0; --video:#0e7490; --audio:#be185d; --zip:#8a6d3b; --txt:#64748b; --file:#64748b;
}
[data-theme=dark]{
  --bg:#0d1824; --card:#13263a; --ink:#e6eef6; --muted:#9db0c4; --line:#223a53; --soft:#172f47;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35); --navy:#cfe6f7; --navy-2:#a8cde8;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh;display:flex;flex-direction:column}
body.no-scroll{overflow:hidden}
img{max-width:100%}
a{color:var(--blue-d);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;color:var(--navy)}
.muted{color:var(--muted)}.grow{flex:1}.pad{padding:14px 16px}
[hidden]{display:none!important}
.ico{flex:none;vertical-align:middle}

/* Marca */
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--navy)}
.brand-heart{height:46px;width:auto;display:block}
.brand-word{display:flex;flex-direction:column;line-height:1}
.wm{font-family:Cinzel,"Times New Roman",serif;font-weight:700;letter-spacing:.28em;font-size:1.5rem;color:var(--navy-2);padding-bottom:6px;border-bottom:2px solid var(--red);display:inline-block}
.tag{font-family:Cinzel,serif;font-weight:500;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.brand-lg{flex-direction:column;gap:14px;text-align:center}
.brand-lg .brand-heart{height:96px}.brand-lg .wm{font-size:2.1rem;letter-spacing:.32em;padding-left:.32em}.brand-lg .brand-word{align-items:center}
.brand-lg .tag{font-size:.68rem}
.brand-sm .brand-heart{height:34px}.brand-sm .wm{font-size:1.05rem;border-bottom-width:1.5px;padding-bottom:4px}

/* Botones y formularios */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:11px 18px;font:600 .95rem Inter,sans-serif;cursor:pointer;transition:.15s;text-decoration:none!important;line-height:1.2}
.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-d)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--navy)}.btn-ghost:hover{background:var(--soft)}
.btn-danger{background:#fff;border-color:#f1c4c4;color:var(--err)}[data-theme=dark] .btn-danger{background:transparent;border-color:#6b2a2a;color:#ff8d8d}.btn-danger:hover{background:#fdecec}
.btn-sm{padding:7px 12px;font-size:.85rem;border-radius:10px}
.btn-block{width:100%}
.btn:disabled{opacity:.6;cursor:wait}
.link-btn{background:none;border:0;color:var(--blue-d);cursor:pointer;font:600 .8rem Inter,sans-serif;padding:0}
.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:0;background:transparent;color:var(--navy);cursor:pointer}
.icon-btn:hover{background:var(--soft)}
.form{display:flex;flex-direction:column;gap:16px}
.fld{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;color:var(--navy)}
.fld small{font-weight:400;color:var(--muted)}
input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=search],textarea,select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:400 1rem Inter,sans-serif;transition:.15s}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,167,225,.22)}
input:disabled{background:var(--soft);color:var(--muted)}
textarea{resize:vertical;min-height:90px}
input[type=file]{width:100%;font-size:.9rem}
.chk{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--ink)}.chk input{width:18px;height:18px;accent-color:var(--blue)}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.alert{padding:12px 16px;border-radius:12px;margin:0 0 16px;font-size:.92rem;border:1px solid}
.alert-ok{background:#e8f7ef;border-color:#b6e3cb;color:#12633f}.alert-error{background:#fdecec;border-color:#f3c3c3;color:#9b1c1c}.alert-info{background:var(--soft);border-color:var(--line);color:var(--navy)}
[data-theme=dark] .alert-ok{background:#12372a;border-color:#1f6a4c;color:#a5e8c6}[data-theme=dark] .alert-error{background:#3a1b1b;border-color:#7d3434;color:#ffb4b4}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
.chip{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--soft);color:var(--navy);font-size:.78rem;font-weight:600}
.chip.ok{background:#e0f5ea;color:#12633f}.chip.off{background:#fdecec;color:#9b1c1c}.chip.adm{background:#e4f1fb;color:#0e5a82}
.progress{height:8px;background:var(--soft);border-radius:99px;overflow:hidden;margin-top:10px}.progress>i{display:block;height:100%;width:0;background:var(--blue);transition:width .2s}

/* Login */
.page-login{background:var(--card)}
.login{display:grid;grid-template-columns:1.25fr 1fr;min-height:100vh;width:100%}
.hero{position:relative;overflow:hidden;background:linear-gradient(140deg,#1f3f5e,#2b6a96 60%,#1ea7e1)}
.hero:before{content:"";position:absolute;right:-8%;bottom:-12%;width:70%;aspect-ratio:1;background:url('../img/heart-white.png') center/contain no-repeat;opacity:.07;z-index:0}
.slide{position:absolute;inset:0;margin:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s;display:flex;align-items:flex-end}
.slide.on{opacity:1;z-index:1}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,35,55,.82),rgba(15,35,55,.05) 62%)}
.slide figcaption{position:relative;z-index:2;color:#fff;padding:clamp(24px,5vw,64px);padding-bottom:84px;max-width:620px}
.slide h2{color:#fff;font:700 clamp(1.6rem,3vw,2.5rem)/1.15 Inter,sans-serif;margin:0 0 .5em}
.slide p{margin:0;font-size:1.08rem;opacity:.92}
.dots{position:absolute;z-index:3;left:clamp(24px,5vw,64px);bottom:36px;display:flex;gap:10px}
.dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0;transition:.2s}
.dots button.on{background:#fff;transform:scale(1.15)}
.login-card{display:flex;align-items:center;justify-content:center;padding:32px 24px;background:var(--card)}
.lc-inner{width:100%;max-width:380px}
.lc-logo{display:flex;justify-content:center;margin-bottom:26px}
.lc-h{text-align:center;font-size:1.05rem;color:var(--muted);font-weight:500;margin-bottom:22px;font-family:Inter,sans-serif}
.pw{position:relative;display:block}.pw input{padding-right:48px}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--muted);width:40px;height:40px;cursor:pointer;display:grid;place-items:center}
.pw-toggle .off{display:none}.pw-toggle.show .on{display:none}.pw-toggle.show .off{display:block}
.install-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:11px;border:1.5px dashed var(--blue);border-radius:12px;background:transparent;color:var(--blue-d);font:600 .92rem Inter,sans-serif;cursor:pointer}
.install-btn:hover{background:var(--soft)}
.install-hint{font-size:.82rem;color:var(--muted);text-align:center;margin:14px 0 0}
.lc-foot{text-align:center;color:var(--muted);font-size:.8rem;margin:28px 0 0}

/* Barra superior */
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:10px clamp(14px,3vw,32px);background:var(--card);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.tb-brand img{height:38px;display:block}
.tb-title{display:flex;flex-direction:column;line-height:1.15;min-width:0;flex:1}
.tb-hello{font-size:.76rem;color:var(--muted);font-weight:500;letter-spacing:.03em}
.tb-title strong{font-size:1.08rem;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-actions{display:flex;align-items:center;gap:6px}
.badge-dot{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font:700 .68rem/18px Inter,sans-serif;text-align:center}
.avatar{width:40px;height:40px;border-radius:50%;border:0;background:var(--navy-2);color:#fff;font:700 1rem Inter,sans-serif;cursor:pointer;margin-left:4px}
[data-theme=dark] .avatar{background:var(--blue);color:#06233a}
.dropdown{position:relative}
.dd-panel{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-width:230px;z-index:60;overflow:hidden}
.dd-panel a{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--ink);font-weight:500;text-decoration:none}.dd-panel a:hover{background:var(--soft)}
.dd-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.dd-head.col{flex-direction:column;align-items:flex-start;gap:0}
.notif-panel{width:min(380px,92vw);max-height:70vh;overflow:auto}
.notif{padding:12px 16px;border-bottom:1px solid var(--line);cursor:default}
.notif.unread{background:var(--soft);cursor:pointer;box-shadow:inset 3px 0 0 var(--blue)}
.notif b{display:block;color:var(--navy)}.notif p{margin:.25em 0;font-size:.9rem;color:var(--ink)}.notif small{color:var(--muted);display:block;margin-top:4px}.notif a{font-size:.85rem;font-weight:600}
.i-sun{display:none}[data-theme=dark] .i-sun{display:block}[data-theme=dark] .i-moon{display:none}

/* Contenido */
.app{width:100%;max-width:1180px;margin:0 auto;padding:22px clamp(14px,3vw,32px) 40px;flex:1}
.app.narrow{max-width:820px}
.page-h{font-size:1.6rem}
.banner{position:relative;border-radius:22px;overflow:hidden;min-height:190px;display:flex;align-items:flex-end;background:linear-gradient(120deg,#1f3f5e,#1689bc 70%,#1ea7e1);box-shadow:var(--shadow)}
.banner:before{content:"";position:absolute;inset:0;background:var(--bn,none) center/cover no-repeat}
.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,32,51,.72),rgba(14,32,51,.08) 70%)}
.banner-in{position:relative;z-index:1;padding:clamp(20px,4vw,40px);color:#fff;max-width:760px}
.banner h1{color:#fff;font-size:clamp(1.5rem,3.4vw,2.3rem);margin:0 0 .25em}.banner p{margin:0;opacity:.92;font-size:1.05rem}
.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;margin:26px 0;align-items:center}
.video{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0b1622;box-shadow:var(--shadow)}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.video-empty{display:grid;place-items:center;color:#9fb6cc;text-align:center}.video-empty span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:2px solid #4b6b8a;margin:0 auto 8px}
.feature-text h2{font-size:1.5rem}.rich{color:var(--ink)}
.sec-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--line)}
.sec-head h2{margin:0;font-size:1.35rem}
.sec-head h2:after{content:"";display:block;width:46px;height:3px;background:var(--red);border-radius:3px;margin-top:8px}
.folders-sec{background:var(--card);border-radius:22px;padding:clamp(16px,3vw,28px);box-shadow:var(--shadow)}
.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px;margin-top:18px}
.folder-grid.compact{margin:0 0 22px}
.folder-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 14px 16px;border-radius:18px;background:var(--bg);border:1px solid var(--line);color:var(--ink);text-decoration:none!important;transition:.18s}
.folder-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--blue)}
.fc-ico svg{width:78px;height:64px}.fc-ico .tab{fill:#7fd0f3}.fc-ico .body{fill:var(--blue)}
.fc-name{font-weight:700;color:var(--navy);word-break:break-word}.fc-meta{font-size:.78rem;color:var(--muted)}
.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;color:var(--muted);text-align:center}.empty p{margin:0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.88rem;color:var(--muted);margin-bottom:10px}.crumbs b{color:var(--navy)}
.fol-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.fol-head h1{display:flex;align-items:center;gap:10px;margin:0;font-size:1.55rem}
.fol-desc{margin:.3rem 0 1rem}
.explorer{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-top:18px;align-items:start}
.file-list{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.file-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none!important;transition:.12s}
.file-row:last-child{border:0}.file-row:hover{background:var(--soft)}.file-row.sel{background:var(--soft);box-shadow:inset 4px 0 0 var(--blue)}
.fr-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.fr-info b{color:var(--navy);overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.fr-info small{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.star{color:#f5a623}.fr-dl{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--blue-d);cursor:pointer}.fr-dl:hover{background:var(--blue);color:#fff}
.featured{position:sticky;top:84px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:10px}
.feat-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:#fff4dc;color:#8a5a00;font-weight:700;font-size:.78rem;padding:4px 10px;border-radius:99px}.feat-tag .ico{color:#f5a623}
.featured h3{margin:4px 0 0;font-size:1.15rem}.featured p{margin:0}.feat-meta{font-size:.85rem}
.feat-actions{display:flex;gap:10px;flex-wrap:wrap}.feat-actions .btn{flex:1}

/* Miniaturas */
.thumb{position:relative;border-radius:12px;overflow:hidden;background:var(--soft);border:1px solid var(--line);aspect-ratio:4/3;flex:none}
.thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;background:#fff}
.thumb.sm{width:74px;aspect-ratio:1;border-radius:10px}.thumb.lg{width:100%}
.ft-badge{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:6px;font:700 .62rem/1.4 Inter,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.04em;background:var(--file)}
.thumb.sm .ft-badge{left:4px;bottom:4px;font-size:.55rem;padding:1px 5px}
.ft-badge.ft-pdf{background:var(--pdf)}.ft-badge.ft-word{background:var(--word)}.ft-badge.ft-excel{background:var(--excel)}.ft-badge.ft-ppt{background:var(--ppt)}.ft-badge.ft-image{background:var(--image)}.ft-badge.ft-video{background:var(--video)}.ft-badge.ft-audio{background:var(--audio)}.ft-badge.ft-zip{background:var(--zip)}
.thumb-card{display:grid;place-items:center;background:color-mix(in srgb,var(--c) 10%,var(--card));border-color:color-mix(in srgb,var(--c) 28%,var(--line))}
.thumb-card svg{position:absolute;height:74%;width:auto;left:50%;top:48%;transform:translate(-50%,-50%)}
.thumb-card.sm svg{height:80%}
.thumb-card .pg{fill:var(--c)}.thumb-card .fold{fill:rgba(255,255,255,.45)}
.thumb-card b{position:relative;z-index:1;color:#fff;font:800 1.15rem Inter,sans-serif;letter-spacing:.02em;margin-top:18%}
.thumb-card.sm b{font-size:.78rem}.thumb-card.lg b{font-size:1.6rem}
.thumb-card .ft-badge{background:rgba(0,0,0,.28)}
.thumb-card.ft-pdf{--c:var(--pdf)}.thumb-card.ft-word{--c:var(--word)}.thumb-card.ft-excel{--c:var(--excel)}.thumb-card.ft-ppt{--c:var(--ppt)}.thumb-card.ft-image{--c:var(--image)}.thumb-card.ft-video{--c:var(--video)}.thumb-card.ft-audio{--c:var(--audio)}.thumb-card.ft-zip{--c:var(--zip)}.thumb-card.ft-txt{--c:var(--txt)}.thumb-card.ft-file{--c:var(--file)}

/* Modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(8,18,29,.78);display:grid;place-items:center;padding:16px}
.modal-box{width:min(1000px,100%);height:min(86vh,900px);background:var(--card);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 18px;border-bottom:1px solid var(--line)}
.modal-body{flex:1;min-height:0;display:grid;place-items:center;background:#0b1622}
.modal-body iframe{width:100%;height:100%;border:0;background:#fff}.modal-body img,.modal-body video{max-width:100%;max-height:100%}

/* Pie */
.site-footer{margin-top:auto;border-top:1px solid var(--line);background:var(--card);padding:18px clamp(14px,3vw,32px);display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center}
.sf-nets{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.sf-nets a{display:inline-flex;align-items:center;gap:8px;color:var(--navy-2);padding:6px;border-radius:10px}.sf-nets a:hover{background:var(--soft)}.sf-nets a span{font-size:.9rem}
.sf-copy{color:var(--muted);font-size:.85rem}

/* Toasts */
.toasts{position:fixed;right:16px;bottom:16px;z-index:120;display:flex;flex-direction:column;gap:8px}

/* Admin */
.admin{display:block}
.adm-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;width:100%}
.adm-side{background:var(--navy);color:#fff;padding:20px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow:auto}
[data-theme=dark] .adm-side{background:#0a1520;border-right:1px solid var(--line)}
.adm-brand{display:flex;flex-direction:column;gap:2px;padding:6px 8px 14px;border-bottom:1px solid rgba(255,255,255,.15);text-decoration:none!important}
.adm-brand .brand{background:#fff;padding:8px 12px;border-radius:12px}.adm-brand .wm{color:#2b4c6c}.adm-brand small{color:#a9c6df;margin-top:8px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.adm-side nav{display:flex;flex-direction:column;gap:2px}
.adm-side a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#cfe3f3;font-weight:500;text-decoration:none!important}
.adm-side a:hover{background:rgba(255,255,255,.08)}.adm-side a.on{background:var(--blue);color:#fff}
.adm-side-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);padding-top:10px}
.adm-top{display:flex;align-items:center;gap:12px;padding:14px clamp(14px,3vw,28px);background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.adm-top h1{margin:0;font-size:1.25rem}
.adm-burger{display:none}
.adm-body{padding:22px clamp(14px,3vw,28px) 48px;max-width:1100px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}
.stat{background:var(--card);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.stat b{display:block;font-size:1.9rem;color:var(--navy);line-height:1}.stat span{color:var(--muted);font-size:.85rem}
.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:22px}.panel>h2{font-size:1.1rem;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:.93rem}
.tbl th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.tbl td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border:0}
.tbl .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.inline-form{display:inline}
.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--line);border-radius:14px;padding:22px;text-align:center;color:var(--muted);transition:.15s}
.dropzone.over{border-color:var(--blue);background:var(--soft)}.dropzone input{margin-top:6px}.dz-names{font-size:.85rem;color:var(--navy);word-break:break-word}
.tree{list-style:none;margin:0;padding:0}.tree .tree{margin-left:22px;border-left:2px solid var(--line);padding-left:12px}
.tree-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;flex-wrap:wrap}.tree-row:hover{background:var(--soft)}
.tree-row .nm{font-weight:600;color:var(--navy);display:flex;gap:8px;align-items:center}.tree-row .acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.img-prev{max-width:100%;max-height:150px;border-radius:12px;border:1px solid var(--line);display:block;margin:8px 0}
.slide-item{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.slide-item:last-child{border:0}.slide-item img{width:150px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--soft)}
.help{font-size:.85rem;color:var(--muted);margin:.2rem 0 0}

@media (max-width:900px){
  .login{grid-template-columns:1fr;grid-template-rows:230px 1fr;min-height:100vh}
  .slide figcaption{padding:20px;padding-bottom:50px}.slide h2{font-size:1.25rem}.slide p{font-size:.92rem}.dots{bottom:16px;left:20px}
  .login-card{align-items:flex-start;padding-top:28px}
  .feature{grid-template-columns:1fr}
  .explorer{grid-template-columns:1fr}.featured{position:static;order:-1}
  .adm-shell{grid-template-columns:1fr}.adm-side{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:90;transform:translateX(-100%);transition:.2s}.adm-side.open{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.45)}
  .adm-burger{display:grid}
  .grid2,.grid3{grid-template-columns:1fr}
  .slide-item{grid-template-columns:1fr}.slide-item img{width:100%;height:150px}
}
@media (max-width:560px){
  .tb-title strong{font-size:.98rem}.thumb.sm{width:62px}
  .folder-grid{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}