/* /assets/css/intros.css */
.intro-opening {position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:#eff9f7;}
.intro-opening::backdrop{background:#eff9f7;}
.intro-opening iframe{display:block;width:100%;height:100%;border:0;pointer-events:none;}
.intro-skip{position:absolute;right:20px;bottom:max(24px,env(safe-area-inset-bottom));border:1px solid #a4b9bd;background:#ffffffed;color:#143b46;border-radius:30px;padding:11px 19px;font:600 14px system-ui;cursor:pointer;}
.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin:24px 0;}
.intro-admin-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white;}
.intro-admin-card.is-selected{border:2px solid #16a77b;}
.intro-admin-card>iframe{width:100%;height:260px;border:0;pointer-events:none;background:#eff9f7;}
.intro-admin-card>div{padding:20px;}
.intro-card-actions,.intro-card-actions form{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#intro-prompt{width:100%;font:13px/1.6 monospace;margin-bottom:14px;}

/* /assets/css/app.css — navegación completa en PC */
@media (min-width: 980px) {
 .app-nav__inner { overflow-y:auto; padding-bottom:12px; }
 .app-nav__more { display:contents; }
 .app-nav__more-toggle { display:none; }
 .app-nav__more-panel, .app-nav__more-panel[hidden] { display:contents !important; }
 .app-nav__more-link { position:relative; flex:none; min-height:66px; padding:8px 2px; flex-direction:column; justify-content:center; gap:4px; border-radius:15px; color:#789097; font-size:.65rem; }
 .app-nav__more-icon { width:auto; height:auto; flex:none; border-radius:0; color:inherit; background:transparent; }
 .app-nav__more-chevron { display:none; }
 .app-nav__more-link.is-active::after { content:''; position:absolute; left:0; top:22px; width:3px; height:22px; border-radius:0 4px 4px 0; background:var(--teal); }
}

.intro-backgrounds {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:18px}.intro-backgrounds article {min-width:0}.intro-backgrounds img {width:100%;height:130px;object-fit:cover;border-radius:14px}.intro-backgrounds input {width:100%;margin:8px 0;font-size:12px}
/* /assets/css/intros.css — administrador compacto */
.intro-current{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border:1px solid #cce8e2;border-radius:20px;background:#f0faf6;margin:24px 0;}
.intro-current.is-off{background:#fff8ed;border-color:#eddfc4;}
.intro-current__identity{display:flex;align-items:center;gap:14px;}
.intro-current__identity>span{display:grid;place-items:center;width:44px;height:44px;background:#d7f0e4;border-radius:14px;color:#16815e;}
.intro-current strong{font-size:.95rem;}.intro-current p{margin:4px 0 0;color:var(--ink-soft);font-size:.85rem;}
.intro-filter-row{display:flex;gap:10px;margin:26px 0 18px;}.intro-filter{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:30px;background:white;padding:12px 20px;font-weight:700;color:var(--ink-soft);cursor:pointer;}.intro-filter.is-active{background:#263d49;color:white;border-color:#263d49;}.intro-filter span{opacity:.8;font-size:.8rem;}
.intro-admin-page .intro-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:0 0 30px;}
.intro-admin-page .intro-admin-card{border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 25px #123b4307;}
.intro-admin-page .intro-admin-card.is-selected{border:2px solid #18a771;box-shadow:0 0 0 4px #18a77116;}
.intro-admin-page .intro-admin-card[hidden]{display:none;}
.intro-card-preview{height:200px;position:relative;overflow:hidden;background:#edf8f6;}
.intro-admin-page .intro-card-preview>iframe{position:absolute;top:50%;left:50%;width:520px;height:400px;transform:translate(-50%,-50%) scale(.5);border:0;pointer-events:none;}
.intro-card-top{position:absolute;inset:12px 12px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.intro-select{display:inline-flex;align-items:center;border:0;border-radius:25px;background:#fffffff2;padding:10px 15px;font:700 .76rem system-ui;color:#263d49;cursor:pointer;box-shadow:0 3px 12px #0001;}
.intro-select.is-selected{background:#1ba36e;color:white;cursor:default;opacity:1;}
.intro-edit-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#263d49;color:white;}
.intro-admin-page .intro-card-body{padding:18px;}.intro-card-body h2{font-size:1rem;margin:0 0 7px;}.intro-card-body p{font-size:.8rem;color:var(--ink-soft);margin:0 0 20px;}
.intro-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;}.intro-card-footer button{font-size:.75rem;}.intro-preview-button{display:flex;align-items:center;gap:6px;border:0;border-radius:20px;padding:9px 12px;background:#eaf7f4;color:#197d76;font-weight:700;cursor:pointer;}
.intro-background-entry{display:flex;align-items:center;gap:16px;width:100%;padding:22px;border:1px solid var(--line);border-radius:22px;background:white;text-align:left;color:var(--ink);cursor:pointer;}
.intro-background-entry__icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;background:#effafa;border-radius:15px;color:var(--teal);}.intro-background-entry>span:nth-child(2){flex:1;}.intro-background-entry strong,.intro-background-entry small{display:block;}.intro-background-entry small{margin-top:5px;color:var(--ink-soft);line-height:1.5;}
.intro-prompt-section{border-top:1px dashed var(--line);margin:25px 0;padding:20px 0;}.intro-prompt-section summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:.9rem;font-weight:700;}.intro-prompt-section summary>span:first-child{display:flex;align-items:center;gap:10px;}.intro-prompt-section summary>span:last-child{font-size:.75rem;color:var(--teal);}
.intro-editor-dialog,.intro-background-dialog{width:min(950px,calc(100% - 24px));max-width:950px;max-height:90dvh;overflow-y:auto;}.intro-editor-dialog .dialog-card,.intro-background-dialog .dialog-card{padding:26px;}
.intro-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;}.intro-dialog-heading h2{margin:5px 0;font-size:1.4rem;}.intro-code-editor{font:13px/1.6 ui-monospace,monospace;min-height:250px;}.intro-editor-note{font-size:.82rem;color:var(--ink-soft);margin:0;}.intro-editor-actions{display:flex;justify-content:space-between;gap:12px;}.intro-upload-row{display:flex;align-items:flex-end;gap:15px;}.intro-upload-row .field{flex:1;min-width:0;}.intro-empty-backgrounds{text-align:center;padding:40px 18px;color:var(--ink-soft);}.intro-empty-backgrounds h3{color:var(--ink);}
.intro-live-dialog{width:min(440px,calc(100% - 24px));height:min(780px,90dvh);max-height:90dvh;padding:0;border:0;border-radius:22px;overflow:hidden;}.intro-live-heading{height:52px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:12px;background:white;}.intro-live-dialog iframe{display:block;width:100%;height:calc(100% - 52px);border:0;}
@media(max-width:600px){.intro-current{align-items:stretch;flex-direction:column;padding:18px;}.intro-current form button{width:100%;}.intro-admin-page .intro-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}.intro-editor-dialog .dialog-card,.intro-background-dialog .dialog-card{padding:18px;}.intro-upload-row{align-items:stretch;flex-direction:column;}.intro-editor-actions{flex-wrap:wrap;}.intro-background-entry{padding:18px;}}