*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7fb}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.im-login-body{min-height:100vh;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--a) 20%,transparent),transparent 35%),radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--b) 18%,transparent),transparent 35%),#f7f8fc;display:grid;place-items:center;padding:24px}.im-login-shell{width:min(100%,470px)}.im-login-card{background:#fff;border:1px solid #e7eaf1;border-radius:28px;padding:38px;box-shadow:0 30px 80px rgba(24,31,50,.13)}.im-logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;font-weight:900;font-size:24px;box-shadow:0 10px 30px color-mix(in srgb,var(--a) 35%,transparent)}.im-kicker,.im-top span,.im-panel-head span,.im-hero span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--a)}.im-login-card h1{font-size:36px;margin:14px 0 8px}.im-login-card>p{color:#6e778a;line-height:1.6}.im-pin-form{margin-top:26px}.im-pin-form label,.im-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#465064}.im-pin-form input,.im-form input,.im-form select,.im-form textarea{width:100%;border:1px solid #dfe4ee;border-radius:13px;padding:13px 14px;background:#fbfcfe;outline:none;transition:.2s}.im-pin-form input:focus,.im-form input:focus,.im-form textarea:focus,.im-form select:focus{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 12%,transparent);background:#fff}.im-pin-form button,.im-save{width:100%;border:0;border-radius:13px;padding:14px 18px;margin-top:14px;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;font-weight:800;cursor:pointer}.im-login-help{display:block;margin-top:16px;color:#70798a;line-height:1.5}.im-back{display:inline-block;margin-top:22px;font-weight:700;font-size:13px;color:var(--a)}.im-app{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.im-side{position:fixed;left:0;top:0;bottom:0;width:255px;background:#111827;color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:20}.im-brand{display:flex;align-items:center;gap:12px;padding:5px 8px 25px}.im-brand b{display:block;font-size:19px}.im-brand small{display:block;color:#8f9aaf;font-size:10px;letter-spacing:.2em}.im-side nav{display:flex;flex-direction:column;gap:7px}.im-side nav a,.im-side-bottom a{padding:12px 14px;border-radius:12px;color:#c9d0dc;font-size:14px;font-weight:700}.im-side nav a:hover,.im-side nav a.active{background:rgba(255,255,255,.09);color:#fff}.im-side nav a.active{box-shadow:inset 3px 0 0 var(--a)}.im-side-bottom{margin-top:auto;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.im-main{grid-column:2;min-width:0}.im-top{height:82px;background:#fff;border-bottom:1px solid #e6e9f0;padding:0 30px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:12}.im-top h2{margin:3px 0 0;font-size:20px}.im-public{margin-left:auto;background:#f4f0ff;color:var(--a);font-weight:800;padding:10px 14px;border-radius:11px;font-size:13px}.im-menu{display:none;border:0;background:#f1f3f7;border-radius:10px;width:40px;height:40px}.im-content{padding:30px;max-width:1500px;margin:auto}.im-hero{background:linear-gradient(120deg,#181f2f,#232b3d);border-radius:24px;color:#fff;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.im-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b));filter:blur(15px);opacity:.2;right:-60px;top:-90px}.im-hero h1{font-size:32px;margin:8px 0}.im-hero p{max-width:760px;color:#c9d0dc;line-height:1.6;margin:0}.im-hero>a{position:relative;z-index:2;background:#fff;color:#1e2635;padding:13px 17px;border-radius:12px;font-weight:900;white-space:nowrap}.im-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.im-stats article{background:#fff;border:1px solid #e7eaf1;border-radius:18px;padding:20px;box-shadow:0 8px 25px rgba(25,32,50,.04)}.im-stats span,.im-stats small{display:block;color:#7a8395;font-size:12px}.im-stats strong{display:block;font-size:30px;margin:6px 0}.im-stats strong.text{font-size:18px;margin:12px 0}.im-panel{background:#fff;border:1px solid #e7eaf1;border-radius:20px;padding:22px;margin-bottom:20px;box-shadow:0 8px 26px rgba(25,32,50,.035)}.im-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.im-panel-head h3{margin:4px 0 0;font-size:20px}.im-panel-head>a,.im-primary{color:var(--a);font-weight:800;font-size:13px}.im-primary{background:#f4f0ff;padding:10px 13px;border-radius:10px}.im-alert{background:#eefaf2;border:1px solid #caecd5;color:#237342;padding:12px 15px;border-radius:12px;margin-bottom:18px;font-weight:700;font-size:13px}.im-alert.error{background:#fff1f1;border-color:#ffd4d4;color:#b23939}.im-course-list{display:flex;flex-direction:column}.im-course-list article{display:grid;grid-template-columns:66px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #eef0f4}.im-course-list article:first-child{border-top:0}.im-thumb{width:66px;height:54px;border-radius:12px;background:linear-gradient(135deg,var(--a),var(--b));background-size:cover;background-position:center;color:#fff;display:grid;place-items:center;font-weight:900;font-size:24px}.im-course-info span{font-size:11px;font-weight:800;color:var(--a);text-transform:uppercase}.im-course-info h4{margin:4px 0;font-size:16px}.im-course-info p{margin:0;color:#7b8393;font-size:12px}.im-row-actions{display:flex;align-items:center;gap:8px}.im-row-actions a,.im-row-actions button{border:1px solid #e0e4eb;background:#fff;padding:8px 10px;border-radius:9px;font-weight:800;font-size:12px;cursor:pointer}.im-row-actions button{color:#b33a3a}.im-form{margin-top:6px}.im-grid{display:grid;gap:15px}.im-grid.two{grid-template-columns:1fr 1fr}.im-grid.one{grid-template-columns:1fr}.im-grid .wide{grid-column:1/-1}.im-form label small{font-weight:500;color:#8a92a0}.im-save{width:auto;padding:12px 22px;margin-top:18px}.im-table-wrap{overflow:auto}.im-table{width:100%;border-collapse:collapse;min-width:760px}.im-table th{text-align:left;font-size:11px;color:#7b8495;text-transform:uppercase;letter-spacing:.06em;padding:10px;border-bottom:1px solid #e8ebf1}.im-table td{padding:12px 10px;border-bottom:1px solid #eff1f5;font-size:13px;vertical-align:middle}.im-table td strong,.im-table td small{display:block}.im-table td small{font-size:11px;color:#8b93a0;margin-top:4px}.im-table a{color:var(--a);font-weight:800}.im-badge,.im-chip{display:inline-block;background:#f0f2f6;color:#556071;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.im-badge.paid{background:#eaf9ef;color:#237744}.im-inline select{border:1px solid #dde2ea;border-radius:9px;padding:7px;background:#fff}.im-trash{border:0;width:30px;height:30px;border-radius:8px;background:#fff0f0;color:#a93636;cursor:pointer;font-size:18px}.im-settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:20px}.im-pay-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.im-pay-head h4{margin:0}.im-pay-head button,.im-remove-pay{border:1px solid #dfe4ec;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:700}.im-pay-row{display:grid;grid-template-columns:180px 1fr auto;gap:10px;align-items:start;margin-bottom:10px}.im-pay-row textarea{min-height:70px}.im-remove-pay{color:#ae3a3a}.im-security-note{margin-top:20px;padding:16px;background:#f7f8fb;border-radius:14px;color:#667084}.im-security-note p{margin:5px 0 0;font-size:13px;line-height:1.5}.im-editor{scroll-margin-top:100px}
@media(max-width:950px){.im-app{display:block}.im-side{transform:translateX(-110%);transition:.25s}.im-body.menu-open .im-side{transform:translateX(0)}.im-main{margin:0}.im-menu{display:grid;place-items:center}.im-content{padding:20px}.im-stats{grid-template-columns:1fr 1fr}.im-settings-grid{grid-template-columns:1fr}.im-public{display:none}.im-hero{align-items:flex-start;flex-direction:column}.im-grid.two{grid-template-columns:1fr}.im-grid .wide{grid-column:auto}.im-pay-row{grid-template-columns:1fr}.im-course-list article{grid-template-columns:55px 1fr}.im-row-actions{grid-column:1/-1;justify-content:flex-end}.im-thumb{width:55px;height:50px}}@media(max-width:560px){.im-top{padding:0 16px}.im-content{padding:14px}.im-stats{grid-template-columns:1fr 1fr;gap:10px}.im-stats article{padding:16px}.im-stats strong{font-size:24px}.im-panel{padding:16px;border-radius:16px}.im-hero{padding:22px;border-radius:18px}.im-hero h1{font-size:25px}.im-login-card{padding:26px;border-radius:22px}}
/* v0.3.5 · editor académico */
.im-course-extra{display:block;margin-top:5px;color:#8a8290;font-size:11px}.im-toggle-label{display:flex!important;align-items:center!important;gap:10px!important;align-self:end;min-height:48px;padding:12px 14px;border:1px solid #e7e0eb;border-radius:13px;background:#fbf9fc}.im-toggle-label input{width:18px!important;height:18px!important;margin:0}.im-toggle-label span{font-weight:800;color:#433b49}
/* v0.4.0 */
.im-faq-head{margin-top:28px}.im-faq-row input{font-weight:750}.im-form small{display:block;margin-top:5px;color:#8a8290;font-size:11px;line-height:1.4}.im-toggle-label{display:flex!important;align-items:center!important;gap:9px!important;min-height:48px;padding:0 4px}.im-toggle-label input{width:auto!important;accent-color:var(--a)}
/* v0.5.0 */
.im-analytics-grid{display:grid;gap:10px}.im-analytics-grid article{display:grid;grid-template-columns:minmax(180px,1fr) repeat(4,82px);gap:10px;align-items:center;padding:13px 14px;border:1px solid #e9e4ed;border-radius:15px;background:#fff}.im-analytics-grid article>div{display:grid;gap:2px}.im-analytics-grid article>div small{color:#9b8fa1;font-size:11px}.im-analytics-grid article>span{display:grid;text-align:center}.im-analytics-grid article>span b{font-size:18px}.im-analytics-grid article>span small{font-size:9px;color:#8a808f;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:720px){.im-analytics-grid article{grid-template-columns:1fr repeat(2,62px)}.im-analytics-grid article>span:nth-of-type(n+3){display:none}}
/* v0.6.0 — hero slider settings */
.im-hero-slides{display:grid;gap:14px;margin:14px 0 22px}
.im-hero-slide-row{border:1px solid #ece5f0;border-radius:18px;padding:16px;background:#faf7fd}
.im-hero-slide-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.im-hero-slide-head b{font-size:15px}
.im-hero-slide-head span{font-size:11px;color:#867990;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
/* v0.6.8 — Identidad oficial INCRE: #8e4cd9 · #21dad2 · #ffffff */
:root{--incre-purple:#8e4cd9;--incre-turquoise:#21dad2;--incre-white:#ffffff}
html,body,.im-body{background:color-mix(in srgb,#8e4cd9 4%,#fff);color:#8e4cd9}
.im-login-body{background:radial-gradient(circle at 10% 10%,color-mix(in srgb,#8e4cd9 20%,transparent),transparent 35%),radial-gradient(circle at 90% 90%,color-mix(in srgb,#21dad2 20%,transparent),transparent 35%),#fff}
.im-login-card,.im-top,.im-panel,.im-stats article,.im-analytics-grid article{background:#fff;border-color:color-mix(in srgb,#8e4cd9 14%,#fff)}
.im-logo,.im-thumb,.im-pin-form button,.im-save{background:linear-gradient(135deg,#8e4cd9,#21dad2)!important}
.im-kicker,.im-top span,.im-panel-head span,.im-hero span,.im-panel-head>a,.im-primary,.im-back,.im-table a,.im-course-info span{color:#8e4cd9}
.im-side{background:linear-gradient(180deg,#8e4cd9 0%,#8e4cd9 72%,#21dad2 150%)}
.im-brand small{color:rgba(255,255,255,.72)}.im-side nav a,.im-side-bottom a{color:rgba(255,255,255,.84)}.im-side nav a:hover,.im-side nav a.active{background:rgba(33,218,210,.18);color:#fff}.im-side nav a.active{box-shadow:inset 3px 0 0 #21dad2}.im-side-bottom{border-color:rgba(255,255,255,.20)}
.im-top{border-color:color-mix(in srgb,#8e4cd9 12%,#fff)}.im-public,.im-primary{background:color-mix(in srgb,#21dad2 10%,#fff);color:#8e4cd9}
.im-hero{background:linear-gradient(120deg,#8e4cd9 0%,#8e4cd9 52%,#21dad2 135%)}.im-hero:after{background:linear-gradient(135deg,#21dad2,#fff);opacity:.18}.im-hero p{color:rgba(255,255,255,.86)}.im-hero>a{color:#8e4cd9;background:#fff}
.im-stats span,.im-stats small,.im-table th,.im-table td small,.im-form label small,.im-analytics-grid article>div small,.im-analytics-grid article>span small{color:color-mix(in srgb,#8e4cd9 65%,#fff)}
.im-course-list article,.im-table th,.im-table td{border-color:color-mix(in srgb,#8e4cd9 12%,#fff)}
.im-row-actions a,.im-row-actions button,.im-pay-head button,.im-remove-pay,.im-inline select{border-color:color-mix(in srgb,#8e4cd9 18%,#fff);background:#fff}
.im-form label,.im-pin-form label{color:#8e4cd9}.im-pin-form input,.im-form input,.im-form select,.im-form textarea{border-color:color-mix(in srgb,#8e4cd9 18%,#fff);background:color-mix(in srgb,#21dad2 3%,#fff)}
.im-pin-form input:focus,.im-form input:focus,.im-form textarea:focus,.im-form select:focus{border-color:#21dad2;box-shadow:0 0 0 3px color-mix(in srgb,#21dad2 16%,transparent)}
.im-badge,.im-chip{background:color-mix(in srgb,#21dad2 12%,#fff);color:#8e4cd9}.im-badge.paid{background:color-mix(in srgb,#21dad2 20%,#fff);color:#118b86}
.im-security-note,.im-hero-slide-row{background:color-mix(in srgb,#21dad2 5%,#fff);border-color:color-mix(in srgb,#8e4cd9 14%,#fff)}
.im-toggle-label{background:color-mix(in srgb,#21dad2 4%,#fff);border-color:color-mix(in srgb,#8e4cd9 14%,#fff)}
.im-hero-slide-head span{color:#8e4cd9}
/* v0.7.1 — selector de estilos visuales (base 0.6.8 + 3 alternativas) */
.im-style-chooser{margin:0 0 24px;padding:18px;border:1px solid #e7eaf1;border-radius:20px;background:linear-gradient(180deg,#fff,#fafbfe)}
.im-style-title span{display:block;color:var(--a);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.im-style-title h4{margin:5px 0 5px;font-size:19px}
.im-style-title p{margin:0;color:#788194;font-size:12px;line-height:1.55;max-width:820px}
.im-style-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.im-style-option{position:relative;display:grid!important;gap:10px!important;padding:10px!important;border:1px solid #e2e6ee;border-radius:16px;background:#fff;cursor:pointer;transition:.2s!important;color:#293246!important}
.im-style-option:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(26,32,48,.08)}
.im-style-option.selected{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 12%,transparent)}
.im-style-option>input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.im-style-preview{height:86px;border-radius:12px;overflow:hidden;position:relative;display:block;background:#f4f5f9;border:1px solid rgba(0,0,0,.04)}
.im-style-preview i{position:absolute;display:block}
.im-style-copy{display:grid!important;gap:4px!important}
.im-style-copy b{font-size:13px}
.im-style-copy small{font-size:10px!important;color:#7c8597!important;line-height:1.4}
.im-style-copy em{font-style:normal;font-size:9px;font-weight:900;color:var(--a);text-transform:uppercase;letter-spacing:.08em}
.preview-base068{background:linear-gradient(135deg,#8e4cd9,#21dad2)}
.preview-base068 i:nth-child(1){left:10px;top:12px;width:44%;height:28px;border-radius:9px;background:#fff}
.preview-base068 i:nth-child(2){right:10px;top:12px;width:31%;height:46px;border-radius:12px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3)}
.preview-base068 i:nth-child(3){left:10px;bottom:12px;width:62%;height:8px;border-radius:9px;background:rgba(255,255,255,.5)}
.preview-orbit{background:linear-gradient(135deg,#fbf8ff,#effffc);overflow:hidden}
.preview-orbit:before{content:"";position:absolute;width:82px;height:82px;right:-14px;top:-22px;background:linear-gradient(145deg,rgba(142,76,217,.38),rgba(33,218,210,.26));clip-path:polygon(52% 0,100% 28%,82% 100%,12% 78%,0 20%)}
.preview-orbit i:nth-child(1){left:10px;top:12px;width:48%;height:8px;background:#7b3dbd;border-radius:2px}
.preview-orbit i:nth-child(2){left:10px;top:29px;width:62%;height:31px;background:#fff;border:1px solid #dcd0e7;box-shadow:4px 4px 0 rgba(33,218,210,.16);clip-path:polygon(0 0,88% 0,100% 28%,100% 100%,0 100%)}
.preview-orbit i:nth-child(3){left:10px;bottom:9px;width:34%;height:7px;background:#21dad2;border-radius:2px}
.preview-mosaic{background:#fff}
.preview-mosaic i:nth-child(1){inset:8px 48% 38px 8px;background:#8e4cd9;border-radius:4px;box-shadow:4px 4px 0 #14111c}
.preview-mosaic i:nth-child(2){right:8px;top:8px;width:40%;height:34px;background:#21dad2;border:2px solid #14111c}
.preview-mosaic i:nth-child(3){left:8px;right:8px;bottom:8px;height:22px;background:#fff;border:2px solid #14111c}
.preview-ribbon{background:linear-gradient(145deg,#fff 0 48%,#f7f2ff 48%)}
.preview-ribbon:before,.preview-ribbon:after{content:"";position:absolute;left:-18px;right:-18px;height:20px;border-radius:50%;transform:rotate(-9deg)}
.preview-ribbon:before{top:20px;background:#8e4cd9}.preview-ribbon:after{top:45px;background:#21dad2}
.preview-ribbon i:nth-child(1){left:14px;bottom:10px;width:44%;height:9px;border-radius:99px;background:#191520}
@media(max-width:1050px){.im-style-options{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.im-style-options{grid-template-columns:1fr}.im-style-preview{height:74px}}
/* ===== Manager theme: Prisma Creativo ===== */
.im-style-orbit{background:linear-gradient(145deg,#f8f5fc 0%,#f4fbfb 100%);color:#241c2c}
.im-style-orbit .im-side{background:linear-gradient(160deg,#402064 0%,#6935a7 58%,#1abbb5 130%);border-right:0;color:#fff;overflow:hidden}
.im-style-orbit .im-side:before,.im-style-orbit .im-side:after{content:"";position:absolute;pointer-events:none;opacity:.28;transform:rotate(-18deg)}
.im-style-orbit .im-side:before{width:220px;height:74px;left:-55px;top:145px;background:linear-gradient(90deg,transparent,#21dad2,transparent);filter:blur(1px)}
.im-style-orbit .im-side:after{width:180px;height:180px;right:-105px;bottom:62px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(33,218,210,.08));clip-path:polygon(50% 0,100% 100%,0 75%)}
.im-style-orbit .im-side nav,.im-style-orbit .im-side-bottom,.im-style-orbit .im-brand{position:relative;z-index:2}
.im-style-orbit .im-side nav a{border:1px solid transparent}
.im-style-orbit .im-side nav a.active{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.24);box-shadow:inset 3px 0 0 #21dad2,0 10px 24px rgba(35,12,55,.14);backdrop-filter:blur(10px)}
.im-style-orbit .im-top{background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(87,53,111,.08);box-shadow:0 10px 28px rgba(58,30,82,.05)}
.im-style-orbit .im-content{background:linear-gradient(135deg,rgba(142,76,217,.035),transparent 35%),linear-gradient(315deg,rgba(33,218,210,.045),transparent 32%)}
.im-style-orbit .im-hero{background:linear-gradient(125deg,#fff 0 47%,#f5effd 47% 70%,#ecfffd 70%);color:#271c31;border:1px solid rgba(92,53,122,.10);border-radius:24px 8px 24px 8px;box-shadow:0 22px 48px rgba(76,42,101,.10);overflow:hidden}
.im-style-orbit .im-hero:before{content:"";position:absolute;right:9%;top:-70px;width:210px;height:250px;background:linear-gradient(150deg,rgba(142,76,217,.20),rgba(33,218,210,.16));clip-path:polygon(50% 0,100% 26%,83% 100%,17% 78%,0 22%);transform:rotate(8deg)}
.im-style-orbit .im-hero:after{content:"";position:absolute;right:2%;bottom:-42px;width:170px;height:120px;background:linear-gradient(125deg,rgba(33,218,210,.18),rgba(255,255,255,.10));clip-path:polygon(0 38%,100% 0,74% 100%,20% 80%);filter:none}
.im-style-orbit .im-hero>div,.im-style-orbit .im-hero>a{position:relative;z-index:2}
.im-style-orbit .im-hero p{color:#6d6076}.im-style-orbit .im-hero>a{background:#5f2e91;color:#fff;border-radius:12px 4px 12px 4px;box-shadow:0 10px 24px rgba(95,46,145,.18)}
.im-style-orbit .im-panel,.im-style-orbit .im-stats article,.im-style-orbit .im-style-chooser,.im-style-orbit .im-course-list article,.im-style-orbit .im-analytics-grid article{background:rgba(255,255,255,.88);border:1px solid rgba(93,56,120,.10);box-shadow:0 14px 34px rgba(72,42,92,.065);backdrop-filter:blur(9px)}
.im-style-orbit .im-panel,.im-style-orbit .im-style-chooser{border-radius:22px 7px 22px 7px}
.im-style-orbit .im-stats article{border-radius:18px 5px 18px 5px;position:relative;overflow:hidden}
.im-style-orbit .im-stats article:after{content:"";position:absolute;right:-14px;top:-18px;width:54px;height:54px;background:linear-gradient(135deg,rgba(142,76,217,.10),rgba(33,218,210,.12));clip-path:polygon(50% 0,100% 100%,0 72%)}
.im-style-orbit .im-stats article:nth-child(2n):after{background:linear-gradient(135deg,rgba(33,218,210,.18),rgba(142,76,217,.08));transform:rotate(28deg)}
.im-style-orbit .im-panel-head span,.im-style-orbit .im-top span,.im-style-orbit .im-kicker,.im-style-orbit .im-course-info span{color:#7b3dbd}
.im-style-orbit .im-panel-head h3,.im-style-orbit .im-top h2,.im-style-orbit .im-course-info h4,.im-style-orbit .im-stats strong{color:#2b2034}
.im-style-orbit .im-stats span,.im-style-orbit .im-stats small,.im-style-orbit .im-course-info p,.im-style-orbit .im-style-title p{color:#7e7187}
.im-style-orbit .im-form label{color:#4d4055}.im-style-orbit .im-form input,.im-style-orbit .im-form select,.im-style-orbit .im-form textarea{background:rgba(255,255,255,.92);color:#2a2131;border:1px solid #ded2e8;border-radius:13px 4px 13px 4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.im-style-orbit .im-form input:focus,.im-style-orbit .im-form select:focus,.im-style-orbit .im-form textarea:focus{border-color:#8e4cd9;box-shadow:0 0 0 3px rgba(142,76,217,.09)}
.im-style-orbit .im-save,.im-style-orbit .im-pin-form button{background:linear-gradient(105deg,#7139ae 0 68%,#21c8c1 130%);border-radius:14px 5px 14px 5px;box-shadow:0 11px 25px rgba(113,57,174,.18)}
.im-style-orbit .im-style-option{background:rgba(255,255,255,.82);border:1px solid #e6dced;border-radius:16px 5px 16px 5px}.im-style-orbit .im-style-option.selected{border-color:#8e4cd9;box-shadow:0 0 0 3px rgba(142,76,217,.08),6px 6px 0 rgba(33,218,210,.13)}
.im-style-orbit .im-table th{color:#817488}.im-style-orbit .im-table td{color:#403448;border-color:#eee8f2}.im-style-orbit .im-public,.im-style-orbit .im-primary{background:#f2eafa;color:#7136ad;border:1px solid #e1d3ec}
/* ===== Manager theme: Mosaico Editorial ===== */
.im-style-mosaic{background:#f4f1f8;color:#17141c}
.im-style-mosaic .im-side{background:#8e4cd9;border-right:5px solid #17141c;color:#fff}
.im-style-mosaic .im-side nav a.active{background:#21dad2;color:#17141c;box-shadow:none;border:2px solid #17141c}
.im-style-mosaic .im-side nav a,.im-style-mosaic .im-side-bottom a{border-radius:7px}
.im-style-mosaic .im-top{border-bottom:3px solid #17141c;box-shadow:none}
.im-style-mosaic .im-panel,.im-style-mosaic .im-stats article,.im-style-mosaic .im-style-chooser{border:2px solid #17141c;border-radius:8px;box-shadow:6px 6px 0 rgba(23,20,28,.10)}
.im-style-mosaic .im-hero{border:2px solid #17141c;border-radius:10px;background:#fff;color:#17141c;box-shadow:8px 8px 0 #21dad2}
.im-style-mosaic .im-hero:after{width:180px;height:180px;border-radius:0;background:#8e4cd9;filter:none;opacity:1;transform:rotate(11deg);right:-115px;top:-80px}
.im-style-mosaic .im-hero p{color:#5e5668}.im-style-mosaic .im-hero>a{background:#21dad2;border:2px solid #17141c;border-radius:7px;box-shadow:3px 3px 0 #17141c;color:#17141c}
.im-style-mosaic .im-stats article:nth-child(2n){background:#f1fffe}.im-style-mosaic .im-stats article:nth-child(odd){background:#fbf8ff}
.im-style-mosaic .im-panel-head span,.im-style-mosaic .im-top span,.im-style-mosaic .im-kicker{color:#8e4cd9}
.im-style-mosaic .im-form input,.im-style-mosaic .im-form select,.im-style-mosaic .im-form textarea{border:2px solid #17141c;border-radius:7px;background:#fff}
.im-style-mosaic .im-save,.im-style-mosaic .im-pin-form button{background:#8e4cd9;border:2px solid #17141c;border-radius:7px;box-shadow:4px 4px 0 #17141c}
.im-style-mosaic .im-style-option{border:2px solid #17141c;border-radius:8px;box-shadow:3px 3px 0 rgba(23,20,28,.12)}
.im-style-mosaic .im-style-option.selected{box-shadow:4px 4px 0 #21dad2;border-color:#17141c}
/* ===== Manager theme: Cintas en Movimiento ===== */
.im-style-ribbon{background:#f7f5fb;color:#221b2a}
.im-style-ribbon .im-side{background:linear-gradient(168deg,#6f31bd 0 38%,#8e4cd9 38% 67%,#21bdb7 67% 100%);overflow:hidden}
.im-style-ribbon .im-side:before{content:"";position:absolute;left:-50px;right:-50px;top:44%;height:46px;background:rgba(255,255,255,.10);transform:rotate(-8deg);border-radius:999px}
.im-style-ribbon .im-side nav,.im-style-ribbon .im-side-bottom,.im-style-ribbon .im-brand{position:relative;z-index:2}
.im-style-ribbon .im-side nav a.active{background:#fff;color:#6e2ebb;box-shadow:0 10px 24px rgba(52,20,79,.18);border-radius:999px}
.im-style-ribbon .im-top{background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
.im-style-ribbon .im-hero{background:linear-gradient(135deg,#8e4cd9,#6a32b0);border-radius:30px 10px 30px 10px;box-shadow:0 20px 45px rgba(95,48,140,.18)}
.im-style-ribbon .im-hero:before{content:"";position:absolute;left:-7%;right:-7%;bottom:18px;height:34px;border-radius:50%;background:#21dad2;transform:rotate(-4deg);opacity:.30}
.im-style-ribbon .im-panel,.im-style-ribbon .im-stats article,.im-style-ribbon .im-style-chooser{border:0;border-radius:24px 9px 24px 9px;box-shadow:0 12px 32px rgba(70,45,90,.07)}
.im-style-ribbon .im-stats article{border-top:4px solid #21dad2}.im-style-ribbon .im-stats article:nth-child(2n){border-top-color:#8e4cd9}
.im-style-ribbon .im-form input,.im-style-ribbon .im-form select,.im-style-ribbon .im-form textarea{border-radius:16px 6px 16px 6px}
.im-style-ribbon .im-save,.im-style-ribbon .im-pin-form button{border-radius:999px;background:linear-gradient(90deg,#8e4cd9,#21dad2)}
.im-style-ribbon .im-style-option{border-radius:18px 7px 18px 7px}.im-style-ribbon .im-style-option.selected{box-shadow:0 0 0 3px rgba(33,218,210,.22),0 12px 30px rgba(142,76,217,.10)}
/* Login variations */
.im-login-body.im-style-orbit{background:linear-gradient(145deg,#f7f2fc,#edfffd);position:relative;overflow:hidden}.im-login-body.im-style-orbit:before{content:"";position:fixed;width:420px;height:420px;right:-160px;top:-150px;background:linear-gradient(145deg,rgba(142,76,217,.25),rgba(33,218,210,.20));clip-path:polygon(50% 0,100% 25%,82% 100%,15% 76%,0 20%);transform:rotate(8deg)}.im-login-body.im-style-orbit .im-login-card{background:rgba(255,255,255,.91);border:1px solid rgba(92,53,122,.12);border-radius:28px 8px 28px 8px;box-shadow:0 24px 60px rgba(72,42,92,.14);backdrop-filter:blur(14px)}.im-login-body.im-style-orbit .im-logo{border-radius:14px 4px 14px 4px;background:linear-gradient(135deg,#7437ad,#21c9c2)}
.im-login-body.im-style-mosaic{background:#f0edf4}.im-login-body.im-style-mosaic .im-login-card{border:3px solid #17141c;border-radius:10px;box-shadow:9px 9px 0 #21dad2}.im-login-body.im-style-mosaic .im-logo{border:2px solid #17141c;border-radius:7px;box-shadow:3px 3px 0 #17141c}
.im-login-body.im-style-ribbon{background:linear-gradient(155deg,#f9f7fd 0 55%,#efe8f8 55%)}.im-login-body.im-style-ribbon:before{content:"";position:fixed;left:-10%;right:-10%;top:28%;height:60px;border-radius:50%;background:#21dad2;opacity:.14;transform:rotate(-7deg)}.im-login-body.im-style-ribbon .im-login-card{border-radius:34px 12px 34px 12px}
/* v0.9.0 — Editor Web por bloques */
.im-web-editor{max-width:1180px}
.im-web-intro{margin:-4px 0 20px;color:#7a7181;line-height:1.55;font-size:13px}
.im-web-block{border:1px solid #ebe5ef;border-radius:18px;background:#fff;margin:0 0 12px;overflow:hidden;box-shadow:0 8px 24px rgba(52,32,68,.035)}
.im-web-block>summary{list-style:none;display:grid;grid-template-columns:68px 1fr 24px;gap:14px;align-items:center;padding:16px 18px;cursor:pointer;user-select:none}
.im-web-block>summary::-webkit-details-marker{display:none}
.im-web-block>summary div{display:grid;gap:3px}
.im-web-block>summary b{font-size:15px;color:#2e2634}
.im-web-block>summary small{font-size:11px;color:#8b8190}
.im-web-block>summary i{font-style:normal;font-size:20px;color:#8e4cd9;transition:transform .2s ease}
.im-web-block[open]>summary i{transform:rotate(180deg)}
.im-web-number{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:38px;border-radius:12px;background:#f2ebfb;color:#7a3db6;font-size:11px;font-weight:950;letter-spacing:.06em}
.im-web-body{border-top:1px solid #eee9f2;padding:18px}
.im-web-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:9px!important;width:max-content;max-width:100%;padding:10px 13px;border-radius:12px;background:#f8f5fb;margin-bottom:16px;color:#4e4356!important}
.im-web-toggle input{width:auto!important;margin:0!important}
.im-web-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.im-web-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.im-web-mini{padding:14px;border:1px solid #ece5f0;border-radius:15px;background:#fbf9fc;display:grid;gap:10px}
.im-web-mini>b{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8e4cd9}
.im-subhead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 12px;padding-top:18px;border-top:1px dashed #e6dfeb}
.im-subhead>div{display:grid;gap:3px}.im-subhead b{font-size:14px}.im-subhead small{font-size:11px;color:#897f90}
.im-web-save{position:sticky;bottom:14px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:12px 14px;border:1px solid #e4daeb;border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(48,28,65,.11)}
.im-web-save .im-save{margin:0}.im-web-save a{font-weight:850;color:#7639b3;text-decoration:none;font-size:13px}
.im-style-orbit .im-web-block{background:rgba(255,255,255,.88);border-color:rgba(93,56,120,.10);backdrop-filter:blur(9px)}
.im-style-orbit .im-web-number{background:linear-gradient(135deg,rgba(142,76,217,.12),rgba(33,218,210,.11));color:#7439af;border:1px solid rgba(142,76,217,.12)}
.im-style-orbit .im-web-block>summary i{color:#21aaa5}
.im-style-orbit .im-web-mini{background:rgba(255,255,255,.74);border-color:rgba(93,56,120,.10)}
@media(max-width:900px){.im-web-cards,.im-web-cards.three{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.im-web-block>summary{grid-template-columns:54px 1fr 20px;padding:14px 12px;gap:10px}.im-web-number{min-width:46px;height:34px}.im-web-body{padding:14px}.im-web-cards,.im-web-cards.three{grid-template-columns:1fr}.im-web-save{bottom:8px;flex-direction:column;align-items:stretch}.im-web-save .im-save{width:100%}.im-web-save a{text-align:center}}
/* v0.9.2 — Manager: Ajustes estructurados + guías visuales de imágenes */
.im-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.im-settings-main{min-width:0}.im-settings-side{display:grid;gap:18px;position:sticky;top:102px}
.im-settings-intro>p,.im-panel-description{margin:0;color:#756b7d;line-height:1.6;font-size:13px}
.im-settings-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.im-settings-index a{padding:8px 11px;border-radius:999px;background:#f5f0fa;color:#6f35aa;font-size:11px;font-weight:850;border:1px solid #e7daef}
.im-settings-form{display:grid;gap:16px}
.im-settings-section{background:#fff;border:1px solid #e9e2ee;border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(60,37,78,.045);scroll-margin-top:105px}
.im-settings-section-head{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #eee7f2}
.im-settings-step{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#8e4cd9,#21dad2);color:#fff;font-weight:950;font-size:14px;box-shadow:0 9px 22px rgba(112,62,149,.16)}
.im-settings-section-head span{display:block;color:#8e4cd9;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900}
.im-settings-section-head h4{margin:3px 0 5px;font-size:20px;color:#2c2233}
.im-settings-section-head p{margin:0;color:#756a7d;line-height:1.55;font-size:12px;max-width:850px}
.im-style-chooser-clean{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.im-setting-subsection{padding:16px;border:1px solid #ede6f1;border-radius:17px;background:#fcfbfd;margin-top:12px}
.im-setting-subsection:first-of-type{margin-top:0}
.im-setting-subhead{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:14px}
.im-setting-subhead b{color:#312637;font-size:14px}.im-setting-subhead small{color:#8a7f91;font-size:11px}
.im-setting-explain{align-self:stretch;padding:14px;border-radius:14px;background:#f3eff7;border:1px dashed #dfd3e8}
.im-setting-explain b{display:block;color:#6f35aa;font-size:12px}.im-setting-explain p{margin:6px 0 0;color:#766c7e;font-size:12px;line-height:1.5}
.im-toggle-card{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start!important;padding:14px!important;border:1px solid #e4dae9;border-radius:14px;background:#fff;margin-bottom:14px}
.im-toggle-card input{width:auto!important;margin-top:3px}.im-toggle-card span{display:grid;gap:3px}.im-toggle-card span b{color:#332839}.im-toggle-card span small{font-weight:500!important;color:#817689!important}
.im-color-field{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center}.im-color-field input[type=color]{height:46px;padding:4px}.im-color-field code{padding:11px 12px;border-radius:11px;background:#f4f0f7;color:#5c4e66;border:1px solid #e8dfee;font-size:12px}
.im-pay-head-clean{margin:0 0 12px}.im-pay-head-clean>div{display:grid;gap:3px}.im-pay-head-clean>div>b{font-size:14px;color:#302637}.im-pay-head-clean>div>small{font-size:11px;color:#8a8091}
.im-pay-list-clean{display:grid;gap:10px}.im-pay-list-clean .im-pay-row{grid-template-columns:38px minmax(150px,.6fr) minmax(240px,1.4fr) auto;margin:0;padding:12px;border:1px solid #ebe3ef;border-radius:15px;background:#fcfbfd;align-items:end}
.im-pay-number{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#efe7f6;color:#7a3db3;font-weight:950;font-size:11px;align-self:center}
.im-settings-save{position:sticky;bottom:12px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid #dfd4e7;border-radius:17px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 16px 38px rgba(49,31,62,.12)}
.im-settings-save>div{display:grid;gap:3px}.im-settings-save b{color:#302638;font-size:13px}.im-settings-save small{color:#83778b;font-size:11px}.im-settings-save .im-save{margin:0;width:auto;white-space:nowrap}
.im-security-panel .im-save{width:100%}.im-help-links{display:grid;gap:9px}.im-help-links a{display:grid;gap:3px;padding:12px;border:1px solid #eae3ee;border-radius:13px;background:#fcfbfd}.im-help-links b{color:#6f35aa;font-size:12px}.im-help-links small{color:#7f7487;font-size:11px;line-height:1.4}
/* Imágenes: preview actual + tamaño recomendado */
.im-media-field{display:grid;gap:10px;padding:14px;border:1px solid #e8e0ed;border-radius:17px;background:#fcfbfd;align-self:start}
.im-media-title{display:grid;gap:3px}.im-media-title b{color:#352a3b;font-size:13px}.im-media-title small{color:#83788b;font-size:11px;line-height:1.45}
.im-media-preview{overflow:hidden;border-radius:14px;border:1px solid #e4dbe9;background:linear-gradient(135deg,#f2edf6,#edfafa);display:grid;place-items:center;color:#8c8193;font-size:11px;font-weight:800}
.im-media-preview img{width:100%;height:100%;object-fit:cover;display:block}.im-media-square{aspect-ratio:1/1;max-width:180px}.im-media-wide{aspect-ratio:16/9;width:min(100%,520px)}
.im-media-current{font-size:11px;color:#766b7e}.im-media-spec{display:grid;gap:4px;padding:11px 12px;border-radius:12px;background:#eefcfb;border:1px solid #ccefeb}.im-media-spec b{color:#148f8a;font-size:11px}.im-media-spec span{color:#687177;font-size:11px;line-height:1.45}
.im-media-empty{padding:16px;border:1px dashed #ded4e5;border-radius:13px;color:#887e90;font-size:11px;background:#fff}
.im-gallery-current{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.im-gallery-current>div{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1px solid #e5ddea;background:#eee}.im-gallery-current img{width:100%;height:100%;object-fit:cover}.im-gallery-current small{position:absolute;left:6px;bottom:6px;padding:4px 6px;border-radius:7px;background:rgba(20,14,26,.68);color:#fff;font-size:8px;font-weight:800}
.im-slide-image-guide{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;padding:10px;margin:10px 0 14px;border-radius:14px;background:#fff;border:1px solid #e6ddec}
.im-slide-image-preview{aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#efe9f5,#e9fbfa);display:grid;place-items:center;color:#85798d;font-size:9px;font-weight:800;text-align:center;padding:8px}
.im-slide-image-preview img{width:100%;height:100%;object-fit:cover}.im-slide-image-guide>div:last-child{display:grid;gap:4px}.im-slide-image-guide b{font-size:12px;color:#33273a}.im-slide-image-guide small{font-size:10px;line-height:1.45;color:#817589}.im-slide-image-guide strong{color:#149d97}
@media(max-width:1100px){.im-settings-layout{grid-template-columns:1fr}.im-settings-side{position:static;grid-template-columns:1fr 1fr}.im-pay-list-clean .im-pay-row{grid-template-columns:32px 1fr}.im-pay-list-clean .im-pay-row label{grid-column:2}.im-pay-list-clean .im-remove-pay{grid-column:2;width:max-content}}
@media(max-width:700px){.im-settings-section{padding:15px;border-radius:18px}.im-settings-section-head{grid-template-columns:44px 1fr;gap:10px}.im-settings-step{width:40px;height:40px;border-radius:12px}.im-settings-side{grid-template-columns:1fr}.im-setting-subhead{display:grid;gap:3px}.im-settings-save{position:static;display:grid}.im-settings-save .im-save{width:100%}.im-gallery-current{grid-template-columns:1fr 1fr}.im-slide-image-guide{grid-template-columns:1fr}.im-slide-image-preview{max-width:280px}.im-media-square{max-width:150px}}
/* v0.9.3 — Manager: evitar redimensionado incómodo de textarea */
.im-form textarea,
.im-settings-form textarea{
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
resize:vertical;
}
/* En móvil se elimina por completo el tirador de redimensión */
@media(max-width:700px){
.im-form textarea,
.im-settings-form textarea{
resize:none!important;
min-height:110px;
overflow-y:auto;
}
}
/* v0.9.4 — métodos de pago con icono/logo */
.im-payment-icon-guide{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;padding:14px;margin:0 0 14px;border-radius:16px;background:#f3fbfa;border:1px solid #d7efed}
.im-payment-icon-demo{width:72px;height:72px;border-radius:17px;background:#fff;border:1px dashed #8edbd7;display:grid;place-items:center;color:#159b96;font-size:10px;font-weight:950;letter-spacing:.08em}
.im-payment-icon-guide b{display:block;color:#2d2632;font-size:13px}.im-payment-icon-guide p{margin:4px 0 0;color:#746c79;font-size:11px;line-height:1.55}.im-payment-icon-guide strong{color:#149d97}
.im-pay-list-clean .im-pay-row-rich{display:grid!important;grid-template-columns:170px minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important;padding:14px!important}
.im-pay-icon-editor{display:grid;gap:8px;padding:10px;border-radius:15px;background:#fff;border:1px solid #e7deec}
.im-pay-icon-preview{width:96px;height:96px;margin:auto;border-radius:18px;background:linear-gradient(145deg,#f2ecf7,#eafafa);border:1px solid #e1d7e8;display:grid;place-items:center;overflow:hidden;color:#7a3db3;font-size:27px;font-weight:950}
.im-pay-icon-preview img{width:100%;height:100%;object-fit:contain;padding:10px;background:#fff}
.im-pay-icon-meta{display:grid;gap:2px;text-align:center}.im-pay-icon-meta b{font-size:11px;color:#352b3c}.im-pay-icon-meta small{font-size:9px;color:#857a8d;line-height:1.35}.im-pay-icon-meta strong{color:#149d97}
.im-pay-icon-upload{display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px;padding:0 10px!important;border-radius:11px;background:#f2eafa;color:#6f35aa!important;font-size:10px!important;font-weight:900!important;cursor:pointer;text-align:center}
.im-pay-icon-upload input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.im-pay-fields{display:grid;gap:10px;min-width:0}
.im-pay-row-rich>.im-remove-pay{align-self:start}
@media(max-width:900px){.im-pay-list-clean .im-pay-row-rich{grid-template-columns:140px minmax(0,1fr)!important}.im-pay-row-rich>.im-remove-pay{grid-column:2;width:max-content}.im-pay-icon-preview{width:86px;height:86px}}
@media(max-width:620px){.im-payment-icon-guide{grid-template-columns:58px 1fr}.im-payment-icon-demo{width:54px;height:54px;border-radius:14px}.im-pay-list-clean .im-pay-row-rich{grid-template-columns:1fr!important}.im-pay-icon-editor{grid-template-columns:74px 1fr;align-items:center}.im-pay-icon-preview{width:68px;height:68px;margin:0}.im-pay-icon-meta{text-align:left}.im-pay-icon-upload{grid-column:1/-1}.im-pay-row-rich>.im-remove-pay{grid-column:1;width:max-content}}
/* v0.9.5 — edición rápida de cursos */
.im-panel-help{display:block;margin-top:5px;color:#81778a;font-size:11px;line-height:1.45;font-weight:500}
.im-row-actions .im-quick-edit{background:linear-gradient(135deg,#8e4cd9,#7340b4)!important;color:#fff!important;border-color:#7540b6!important;box-shadow:0 7px 16px rgba(111,53,170,.15)}
.im-row-actions .im-quick-edit:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(111,53,170,.22)}
.im-course-info del{color:#a79cae;margin-right:3px}
.im-quick-modal{display:none;position:fixed;inset:0;z-index:100000}
.im-quick-modal.is-open{display:grid;place-items:center;padding:18px}
.im-quick-backdrop{position:absolute;inset:0;border:0;background:rgba(20,13,27,.66);backdrop-filter:blur(7px);cursor:default}
.im-quick-card{position:relative;z-index:2;width:min(760px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 35px 90px rgba(16,9,25,.28);border:1px solid rgba(142,76,217,.12)}
.im-quick-head{position:sticky;top:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 17px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #eee7f2}
.im-quick-head span{display:block;color:#8e4cd9;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:950}
.im-quick-head h3{margin:4px 0 3px;font-size:22px;color:#2f2536}.im-quick-head p{margin:0;color:#85798d;font-size:11px}
.im-quick-close{width:38px;height:38px;border:1px solid #e4dbe9;border-radius:12px;background:#f8f5fa;color:#5c5064;font-size:24px;cursor:pointer;flex:0 0 38px}
.im-quick-form{padding:18px 22px 22px;margin:0!important}
.im-quick-summary{display:grid;grid-template-columns:1fr 100px;gap:10px;margin-bottom:14px}
.im-quick-summary>div{padding:12px;border-radius:13px;background:#f7f3fa;border:1px solid #e9dfef;display:grid;gap:3px}.im-quick-summary small{color:#8c8093;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.im-quick-summary strong{color:#392d41;font-size:13px}
.im-quick-grid{display:grid;gap:12px}
.im-quick-group{padding:15px;border:1px solid #eae2ef;border-radius:17px;background:#fcfbfd}
.im-quick-group-title{display:grid;gap:3px;margin-bottom:13px}.im-quick-group-title b{color:#33283b;font-size:14px}.im-quick-group-title small{color:#8a7e92;font-size:10px}
.im-quick-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;margin:18px -22px -22px;padding:13px 22px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid #eee7f2}
.im-quick-actions .im-save{margin:0!important;width:auto}.im-quick-cancel{border:1px solid #ded5e5;background:#fff;color:#665a6e;border-radius:12px;padding:11px 16px;font-weight:850;cursor:pointer}
.im-modal-open{overflow:hidden}
@media(max-width:700px){.im-quick-modal.is-open{align-items:end;padding:70px 8px 8px}.im-quick-card{width:100%;max-height:calc(100dvh - 78px);border-radius:24px 24px 17px 17px}.im-quick-head{padding:16px}.im-quick-form{padding:14px 16px 16px}.im-quick-summary{grid-template-columns:1fr 74px}.im-quick-actions{margin:16px -16px -16px;padding:12px 16px;display:grid;grid-template-columns:1fr 1.5fr}.im-quick-actions button{width:100%!important}.im-quick-group{padding:13px}}
/* v0.9.6 — fechas y horarios como filas agregables */
.im-schedule-editor{padding:15px;border:1px solid #e7deec;border-radius:18px;background:#fcfbfd}
.im-schedule-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.im-schedule-head>div{display:grid;gap:3px}
.im-schedule-head b{color:#33283b;font-size:13px}
.im-schedule-head small{color:#85798d;font-size:10px;line-height:1.45}
.im-add-schedule{border:0;border-radius:12px;padding:10px 13px;background:#eefbfa;color:#128f8a;font-size:10px;font-weight:950;cursor:pointer;white-space:nowrap;box-shadow:inset 0 0 0 1px #ccefeb}
.im-add-schedule:hover{background:#21dad2;color:#fff;box-shadow:none}
.im-schedule-list{display:grid;gap:9px}
.im-schedule-row{display:grid;grid-template-columns:34px minmax(138px,.8fr) minmax(170px,1fr) minmax(170px,1fr) 36px;gap:9px;align-items:end;padding:10px;border-radius:14px;background:#fff;border:1px solid #e9e1ee}
.im-schedule-number{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;align-self:center;background:#f1e9f7;color:#7138aa;font-weight:950;font-size:10px}
.im-schedule-row label{min-width:0}
.im-schedule-row input{width:100%!important;min-width:0!important}
.im-remove-schedule{width:34px;height:38px;border-radius:10px;border:1px solid #eadde4;background:#fff4f7;color:#bd4d6a;font-size:19px;cursor:pointer}
.im-remove-schedule:disabled{opacity:.3;cursor:not-allowed}
.im-schedule-tip{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f5f1f8;color:#776d7e;font-size:10px;line-height:1.5;border:1px solid #e8dfed}
.im-schedule-tip b{color:#6f35aa}
.im-quick-group .im-schedule-head{margin-bottom:10px}
@media(max-width:900px){
.im-schedule-row{grid-template-columns:32px 1fr 1fr 36px}
.im-schedule-row label:nth-of-type(3){grid-column:2/4}
}
@media(max-width:620px){
.im-schedule-head{display:grid;gap:9px}
.im-add-schedule{width:100%}
.im-schedule-row{grid-template-columns:30px 1fr 34px;padding:9px}
.im-schedule-row label{grid-column:2}
.im-schedule-row .im-remove-schedule{grid-column:3;grid-row:1;align-self:start}
.im-schedule-number{grid-column:1;grid-row:1;align-self:start}
}
/* v0.9.7 — creación/edición completa de cursos en modal */
.im-create-course-bottom{margin-top:18px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#f7f1fb,#eefcfb);border:1px solid #e2d8e9;display:flex;align-items:center;justify-content:space-between;gap:18px}
.im-create-course-bottom>div{display:grid;gap:3px}.im-create-course-bottom span{color:#8e4cd9;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.im-create-course-bottom b{color:#34293b;font-size:14px}.im-create-course-bottom small{color:#827789;font-size:11px}
.im-course-modal{display:none;position:fixed;inset:0;z-index:100001}
.im-course-modal.is-open{display:grid;place-items:center;padding:18px}
.im-course-backdrop{position:absolute;inset:0;border:0;background:rgba(20,13,27,.70);backdrop-filter:blur(8px);cursor:default}
.im-course-modal-card{position:relative;z-index:2;width:min(980px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border-radius:26px;border:1px solid rgba(142,76,217,.13);box-shadow:0 40px 100px rgba(15,8,24,.34)}
.im-course-modal-head{position:sticky;top:0;z-index:15;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 22px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #eee7f2}
.im-course-modal-head span{display:block;color:#8e4cd9;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:950}.im-course-modal-head h3{margin:3px 0 4px;color:#2f2536;font-size:22px}.im-course-modal-head p{margin:0;color:#84798c;font-size:11px;line-height:1.45}
.im-course-modal-close{width:40px;height:40px;flex:0 0 40px;border:1px solid #e5dce9;border-radius:13px;background:#f8f5fa;color:#5d5265;font-size:25px;cursor:pointer}
.im-course-editor-form{margin:0!important;padding:18px 22px 0}
.im-course-wizard-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}
.im-course-wizard-nav button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:9px;border:1px solid #e7deec;border-radius:14px;background:#fbf9fc;text-align:left;cursor:pointer;transition:.2s}
.im-course-wizard-nav i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eee7f3;color:#785d87;font-style:normal;font-size:11px;font-weight:950}
.im-course-wizard-nav span{display:grid;gap:1px}.im-course-wizard-nav b{font-size:10px;color:#493e50}.im-course-wizard-nav small{font-size:8px;color:#918696}
.im-course-wizard-nav button.is-active{border-color:rgba(33,218,210,.6);background:#f0fcfb;box-shadow:0 8px 20px rgba(33,218,210,.08)}.im-course-wizard-nav button.is-active i{background:#21dad2;color:#fff}.im-course-wizard-nav button.is-active b{color:#147f7b}
.im-course-wizard-nav button.is-done i{background:#8e4cd9;color:#fff}
.im-course-step-title{padding:14px 15px;margin-bottom:14px;border-radius:16px;background:linear-gradient(120deg,#6f35aa,#8e4cd9 60%,#5b92b9);color:#fff}
.im-course-step-title span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#bff9f6}.im-course-step-title h4{margin:4px 0 3px;color:#fff;font-size:18px}.im-course-step-title p{margin:0;color:rgba(255,255,255,.84);font-size:10px}
.im-course-fields>[hidden]{display:none!important}
.im-course-modal-actions{position:sticky;bottom:0;z-index:15;margin:18px -22px 0;padding:13px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid #eee7f2}
.im-course-action-right{display:flex;align-items:center;gap:9px}.im-course-action-right>span{color:#95899c;font-size:10px;font-weight:900}
.im-course-prev,.im-course-next{min-height:42px;padding:0 16px;border-radius:12px;font-weight:900;font-size:11px;cursor:pointer}
.im-course-prev{background:#fff;border:1px solid #dfd6e5;color:#65596d}.im-course-next{border:0;background:#6f35aa;color:#fff;box-shadow:0 9px 20px rgba(111,53,170,.18)}
.im-course-submit{margin:0!important;width:auto!important;min-height:42px;padding:0 18px!important}
.im-open-course-editor{border:0;cursor:pointer}
@media(max-width:760px){
.im-course-modal.is-open{align-items:end;padding:62px 7px 7px}
.im-course-modal-card{width:100%;max-height:calc(100dvh - 69px);border-radius:24px 24px 16px 16px}
.im-course-modal-head{padding:14px 15px}.im-course-modal-head h3{font-size:18px}.im-course-modal-head p{font-size:10px}
.im-course-editor-form{padding:13px 14px 0}
.im-course-wizard-nav{display:flex;overflow-x:auto;scrollbar-width:none;margin-right:-14px;padding-right:14px}.im-course-wizard-nav::-webkit-scrollbar{display:none}
.im-course-wizard-nav button{min-width:145px;flex:0 0 145px}
.im-course-step-title{padding:12px}.im-course-step-title h4{font-size:16px}
.im-course-modal-actions{margin:16px -14px 0;padding:11px 14px}.im-course-action-right{margin-left:auto}.im-course-action-right>span{display:none}
.im-course-prev,.im-course-next,.im-course-submit{padding-left:13px!important;padding-right:13px!important}
.im-create-course-bottom{display:grid;padding:14px}.im-create-course-bottom .im-primary{width:100%;text-align:center}
}
/* v0.9.8 — Manager móvil con apariencia de app, sin menú desplegable */
@media(max-width:760px){
/* Elimina cualquier patrón de menú colapsable/hamburguesa */
.im-menu-toggle,
.im-mobile-menu-toggle,
.im-nav-toggle,
.im-hamburger,
.im-manager-menu-toggle{
display:none!important;
}
/* Cabecera compacta tipo app */
.im-topbar,
.im-header,
.im-manager-header{
min-height:auto!important;
padding:10px 12px!important;
gap:10px!important;
align-items:center!important;
}
/* Navegación principal siempre visible como dock de app */
.im-nav,
.im-manager-nav,
.im-topnav{
position:sticky!important;
top:0!important;
z-index:90!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:7px!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:8px 9px!important;
overflow:visible!important;
background:rgba(255,255,255,.96)!important;
backdrop-filter:blur(16px)!important;
-webkit-backdrop-filter:blur(16px)!important;
border-bottom:1px solid #e8e0ed!important;
box-shadow:0 8px 24px rgba(52,34,66,.07)!important;
}
.im-nav a,
.im-manager-nav a,
.im-topnav a{
min-width:0!important;
min-height:58px!important;
padding:7px 4px!important;
border-radius:14px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:4px!important;
border:1px solid transparent!important;
background:transparent!important;
color:#776b7f!important;
text-align:center!important;
font-size:9px!important;
line-height:1.1!important;
font-weight:850!important;
white-space:normal!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.im-nav a:before,
.im-manager-nav a:before,
.im-topnav a:before{
content:"";
width:28px;
height:28px;
border-radius:9px;
display:block;
background:#f0eaf5;
box-shadow:inset 0 0 0 1px #e4d9eb;
}
.im-nav a[data-manager-tab="inicio"]:before,
.im-manager-nav a[data-manager-tab="inicio"]:before,
.im-topnav a[data-manager-tab="inicio"]:before{
background:
linear-gradient(#7b3fb6,#7b3fb6) 7px 13px/14px 8px no-repeat,
linear-gradient(135deg,transparent 50%,#7b3fb6 51%) 5px 5px/9px 9px no-repeat,
linear-gradient(225deg,transparent 50%,#7b3fb6 51%) 14px 5px/9px 9px no-repeat,
#f0eaf5;
}
.im-nav a[data-manager-tab="cursos"]:before,
.im-manager-nav a[data-manager-tab="cursos"]:before,
.im-topnav a[data-manager-tab="cursos"]:before{
background:
linear-gradient(#7b3fb6,#7b3fb6) 6px 7px/16px 3px no-repeat,
linear-gradient(#7b3fb6,#7b3fb6) 6px 13px/16px 3px no-repeat,
linear-gradient(#7b3fb6,#7b3fb6) 6px 19px/11px 3px no-repeat,
#f0eaf5;
}
.im-nav a[data-manager-tab="registros"]:before,
.im-manager-nav a[data-manager-tab="registros"]:before,
.im-topnav a[data-manager-tab="registros"]:before{
background:
radial-gradient(circle at 50% 34%,#7b3fb6 0 4px,transparent 4.5px),
radial-gradient(ellipse at 50% 76%,#7b3fb6 0 8px,transparent 8.5px),
#f0eaf5;
}
.im-nav a[data-manager-tab="web"]:before,
.im-manager-nav a[data-manager-tab="web"]:before,
.im-topnav a[data-manager-tab="web"]:before{
background:
radial-gradient(circle at 50% 50%,transparent 0 6px,#7b3fb6 6.5px 8px,transparent 8.5px),
linear-gradient(#7b3fb6,#7b3fb6) 13px 4px/2px 20px no-repeat,
linear-gradient(90deg,#7b3fb6,#7b3fb6) 4px 13px/20px 2px no-repeat,
#f0eaf5;
}
.im-nav a[data-manager-tab="ajustes"]:before,
.im-manager-nav a[data-manager-tab="ajustes"]:before,
.im-topnav a[data-manager-tab="ajustes"]:before{
background:
radial-gradient(circle,#7b3fb6 0 4px,transparent 4.5px),
conic-gradient(from 0deg,#7b3fb6 0 12%,transparent 12% 25%,#7b3fb6 25% 37%,transparent 37% 50%,#7b3fb6 50% 62%,transparent 62% 75%,#7b3fb6 75% 87%,transparent 87%) center/18px 18px no-repeat,
#f0eaf5;
}
.im-nav a.active,
.im-manager-nav a.active,
.im-topnav a.active,
.im-nav a[aria-current="page"],
.im-manager-nav a[aria-current="page"],
.im-topnav a[aria-current="page"]{
background:linear-gradient(145deg,#f5effa,#eefcfb)!important;
border-color:#d8cbe3!important;
color:#6f35aa!important;
box-shadow:0 7px 17px rgba(91,56,113,.08)!important;
}
.im-nav a.active:before,
.im-manager-nav a.active:before,
.im-topnav a.active:before,
.im-nav a[aria-current="page"]:before,
.im-manager-nav a[aria-current="page"]:before,
.im-topnav a[aria-current="page"]:before{
box-shadow:0 6px 14px rgba(33,218,210,.13),inset 0 0 0 1px rgba(33,218,210,.35)!important;
}
/* Si hay más de cuatro apartados, pasan a segunda fila automáticamente */
.im-nav:has(a:nth-child(5)),
.im-manager-nav:has(a:nth-child(5)),
.im-topnav:has(a:nth-child(5)){
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
/* Evita el aspecto de select/desplegable heredado */
.im-nav select,
.im-manager-nav select,
.im-topnav select{
display:none!important;
}
/* Más sensación de app en el contenido */
.im-main,
.im-content,
.im-manager-content{
padding-top:12px!important;
}
.im-panel{
border-radius:18px!important;
}
}
@media(max-width:390px){
.im-nav,
.im-manager-nav,
.im-topnav{
gap:5px!important;
padding:7px 6px!important;
}
.im-nav a,
.im-manager-nav a,
.im-topnav a{
min-height:55px!important;
font-size:8px!important;
border-radius:12px!important;
}
.im-nav a:before,
.im-manager-nav a:before,
.im-topnav a:before{
width:26px;
height:26px;
}
}
/* v0.9.9 — navegación móvil real tipo app + SEO + Estadísticas */
.im-mobile-app-nav{display:none}
.im-seo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.im-seo-summary article,.im-stat-cards article{padding:16px;border:1px solid #e7e0eb;border-radius:16px;background:#fcfbfd}
.im-seo-summary b{display:block;font-size:26px;color:#6f35aa}.im-seo-summary span,.im-seo-summary small{display:block}.im-seo-summary span{margin-top:4px;color:#3b303f;font-size:11px;font-weight:850}.im-seo-summary small{margin-top:2px;color:#8a7f91;font-size:9px}
.im-seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.im-seo-form{display:grid;gap:16px}.im-seo-side{display:grid;gap:16px;position:sticky;top:102px}.im-seo-side .im-panel{margin:0}
.im-seo-og-preview{aspect-ratio:1200/630;width:min(100%,560px)}
.im-google-card{padding:15px;border-radius:14px;border:1px solid #e4e6ea;background:#fff}.im-google-card>span{color:#4b5156;font-size:11px}.im-google-card h4{margin:6px 0 4px;color:#1a0dab;font-size:19px;font-weight:500;line-height:1.25}.im-google-card p{margin:0;color:#4d5156;font-size:12px;line-height:1.5}.im-seo-note{display:block;margin-top:9px;color:#8b8191;font-size:10px}
.im-seo-course-list{display:grid;gap:8px}.im-seo-course-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #ebe4ef;border-radius:12px;background:#fcfbfd}.im-seo-course-list article>div{min-width:0}.im-seo-course-list b,.im-seo-course-list small{display:block}.im-seo-course-list b{font-size:11px;color:#392f40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-seo-course-list small{font-size:8px;color:#918697;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-seo-course-list article>span{font-size:10px;font-weight:950;padding:5px 7px;border-radius:999px}.im-seo-course-list .good{background:#e9f8ee;color:#237342}.im-seo-course-list .mid{background:#fff5dc;color:#9b6a08}.im-seo-course-list .low{background:#fff0f1;color:#ad3e4b}.im-seo-course-list a{font-size:9px;font-weight:900;color:#6f35aa}
.im-stat-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.im-stat-cards span,.im-stat-cards small{display:block}.im-stat-cards span{font-size:10px;color:#7e7386;font-weight:800}.im-stat-cards strong{display:block;margin:5px 0 2px;font-size:26px;color:#302637}.im-stat-cards small{font-size:9px;color:#958a9c;line-height:1.35}
.im-stats-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.im-stats-layout>.im-panel{margin-bottom:20px}
.im-mini-chart{display:grid;gap:12px}.im-mini-chart-legend{display:flex;flex-wrap:wrap;gap:12px}.im-mini-chart-legend span{display:flex;align-items:center;gap:5px;font-size:9px;color:#807687;font-weight:800}.im-mini-chart-legend i{width:8px;height:8px;border-radius:3px}.im-mini-chart-legend .views,.im-mini-columns .views{background:#8e4cd9}.im-mini-chart-legend .leads,.im-mini-columns .leads{background:#21dad2}.im-mini-chart-legend .paid,.im-mini-columns .paid{background:#3bb36a}
.im-mini-chart-bars{height:210px;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;align-items:end;padding:12px 4px 0;border-bottom:1px solid #e9e2ed}.im-mini-day{height:100%;display:grid;grid-template-rows:1fr auto;gap:6px;align-items:end;min-width:0}.im-mini-columns{height:100%;display:flex;align-items:end;justify-content:center;gap:2px}.im-mini-columns i{display:block;width:25%;min-width:2px;border-radius:4px 4px 1px 1px}.im-mini-day small{text-align:center;color:#978c9e;font-size:7px;white-space:nowrap}
.im-funnel{display:grid;gap:11px}.im-funnel article{position:relative;padding:11px 12px 14px;border-radius:13px;background:#faf8fb;border:1px solid #ebe3ef;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.im-funnel article>div{display:grid;gap:2px}.im-funnel b{font-size:11px;color:#3a303f}.im-funnel small{font-size:8px;color:#918696}.im-funnel strong{font-size:17px;color:#6f35aa}.im-funnel i{position:absolute;left:0;bottom:0;height:4px;background:linear-gradient(90deg,#8e4cd9,#21dad2);border-radius:0 999px 999px 0}
.im-stats-course-table{display:grid}.im-stats-course-row{display:grid;grid-template-columns:minmax(180px,2fr) repeat(5,minmax(65px,.65fr));gap:10px;align-items:center;padding:11px 8px;border-top:1px solid #eee8f1;font-size:10px;color:#5e5366}.im-stats-course-row.head{border-top:0;color:#918697;text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:900}.im-stats-course-row>span:first-child b,.im-stats-course-row>span:first-child small{display:block}.im-stats-course-row>span:first-child b{font-size:11px;color:#352a3b}.im-stats-course-row>span:first-child small{font-size:8px;color:#9a6b78;margin-top:2px}
@media(max-width:1100px){.im-stat-cards{grid-template-columns:repeat(3,1fr)}.im-seo-layout{grid-template-columns:1fr}.im-seo-side{position:static;grid-template-columns:1fr 1fr}.im-stats-layout{grid-template-columns:1fr}}
@media(max-width:950px){
.im-side{display:none!important}.im-app{display:block!important}.im-main{width:100%!important;margin:0!important}
.im-top{position:relative!important;height:auto!important;min-height:66px!important;padding:11px 14px!important}.im-top h2{font-size:17px!important}
.im-mobile-app-nav{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px 8px;background:rgba(255,255,255,.97);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-bottom:1px solid #e9e1ed;box-shadow:0 9px 24px rgba(50,32,63,.07)}
.im-mobile-app-nav a{min-width:0;min-height:50px;padding:5px 3px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#796e81;border:1px solid transparent;font-size:8px;font-weight:850;text-align:center}
.im-mobile-app-nav a i{font-style:normal;font-size:18px;line-height:1}.im-mobile-app-nav a span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.im-mobile-app-nav a.active{background:linear-gradient(145deg,#f4eef9,#edfbfa);border-color:#dacfe3;color:#6f35aa;box-shadow:0 6px 14px rgba(88,53,109,.08)}
}
@media(max-width:700px){.im-seo-summary{grid-template-columns:1fr}.im-seo-side{grid-template-columns:1fr}.im-stat-cards{grid-template-columns:1fr 1fr}.im-stats-course-table{overflow-x:auto}.im-stats-course-row{min-width:680px}.im-mini-chart-bars{gap:3px}.im-mini-day small{font-size:6px}}
@media(max-width:390px){.im-mobile-app-nav{gap:4px;padding:6px 5px}.im-mobile-app-nav a{min-height:47px;font-size:7px}.im-mobile-app-nav a i{font-size:16px}}
/* v1.0.0 — métricas de clics de cursos y WhatsApp */
.im-stat-cards-wide{grid-template-columns:repeat(7,minmax(0,1fr))}
.im-mini-chart-legend .page,.im-mini-columns .page{background:#8e4cd9}
.im-mini-chart-legend .course,.im-mini-columns .course{background:#21dad2}
.im-mini-chart-legend .whatsapp,.im-mini-columns .whatsapp{background:#27b965}
.im-wa-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.im-wa-source-grid article{padding:13px;border:1px solid #e9e2ed;border-radius:14px;background:#fcfbfd;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}
.im-wa-source-grid article>div{display:grid;gap:2px}.im-wa-source-grid b{font-size:10px;color:#3d3243}.im-wa-source-grid small{font-size:8px;color:#918696}.im-wa-source-grid strong{font-size:18px;color:#278c56}
.im-wa-source-grid i{grid-column:1/-1;height:4px;border-radius:999px;background:#e9eee9;overflow:hidden}.im-wa-source-grid i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#21dad2,#27b965)}
.im-stats-course-row{grid-template-columns:minmax(180px,2fr) repeat(6,minmax(65px,.62fr))}
@media(max-width:1200px){.im-stat-cards-wide{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.im-wa-source-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.im-stat-cards-wide{grid-template-columns:1fr 1fr}.im-wa-source-grid{grid-template-columns:1fr}.im-stats-course-row{min-width:760px}}
/* v1.0.1 — móvil con estructura real de app */
.im-mobile-bottom-nav,
.im-mobile-more,
.im-mobile-launcher{display:none}
@media(max-width:950px){
/* Ya no existe ningún menú superior de navegación */
.im-mobile-app-nav,
.im-generated-app-nav,
.im-nav,
.im-manager-nav,
.im-topnav{
display:none!important;
}
.im-body{
background:#f5f3f7!important;
}
.im-side{display:none!important}
.im-app{display:block!important;min-height:100%!important}
.im-main{width:100%!important;margin:0!important;min-width:0!important}
/* Cabecera pequeña, como una app */
.im-top{
position:sticky!important;
top:0!important;
z-index:55!important;
min-height:62px!important;
height:auto!important;
padding:10px 14px!important;
background:rgba(255,255,255,.96)!important;
backdrop-filter:blur(16px)!important;
-webkit-backdrop-filter:blur(16px)!important;
border-bottom:1px solid #e9e2ed!important;
box-shadow:none!important;
}
.im-top>div{min-width:0}
.im-top>div>span{font-size:8px!important;letter-spacing:.11em!important;color:#8e4cd9!important;font-weight:950!important}
.im-top h2{font-size:17px!important;line-height:1.15!important;margin:3px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.im-top .im-public{
width:38px!important;
height:38px!important;
min-width:38px!important;
margin-left:auto!important;
padding:0!important;
border-radius:12px!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
font-size:0!important;
background:#f3edf8!important;
color:#7138aa!important;
}
.im-top-public-links{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}
.im-top .im-public{width:46px!important;min-width:46px!important}
.im-top .im-public:before{
content:attr(data-short);
font-size:8px;
letter-spacing:.03em;
font-weight:950;
}
.im-top .im-public-main{background:#f3edf8!important;color:#7138aa!important}
.im-top .im-public-landing{background:#e8fbf9!important;color:#117d78!important}
.im-content{
padding:14px 12px 106px!important;
max-width:none!important;
margin:0!important;
}
/* Dock inferior: exactamente 5 accesos */
.im-mobile-bottom-nav{
position:fixed;
left:8px;
right:8px;
bottom:8px;
z-index:95;
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:3px;
min-height:68px;
padding:7px 6px calc(7px + env(safe-area-inset-bottom));
border:1px solid rgba(225,216,232,.96);
border-radius:21px;
background:rgba(255,255,255,.96);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
box-shadow:0 16px 40px rgba(41,25,52,.18);
}
.im-mobile-bottom-nav a,
.im-mobile-bottom-nav button{
position:relative;
min-width:0;
min-height:54px;
border:0;
border-radius:15px;
background:transparent;
color:#86798d;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:4px;
padding:5px 2px;
font:inherit;
cursor:pointer;
text-decoration:none;
}
.im-mobile-bottom-nav svg{
width:21px;
height:21px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.im-mobile-bottom-nav span{
max-width:100%;
font-size:8px;
line-height:1;
font-weight:850;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.im-mobile-bottom-nav a.active,
.im-mobile-bottom-nav button.active{
color:#6f35aa;
background:linear-gradient(145deg,#f4edfa,#ebfbfa);
}
.im-mobile-bottom-nav a.active:after,
.im-mobile-bottom-nav button.active:after{
content:"";
position:absolute;
top:3px;
width:18px;
height:3px;
border-radius:999px;
background:#21dad2;
}
/* Pantalla Más tipo bottom sheet */
.im-mobile-more{
position:fixed;
inset:0;
z-index:110;
display:none;
align-items:end;
padding:10px;
}
.im-mobile-more.is-open{display:flex}
.im-mobile-more-backdrop{
position:absolute;
inset:0;
border:0;
background:rgba(22,14,28,.55);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
}
.im-mobile-more-card{
position:relative;
z-index:2;
width:100%;
max-height:82%;
overflow-y:auto;
border-radius:25px;
padding:9px 14px calc(16px + env(safe-area-inset-bottom));
background:#fff;
border:1px solid #e8dfed;
box-shadow:0 30px 80px rgba(17,9,24,.30);
}
.im-mobile-more-handle{
width:40px;
height:4px;
margin:2px auto 13px;
border-radius:999px;
background:#ddd4e2;
}
.im-mobile-more-head{
display:flex;
gap:14px;
align-items:flex-start;
justify-content:space-between;
padding:4px 3px 14px;
}
.im-mobile-more-head>div{min-width:0}
.im-mobile-more-head span{
display:block;
color:#8e4cd9;
font-size:8px;
font-weight:950;
letter-spacing:.12em;
}
.im-mobile-more-head h3{
margin:3px 0;
color:#302637;
font-size:20px;
}
.im-mobile-more-head p{
margin:0;
color:#867b8d;
font-size:10px;
line-height:1.45;
}
.im-mobile-more-head>button{
width:38px;
height:38px;
flex:0 0 38px;
border:1px solid #e8dfea;
border-radius:12px;
background:#f7f4f9;
color:#5e5266;
font-size:23px;
}
.im-mobile-more-grid{display:grid;gap:9px}
.im-mobile-more-grid>a{
min-height:72px;
display:grid;
grid-template-columns:48px minmax(0,1fr) 22px;
gap:11px;
align-items:center;
padding:10px;
border:1px solid #ebe4ef;
border-radius:17px;
background:#fcfbfd;
text-decoration:none;
}
.im-mobile-more-grid>a.active{
background:linear-gradient(135deg,#f5effa,#edfbfa);
border-color:#d9cce3;
}
.im-mobile-more-grid i{
width:46px;
height:46px;
display:grid;
place-items:center;
border-radius:14px;
background:#f1e9f7;
color:#7138aa;
font-size:13px;
font-style:normal;
font-weight:950;
}
.im-mobile-more-grid div{min-width:0;display:grid;gap:2px}
.im-mobile-more-grid b{font-size:12px;color:#362b3d}
.im-mobile-more-grid small{font-size:9px;color:#8b8092;line-height:1.35}
.im-mobile-more-grid>a>span{font-size:22px;color:#aaa0af}
.im-mobile-more-utilities{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
margin-top:12px;
padding-top:12px;
border-top:1px solid #eee8f1;
}
.im-mobile-more-utilities a{
min-height:43px;
display:grid;
place-items:center;
padding:8px;
border-radius:12px;
background:#f6f3f8;
color:#655a6d;
font-size:9px;
font-weight:850;
text-align:center;
}
/* Home como panel de aplicación */
.im-hero{
padding:20px 17px!important;
border-radius:21px!important;
display:grid!important;
gap:15px!important;
background:
radial-gradient(circle at 92% 12%,rgba(33,218,210,.22),transparent 32%),
linear-gradient(135deg,#37234a,#6f35aa 72%,#487c91)!important;
}
.im-hero h1{
font-size:23px!important;
line-height:1.08!important;
margin:5px 0 8px!important;
}
.im-hero p{font-size:11px!important;line-height:1.55!important}
.im-hero>a{
width:100%!important;
text-align:center!important;
padding:12px 14px!important;
border-radius:13px!important;
}
.im-stats{
grid-template-columns:1fr 1fr!important;
gap:9px!important;
margin:11px 0!important;
}
.im-stats article{
padding:13px!important;
border-radius:16px!important;
box-shadow:none!important;
}
.im-stats strong{font-size:22px!important}
.im-stats .text{font-size:14px!important}
.im-mobile-launcher{
display:block;
margin:13px 0 16px;
padding:15px;
border-radius:21px;
background:#fff;
border:1px solid #e9e2ed;
box-shadow:0 8px 24px rgba(54,34,68,.04);
}
.im-mobile-launcher-head{
display:flex;
justify-content:space-between;
gap:12px;
align-items:end;
margin-bottom:12px;
}
.im-mobile-launcher-head span{
display:block;
color:#8e4cd9;
font-size:8px;
letter-spacing:.11em;
font-weight:950;
}
.im-mobile-launcher-head h3{
margin:2px 0 0;
font-size:17px;
color:#33283a;
}
.im-mobile-launcher-head>small{
color:#9a8fa1;
font-size:8px;
}
.im-mobile-launcher-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.im-mobile-launcher-grid a{
min-width:0;
min-height:105px;
padding:11px 7px;
border:1px solid #ebe4ef;
border-radius:17px;
background:#fbf9fc;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:3px;
color:#382d3f;
text-decoration:none;
}
.im-mobile-launcher-grid a.primary{
background:linear-gradient(145deg,#6f35aa,#8e4cd9);
border-color:#7b40b7;
color:#fff;
}
.im-mobile-launcher-grid i{
width:36px;
height:36px;
margin-bottom:3px;
display:grid;
place-items:center;
border-radius:11px;
background:#f0e8f6;
color:#6f35aa;
font-size:17px;
font-style:normal;
font-weight:950;
}
.im-mobile-launcher-grid .primary i{
background:rgba(255,255,255,.16);
color:#fff;
}
.im-mobile-launcher-grid b{
max-width:100%;
font-size:10px;
line-height:1.2;
}
.im-mobile-launcher-grid small{
max-width:100%;
color:#978c9e;
font-size:8px;
line-height:1.25;
}
.im-mobile-launcher-grid .primary small{color:rgba(255,255,255,.75)}
/* Paneles menos "web" y más tarjetas de app */
.im-panel{
border-radius:20px!important;
box-shadow:0 7px 22px rgba(48,30,62,.035)!important;
}
.im-panel-head{gap:10px!important}
.im-panel-head h3{font-size:16px!important}
body.im-mobile-more-open{overflow:hidden!important}
}
@media(max-width:370px){
.im-mobile-bottom-nav{left:5px;right:5px;bottom:5px;padding-left:3px;padding-right:3px}
.im-mobile-bottom-nav span{font-size:7px}
.im-mobile-bottom-nav svg{width:19px;height:19px}
.im-mobile-launcher-grid{grid-template-columns:1fr 1fr}
}
/* v1.0.2 — móvil: ningún textarea del Manager puede redimensionarse */
@media(max-width:950px){
textarea,
.im-form textarea,
.im-settings-form textarea,
.im-course-editor-form textarea,
.im-quick-form textarea,
.im-seo-form textarea{
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
resize:none!important;
overflow-x:hidden!important;
overflow-y:auto!important;
touch-action:pan-y!important;
}
}
/* v1.0.3 — Prisma Creativo móvil: 5 accesos fijos + mejor legibilidad */
@media(max-width:950px){
/* Solo 5 accesos fijos abajo. No existe botón "Más". */
.im-mobile-more,
.im-mobile-more-card,
.im-mobile-more-backdrop{
display:none!important;
}
.im-mobile-bottom-nav{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
/* Prisma: el bloque principal usa fondo oscuro, por eso todo el texto debe ser claro */
.im-style-orbit .im-hero{
background:
radial-gradient(circle at 88% 12%,rgba(33,218,210,.24),transparent 32%),
linear-gradient(135deg,#37234a 0%,#65339a 58%,#4d668e 100%)!important;
color:#fff!important;
border-color:rgba(255,255,255,.08)!important;
}
.im-style-orbit .im-hero>div>span{
color:#55ece4!important;
opacity:1!important;
text-shadow:0 1px 10px rgba(33,218,210,.16)!important;
}
.im-style-orbit .im-hero h1{
color:#fff!important;
opacity:1!important;
text-shadow:0 2px 16px rgba(20,12,29,.18)!important;
}
.im-style-orbit .im-hero p{
color:rgba(255,255,255,.88)!important;
opacity:1!important;
}
.im-style-orbit .im-hero>a{
background:#fff!important;
color:#6f35aa!important;
border:1px solid rgba(255,255,255,.8)!important;
box-shadow:0 12px 28px rgba(26,14,38,.18)!important;
}
/* Dock Prisma más limpio y parecido a una app nativa */
.im-style-orbit .im-mobile-bottom-nav{
background:rgba(255,255,255,.97)!important;
border-color:#e8dfed!important;
}
.im-style-orbit .im-mobile-bottom-nav a{
color:#817586!important;
}
.im-style-orbit .im-mobile-bottom-nav a.active{
color:#6f35aa!important;
background:linear-gradient(145deg,#f4edfa,#ebfbfa)!important;
}
.im-style-orbit .im-mobile-bottom-nav a.active:after{
background:#21dad2!important;
}
}
/* v1.0.6 — Cintas en Movimiento: revisión visual completa */
.im-style-ribbon{
background:radial-gradient(circle at 92% 6%,rgba(33,218,210,.075),transparent 20%),linear-gradient(145deg,#f8f5fc 0%,#fbf9fd 50%,#f3fbfa 100%)!important;
color:#241b2d;
}
.im-style-ribbon .im-side{
background:linear-gradient(168deg,#4f267f 0 34%,#7537ba 34% 68%,#179f9a 68% 100%)!important;
box-shadow:12px 0 34px rgba(53,28,74,.08);
}
.im-style-ribbon .im-side:before{
top:39%!important;height:54px!important;
background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.17),rgba(255,255,255,.05))!important;
transform:rotate(-7deg)!important;
}
.im-style-ribbon .im-side:after{
content:"";position:absolute;left:-18%;right:-18%;bottom:15%;height:32px;border-radius:50%;
background:rgba(33,218,210,.18);transform:rotate(7deg);pointer-events:none;
}
.im-style-ribbon .im-brand,.im-style-ribbon .im-side nav,.im-style-ribbon .im-side-bottom{position:relative;z-index:2}
.im-style-ribbon .im-side nav a{border:1px solid transparent;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.im-style-ribbon .im-side nav a:hover{transform:translateX(3px);background:rgba(255,255,255,.10);color:#fff}
.im-style-ribbon .im-side nav a.active{background:#fff!important;color:#6e2ebb!important;border-color:rgba(255,255,255,.62)!important;box-shadow:0 12px 26px rgba(45,17,67,.18)!important}
.im-style-ribbon .im-top{background:rgba(255,255,255,.93)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(93,52,120,.07)!important}
.im-style-ribbon .im-top>div>span{color:#7c3abb!important}.im-style-ribbon .im-top h2{color:#2c2134!important}
.im-style-ribbon .im-public{border-radius:999px!important;background:#f3ecfa!important;color:#6d31aa!important;border-color:#e1d4eb!important}
.im-style-ribbon .im-content{background:linear-gradient(135deg,rgba(142,76,217,.025),transparent 28%),linear-gradient(315deg,rgba(33,218,210,.038),transparent 25%)!important}
.im-style-ribbon .im-hero{
isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#54278a 0%,#7c3dc0 52%,#238e9a 115%)!important;color:#fff!important;
border-radius:32px 12px 32px 12px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 52px rgba(76,39,112,.18)!important;
}
.im-style-ribbon .im-hero:before{z-index:0!important;left:-10%!important;right:-10%!important;top:18%!important;bottom:auto!important;height:44px!important;background:rgba(33,218,210,.22)!important;transform:rotate(-6deg)!important}
.im-style-ribbon .im-hero:after{content:"";position:absolute;z-index:0;left:-10%;right:-10%;bottom:18%;height:34px;border-radius:50%;background:rgba(255,255,255,.10);transform:rotate(5deg);pointer-events:none}
.im-style-ribbon .im-hero>div,.im-style-ribbon .im-hero>a{position:relative;z-index:2}
.im-style-ribbon .im-hero>div>span{color:#68f0e8!important}.im-style-ribbon .im-hero h1{color:#fff!important;text-shadow:0 2px 18px rgba(27,12,38,.15)}
.im-style-ribbon .im-hero p{color:rgba(255,255,255,.88)!important}
.im-style-ribbon .im-hero>a{background:#fff!important;color:#6d32ab!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:999px!important;box-shadow:0 12px 26px rgba(33,17,49,.16)!important}
.im-style-ribbon .im-hero>a:hover{background:#21dad2!important;color:#fff!important;border-color:#21dad2!important}
.im-style-ribbon .im-panel,.im-style-ribbon .im-settings-section,.im-style-ribbon .im-web-block,.im-style-ribbon .im-setting-subsection,.im-style-ribbon .im-media-field{
border:1px solid rgba(111,59,145,.075)!important;border-radius:25px 10px 25px 10px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 13px 34px rgba(70,43,89,.06)!important;
}
.im-style-ribbon .im-panel{position:relative;overflow:hidden}
.im-style-ribbon .im-panel:before{content:"";position:absolute;left:-3%;right:-3%;top:0;height:4px;background:linear-gradient(90deg,#8e4cd9 0 47%,#21dad2 47% 100%);transform:rotate(-.15deg);z-index:1;pointer-events:none}
.im-style-ribbon .im-panel>*{position:relative;z-index:2}
.im-style-ribbon .im-panel-head>div>span,.im-style-ribbon .im-settings-section-head>div>span{color:#7937b5!important}
.im-style-ribbon .im-panel-head h3,.im-style-ribbon .im-settings-section-head h4{color:#2e2335!important}
.im-style-ribbon .im-stats article,.im-style-ribbon .im-stat-cards article,.im-style-ribbon .im-seo-summary article{
border:1px solid rgba(111,59,145,.08)!important;border-radius:22px 8px 22px 8px!important;background:linear-gradient(180deg,#fff,#fdfbff)!important;box-shadow:0 10px 26px rgba(63,39,80,.045)!important;
}
.im-style-ribbon .im-stats article{border-top:4px solid #21dad2!important}.im-style-ribbon .im-stats article:nth-child(2n){border-top-color:#8e4cd9!important}
.im-style-ribbon .im-web-number,.im-style-ribbon .im-settings-step{border-radius:999px!important;background:linear-gradient(135deg,#8e4cd9,#21dad2)!important;color:#fff!important;box-shadow:0 8px 20px rgba(112,55,164,.14)!important}
.im-style-ribbon .im-web-mini{border-radius:20px 8px 20px 8px!important;background:#fcfafe!important}
.im-style-ribbon .im-form input,.im-style-ribbon .im-form select,.im-style-ribbon .im-form textarea{border-radius:16px 7px 16px 7px!important;border-color:#e6ddea!important;background:#fff!important}
.im-style-ribbon .im-form input:focus,.im-style-ribbon .im-form select:focus,.im-style-ribbon .im-form textarea:focus{border-color:#b98fdb!important;box-shadow:0 0 0 3px rgba(142,76,217,.10)!important}
.im-style-ribbon .im-save,.im-style-ribbon .im-pin-form button,.im-style-ribbon .im-primary{border-radius:999px!important;background:linear-gradient(90deg,#7d3bbc,#21c8c1)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(97,46,146,.16)!important}
.im-style-ribbon .im-save:hover,.im-style-ribbon .im-primary:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(97,46,146,.21)!important}
@media(max-width:950px){
.im-style-ribbon .im-top{background:rgba(255,255,255,.96)!important}
.im-style-ribbon .im-mobile-bottom-nav{border-radius:24px 12px 24px 12px!important;background:rgba(255,255,255,.97)!important;border-color:#e5dbea!important;box-shadow:0 16px 38px rgba(55,34,69,.15)!important}
.im-style-ribbon .im-mobile-bottom-nav a{border-radius:18px 7px 18px 7px!important;color:#817488!important}
.im-style-ribbon .im-mobile-bottom-nav a.active{color:#6d32ab!important;background:linear-gradient(145deg,#f2eafa,#ecfbfa)!important}
.im-style-ribbon .im-mobile-bottom-nav a.active:after{width:24px!important;background:linear-gradient(90deg,#8e4cd9,#21dad2)!important}
.im-style-ribbon .im-hero{border-radius:26px 9px 26px 9px!important}
.im-style-ribbon .im-hero:before{top:20%!important;height:30px!important}.im-style-ribbon .im-hero:after{bottom:18%!important;height:24px!important}
.im-style-ribbon .im-panel,.im-style-ribbon .im-settings-section,.im-style-ribbon .im-web-block{border-radius:20px 8px 20px 8px!important}
}
/* v1.0.7 — chip de estado en la apariencia visual activa */
.im-style-option{
position:relative!important;
padding-bottom:38px!important;
}
.im-style-option.selected:after{
content:"Activo";
position:absolute;
right:10px;
bottom:10px;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:22px;
padding:4px 9px;
border-radius:999px;
background:linear-gradient(135deg,#8e4cd9,#21dad2);
color:#fff;
font-size:9px;
line-height:1;
font-weight:950;
letter-spacing:.06em;
text-transform:uppercase;
box-shadow:0 7px 16px rgba(83,43,116,.14);
}
.im-style-option:not(.selected):after{
content:"";
display:none;
}
/* Cada estilo conserva su personalidad en el chip activo */
.im-style-mosaic .im-style-option.selected:after{
background:#17141c;
color:#fff;
border:1px solid #17141c;
box-shadow:3px 3px 0 #21dad2;
}
.im-style-ribbon .im-style-option.selected:after{
background:linear-gradient(90deg,#8e4cd9,#21dad2);
}
.im-style-orbit .im-style-option.selected:after{
background:linear-gradient(135deg,#7437ad,#21c9c2);
}
@media(max-width:560px){
.im-style-option{
padding-bottom:40px!important;
}
.im-style-option.selected:after{
right:9px;
bottom:9px;
}
}
/* v1.0.12 — guía de tamaños de imágenes más clara */
.im-media-spec-important{
background:linear-gradient(135deg,#f5effb,#ecfbfa)!important;
border-color:#d9cce7!important;
}
.im-media-spec-important b{
color:#6f35aa!important;
font-size:12px!important;
}
.im-media-spec-important em{
display:block;
margin-top:4px;
padding-top:7px;
border-top:1px solid rgba(111,53,170,.10);
color:#b03d63;
font-size:10px;
line-height:1.4;
font-style:normal;
font-weight:900;
}
/* v1.0.13 — móvil: pasos de Crear/Editar curso sin scroll horizontal */
@media(max-width:760px){
/* Antes era una fila horizontal desplazable. Ahora es una cuadrícula 2x2. */
.im-course-wizard-nav{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
width:100%!important;
margin:0 0 12px!important;
padding:0!important;
overflow:visible!important;
}
.im-course-wizard-nav button{
width:100%!important;
min-width:0!important;
max-width:none!important;
min-height:62px!important;
flex:none!important;
padding:8px!important;
grid-template-columns:30px minmax(0,1fr)!important;
gap:7px!important;
border-radius:13px!important;
overflow:hidden!important;
}
.im-course-wizard-nav i{
width:29px!important;
height:29px!important;
min-width:29px!important;
border-radius:9px!important;
font-size:10px!important;
}
.im-course-wizard-nav span{
min-width:0!important;
overflow:hidden!important;
}
.im-course-wizard-nav b{
display:block!important;
font-size:9px!important;
line-height:1.15!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
.im-course-wizard-nav small{
display:block!important;
margin-top:2px!important;
font-size:7px!important;
line-height:1.15!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
/* Evita que cualquier elemento del modal fuerce desplazamiento lateral */
.im-course-modal-card,
.im-course-editor-form,
.im-course-fields,
.im-course-step-title,
.im-course-modal-actions{
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
.im-course-modal-card{
overflow-x:hidden!important;
}
}
@media(max-width:390px){
.im-course-wizard-nav{
gap:6px!important;
}
.im-course-wizard-nav button{
min-height:58px!important;
padding:7px!important;
grid-template-columns:27px minmax(0,1fr)!important;
}
.im-course-wizard-nav i{
width:27px!important;
height:27px!important;
min-width:27px!important;
}
.im-course-wizard-nav b{
font-size:8px!important;
}
.im-course-wizard-nav small{
font-size:6.5px!important;
}
}
/* v1.0.14 — ajustes BCV */
.im-bcv-settings{display:grid;gap:13px;margin:0 0 18px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#f5fbf9,#faf7fc);border:1px solid #dcebe6}
.im-bcv-settings-head{display:flex;justify-content:space-between;gap:18px;align-items:center}
.im-bcv-settings-head>div{display:grid;gap:3px}
.im-bcv-settings-head span{color:#25865e;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:950}
.im-bcv-settings-head h5{margin:0;color:#302638;font-size:16px}
.im-bcv-settings-head p{margin:0;max-width:720px;color:#7e7484;font-size:10px;line-height:1.5}
.im-bcv-switch{position:relative;flex:0 0 auto;width:50px;height:28px;cursor:pointer}
.im-bcv-switch input{position:absolute;opacity:0;pointer-events:none}
.im-bcv-switch span{position:absolute;inset:0;border-radius:999px;background:#d7d1db;transition:.2s}
.im-bcv-switch span:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.2s}
.im-bcv-switch input:checked+span{background:#27b965}
.im-bcv-switch input:checked+span:after{transform:translateX(22px)}
.im-bcv-status-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.55fr);gap:12px;align-items:stretch}
.im-bcv-live-status{padding:12px 13px;border-radius:14px;background:#fff;border:1px solid #e4ece8;display:grid;gap:3px}
.im-bcv-live-status small{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#8b818f;font-weight:900}
.im-bcv-live-status b{font-size:17px;color:#267d58}
.im-bcv-live-status span{font-size:9px;color:#817789;line-height:1.4}
.im-bcv-live-status.is-error b{color:#af4955}
.im-bcv-note{display:flex;gap:8px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.72);border:1px dashed #d8e3dd;font-size:9px;line-height:1.45;color:#776e7d}
.im-bcv-note b{color:#5f5366;white-space:nowrap}
@media(max-width:700px){
.im-bcv-settings-head{align-items:flex-start}
.im-bcv-status-row{grid-template-columns:1fr}
.im-bcv-note{display:grid}
}
/* v1.0.15 — ejemplos reales + horarios semanales */
.im-real-examples-banner{margin:0 0 16px;padding:13px 15px;border:1px solid #e5dced;border-radius:16px;background:linear-gradient(135deg,#f8f3fb,#eefbfa);display:flex;justify-content:space-between;align-items:center;gap:16px}
.im-real-examples-banner>div{display:grid;gap:3px;min-width:0}.im-real-examples-banner span{font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#8e4cd9}.im-real-examples-banner b{font-size:11px;color:#352b3c}.im-real-examples-banner small{font-size:9px;line-height:1.45;color:#817688}.im-real-examples-banner form{flex:0 0 auto}.im-real-examples-banner button{min-height:40px;padding:0 13px;border:0;border-radius:12px;background:#6f35aa;color:#fff;font-size:9px;font-weight:900;cursor:pointer}
.im-schedule-row{grid-template-columns:34px minmax(125px,.7fr) minmax(155px,.9fr) minmax(155px,.9fr) minmax(145px,.85fr) 36px!important}
.im-schedule-row label small{display:block;margin-top:3px;color:#9a8fa1;font-size:7px;line-height:1.25}
@media(max-width:1050px){.im-schedule-row{grid-template-columns:32px 1fr 1fr 36px!important}.im-schedule-row label:nth-of-type(3),.im-schedule-row label:nth-of-type(4){grid-column:auto!important}}
@media(max-width:700px){.im-real-examples-banner{display:grid}.im-real-examples-banner form,.im-real-examples-banner button{width:100%}.im-schedule-row{grid-template-columns:30px minmax(0,1fr) 34px!important}.im-schedule-row label{grid-column:2!important}}
/* v1.0.19 — Mosaico Editorial: legibilidad del panel principal */
.im-style-mosaic .im-hero{
position:relative!important;
overflow:hidden!important;
background:linear-gradient(135deg,#51277b 0%,#7640b1 58%,#446da0 100%)!important;
color:#fff!important;
border:3px solid #17141c!important;
box-shadow:8px 8px 0 #21dad2!important;
}
.im-style-mosaic .im-hero:before{
background:rgba(255,255,255,.07)!important;
}
.im-style-mosaic .im-hero:after{
background:#9b49df!important;
opacity:.78!important;
}
.im-style-mosaic .im-hero>div,
.im-style-mosaic .im-hero>a{position:relative!important;z-index:2!important}
.im-style-mosaic .im-hero>div>span{
color:#63efe7!important;
opacity:1!important;
}
.im-style-mosaic .im-hero h1{
color:#fff!important;
opacity:1!important;
text-shadow:0 2px 14px rgba(21,11,29,.20)!important;
}
.im-style-mosaic .im-hero p{
color:rgba(255,255,255,.86)!important;
opacity:1!important;
}
.im-style-mosaic .im-hero>a{
background:#21dad2!important;
color:#17141c!important;
border:3px solid #17141c!important;
box-shadow:5px 5px 0 #17141c!important;
font-weight:950!important;
}
.im-style-mosaic .im-hero>a:hover{
background:#fff!important;
transform:translate(-2px,-2px)!important;
box-shadow:7px 7px 0 #17141c!important;
}
/* v1.0.25 — guía visible de galería */
.im-gallery-empty-state{
display:grid!important;
gap:3px!important;
padding:14px!important;
border:1px dashed #d9cde3!important;
border-radius:14px!important;
background:linear-gradient(135deg,#faf6fd,#f1fbfa)!important;
}
.im-gallery-empty-state b{
color:#6f35aa!important;
font-size:10px!important;
}
.im-gallery-empty-state span{
color:#827688!important;
font-size:9px!important;
line-height:1.45!important;
}
/* v1.0.31 — Editor Web: notas y bloques nuevos */
.im-web-note{
margin-top:12px;
padding:11px 12px;
border:1px dashed #ddd2e5;
border-radius:12px;
background:linear-gradient(135deg,#faf7fc,#f1fbfa);
display:flex;
gap:8px;
align-items:flex-start;
color:#766b7c;
font-size:9px;
line-height:1.45;
}
.im-web-note b{color:#6f35aa;white-space:nowrap}
@media(max-width:700px){
.im-web-note{display:grid}
}
/* v1.0.33 — editor de logo del menú y footer */
.im-logo-editor{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:16px;margin:0 0 18px;padding:15px;border:1px solid #e6ddeb;border-radius:17px;background:linear-gradient(135deg,#faf7fc,#f1fbfa)}
.im-logo-preview{min-height:132px;padding:18px;border-radius:14px;display:grid;place-items:center;overflow:hidden;box-sizing:border-box}
.im-logo-preview-light{background:#fff;border:1px solid #ebe5ef}
.im-logo-preview-dark{background:#17121d;border:1px solid #2b2233}
.im-logo-preview img{display:block;width:min(100%,300px);max-height:90px;object-fit:contain}
.im-logo-fallback{display:flex;align-items:center;gap:10px}
.im-logo-preview-light .im-logo-fallback{color:#302638}.im-logo-preview-dark .im-logo-fallback{color:#fff}
.im-logo-fallback>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#8e4cd9,#21dad2);color:#fff;font-weight:950;font-size:18px}
.im-logo-fallback>div{display:grid;gap:2px}.im-logo-fallback b{font-size:14px;letter-spacing:.08em}.im-logo-fallback small{font-size:7px;letter-spacing:.14em;opacity:.7}
.im-logo-info{display:grid;align-content:center;gap:5px}.im-logo-info>span{color:#8e4cd9;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.11em}.im-logo-info>b{color:#34283c;font-size:12px}.im-logo-info>p{margin:0;color:#7e7385;font-size:9px;line-height:1.5}.im-logo-info>small{color:#6a5f71;font-size:8px;font-weight:800}
.im-logo-upload{width:max-content;max-width:100%;min-height:38px;margin-top:5px;padding:0 12px;border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:#6f35aa;color:#fff!important;font-size:9px!important;font-weight:900!important;cursor:pointer}
.im-logo-upload input{display:none!important}
.im-logo-remove{display:flex!important;align-items:center!important;gap:7px!important;margin-top:4px!important;color:#8a5060!important;font-size:8px!important;cursor:pointer}.im-logo-remove input{width:auto!important;min-height:0!important}
@media(max-width:700px){.im-logo-editor{grid-template-columns:1fr;padding:12px}.im-logo-preview{min-height:110px}.im-logo-preview img{max-height:76px}.im-logo-upload{width:100%;box-sizing:border-box}}
/* ==========================================================
v1.1.0 ESTABLE — auditoría final Manager
========================================================== */
.im-system-health{margin:16px 0;padding:16px;border:1px solid #e6ddea;border-radius:19px;background:linear-gradient(135deg,#fbf8fd,#f2fbfa);box-shadow:0 10px 28px rgba(67,43,82,.045)}
.im-system-health-main{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.im-system-health-main>div{display:grid;gap:3px}.im-system-health-main span{font-size:8px;font-weight:950;letter-spacing:.11em;color:#8e4cd9}.im-system-health-main h3{margin:0;color:#33283a;font-size:17px}.im-system-health-main p{margin:0;color:#837789;font-size:9px;line-height:1.45}
.im-system-health-main>strong{flex:0 0 58px;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid #e5dce9;font-size:16px;color:#765184}
.im-system-health-main>strong.good{color:#278c59;background:#effaf3;border-color:#d3ecdc}.im-system-health-main>strong.mid{color:#a2721e;background:#fff8e9;border-color:#f0e1b8}.im-system-health-main>strong.low{color:#b34d58;background:#fff1f2;border-color:#f0d1d5}
.im-system-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.im-system-health-grid article{min-width:0;padding:10px;border-radius:13px;background:#fff;border:1px solid #eae3ed;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center}
.im-system-health-grid i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:950;font-size:11px}.im-system-health-grid article.ok i{background:#e9f8ef;color:#278c59}.im-system-health-grid article.warn i{background:#fff0f1;color:#ad4854}
.im-system-health-grid div{display:grid;gap:2px;min-width:0}.im-system-health-grid b{font-size:9px;color:#3d3343}.im-system-health-grid small{font-size:7.5px;color:#918696;overflow-wrap:anywhere}
.im-system-health-note{margin-top:10px;padding:9px 10px;border-radius:11px;background:#fff4e8;color:#7d6241;font-size:8px;line-height:1.45}.im-system-health-note.is-good{background:#edf9f1;color:#397352}
.im-course-ready{display:inline-flex!important;margin-left:6px!important;padding:3px 6px!important;border-radius:999px!important;font-size:7px!important;line-height:1!important;font-style:normal!important;font-weight:950!important;vertical-align:middle!important}.im-course-ready.is-ready{background:#e9f8ef;color:#278c59}.im-course-ready.needs-review{background:#fff0f1;color:#ab4652}
@media(max-width:950px){
html,body{max-width:100%!important;overflow-x:hidden!important}
.im-app,.im-shell,.im-content,.im-panel,.im-hero,.im-settings-layout,.im-web-editor,.im-form,.im-course-modal-card,.im-quick-card{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
input,select,textarea,button{max-width:100%}
textarea{resize:none!important;overflow-x:hidden!important}
}
@media(max-width:760px){
.im-course-wizard-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;overflow:visible!important;margin-right:0!important;padding-right:0!important}
.im-course-wizard-nav button{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important}
.im-system-health-main{align-items:flex-start}.im-system-health-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.im-system-health{padding:13px}.im-system-health-grid{grid-template-columns:1fr}.im-system-health-main>strong{width:50px;height:50px;flex-basis:50px;border-radius:14px;font-size:14px}}
.im-app a:focus-visible,.im-app button:focus-visible,.im-app input:focus-visible,.im-app select:focus-visible,.im-app textarea:focus-visible{outline:3px solid rgba(33,218,210,.48)!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){.im-app *,.im-app *:before,.im-app *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* ==========================================================
v1.1.1 — Estado del sistema accionable
========================================================== */
.im-health-score{
flex:0 0 68px;
width:68px;height:68px;
padding:0;
border-radius:18px;
border:1px solid #e5dce9;
display:grid;
place-items:center;
align-content:center;
gap:2px;
background:#fff;
color:#765184;
font-size:17px;
font-weight:950;
cursor:pointer;
transition:.18s ease;
}
.im-health-score small{font-size:6px;font-weight:900;letter-spacing:.02em}
.im-health-score.good{color:#278c59;background:#effaf3;border-color:#d3ecdc}
.im-health-score.mid{color:#a2721e;background:#fff8e9;border-color:#f0e1b8}
.im-health-score.low{color:#b34d58;background:#fff1f2;border-color:#f0d1d5}
.im-health-score:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(68,42,82,.10)}
.im-system-health-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.im-health-card{
min-width:0;
padding:10px;
border-radius:13px;
background:#fff;
border:1px solid #eae3ed;
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:8px;
align-items:center;
text-align:left;
cursor:pointer;
font-family:inherit;
transition:.18s ease;
}
.im-health-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(61,40,74,.08)}
.im-health-card>i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:950;font-size:11px}
.im-health-card.ok>i{background:#e9f8ef;color:#278c59}
.im-health-card.warn>i{background:#fff0f1;color:#ad4854}
.im-health-card>div{display:grid;gap:2px;min-width:0}
.im-health-card b{font-size:9px;color:#3d3343}
.im-health-card small{font-size:7px;color:#918696;line-height:1.35;overflow-wrap:anywhere}
.im-health-card>span{grid-column:1/-1;font-size:6.5px;font-weight:900;color:#8e4cd9}
.im-health-card.ok>span{color:#4d8e67}
button.im-system-health-note{
width:100%;
border:0;
text-align:left;
cursor:pointer;
}
button.im-system-health-note:hover{text-decoration:underline}
.im-health-modal{position:fixed;inset:0;z-index:10020;display:none;place-items:center;padding:18px}
.im-health-modal.is-open{display:grid}
.im-health-backdrop{position:absolute;inset:0;border:0;background:rgba(25,18,30,.56);backdrop-filter:blur(8px)}
.im-health-dialog{
position:relative;z-index:2;
width:min(720px,100%);
max-height:min(82vh,760px);
overflow:hidden;
border-radius:22px;
background:#fff;
box-shadow:0 28px 80px rgba(24,14,31,.24);
display:grid;
grid-template-rows:auto minmax(0,1fr);
}
.im-health-head{padding:18px 19px;border-bottom:1px solid #ece5ef;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.im-health-head>div{display:grid;gap:3px}
.im-health-head span{font-size:8px;color:#8e4cd9;font-weight:950;letter-spacing:.1em}
.im-health-head h3{margin:0;color:#33283a;font-size:20px}
.im-health-head p{margin:0;color:#827688;font-size:9px;line-height:1.45}
.im-health-close{flex:0 0 38px;width:38px;height:38px;border:0;border-radius:12px;background:#f4eff7;color:#4d3b57;font-size:22px;cursor:pointer}
.im-health-problems{padding:14px 15px 18px;overflow-y:auto;display:grid;gap:9px}
.im-health-problems article{
padding:11px;
border:1px solid #ebe3ef;
border-radius:14px;
display:grid;
grid-template-columns:31px minmax(0,1fr) auto;
gap:10px;
align-items:center;
transition:.18s ease;
}
.im-health-problems article.is-highlighted{border-color:#8e4cd9;box-shadow:0 0 0 3px rgba(142,76,217,.10)}
.im-health-problems article>i{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff0f1;color:#ad4854;font-style:normal;font-weight:950}
.im-health-problems article>div{display:grid;gap:2px;min-width:0}
.im-health-problems article b{font-size:10px;color:#3c3043}
.im-health-problems article small{font-size:8px;color:#8b8091;line-height:1.4}
.im-health-problems article>a{min-height:35px;padding:0 10px;border-radius:10px;background:#6f35aa;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:950}
.im-health-empty{padding:30px;display:grid;place-items:center;text-align:center;gap:5px;color:#4f765d}
.im-health-empty i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e9f8ef;font-style:normal;font-size:20px;font-weight:950}
.im-health-empty b{font-size:13px}.im-health-empty span{font-size:9px;color:#7d8e82}
body.im-health-open{overflow:hidden}
/* ==========================================================
v1.1.1 — SEO accionable
========================================================== */
.im-seo-summary-clickable{grid-template-columns:repeat(3,minmax(0,1fr))}
.im-seo-summary-clickable>a{
position:relative;
min-width:0;
padding:14px;
border:1px solid #e8e1ec;
border-radius:15px;
background:#fff;
color:inherit;
text-decoration:none;
display:grid;
gap:2px;
transition:.18s ease;
}
.im-seo-summary-clickable>a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(64,40,78,.08)}
.im-seo-summary-clickable>a.warn{border-color:#efd9bc;background:#fffaf2}
.im-seo-summary-clickable>a.good{border-color:#d6eadc;background:#f7fcf8}
.im-seo-summary-clickable>a b{font-size:21px;color:#3a2d42}
.im-seo-summary-clickable>a span{font-size:9px;color:#63596a}
.im-seo-summary-clickable>a small{font-size:7px;color:#998e9f}
.im-seo-summary-clickable>a em{margin-top:5px;font-size:7px;font-style:normal;font-weight:950;color:#8e4cd9}
.im-seo-summary-clickable>a.good em{color:#31855b}
.im-seo-course-list-actionable>article{
display:block!important;
padding:0!important;
overflow:hidden;
}
.im-seo-course-row{
padding:10px 11px;
display:grid;
grid-template-columns:minmax(0,1fr) auto auto;
gap:9px;
align-items:center;
}
.im-seo-course-row>div{display:grid;gap:2px;min-width:0}
.im-seo-course-row>div b{font-size:9px;color:#3d3243}
.im-seo-course-row>div small{font-size:7px;color:#918696}
.im-seo-score{
min-width:58px;
min-height:42px;
padding:5px 8px;
border:0;
border-radius:11px;
display:grid;
place-items:center;
gap:1px;
font-size:10px;
font-weight:950;
cursor:pointer;
}
.im-seo-score small{font-size:5.5px;font-weight:900}
.im-seo-score.good{background:#e9f8ef;color:#278c59}
.im-seo-score.mid{background:#fff8e8;color:#9d721e}
.im-seo-score.low{background:#fff0f1;color:#ad4854}
.im-seo-edit-all{font-size:7px!important;white-space:nowrap}
.im-seo-problem-list{padding:0 10px 10px;display:grid;gap:6px}
.im-seo-problem-list[hidden]{display:none!important}
.im-seo-problem-list>a{
padding:8px;
border-radius:10px;
background:#faf7fc;
border:1px solid #eee7f1;
display:grid;
grid-template-columns:24px minmax(0,1fr) auto;
gap:7px;
align-items:center;
text-decoration:none;
}
.im-seo-problem-list>a>i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#fff0f1;color:#ad4854;font-style:normal;font-size:9px;font-weight:950}
.im-seo-problem-list>a>span{display:grid;gap:1px;min-width:0}
.im-seo-problem-list>a b{font-size:8px;color:#443749}
.im-seo-problem-list>a small{font-size:7px;color:#8c8192;line-height:1.35}
.im-seo-problem-list>a em{font-size:7px;color:#6f35aa;font-style:normal;font-weight:950;white-space:nowrap}
.im-seo-problem-list>a:hover{border-color:#d9cae3;background:#f6effa}
.im-settings-section:target{
scroll-margin-top:18px;
box-shadow:0 0 0 3px rgba(33,218,210,.20),0 12px 30px rgba(70,45,84,.08)!important;
}
.im-fix-target{
border-radius:12px!important;
box-shadow:0 0 0 4px rgba(33,218,210,.20)!important;
background:rgba(33,218,210,.055)!important;
transition:.25s ease!important;
}
@media(max-width:1050px){
.im-system-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
.im-system-health-grid{grid-template-columns:1fr 1fr!important}
.im-health-score{width:58px;height:58px;flex-basis:58px;border-radius:15px;font-size:15px}
.im-health-dialog{max-height:86vh;border-radius:20px}
.im-health-problems article{grid-template-columns:29px minmax(0,1fr)}
.im-health-problems article>a{grid-column:1/-1;width:100%;box-sizing:border-box}
.im-seo-summary-clickable{grid-template-columns:1fr!important}
.im-seo-course-row{grid-template-columns:minmax(0,1fr) auto}
.im-seo-edit-all{grid-column:1/-1;width:max-content}
.im-seo-problem-list>a{grid-template-columns:24px minmax(0,1fr)}
.im-seo-problem-list>a em{grid-column:2}
}
@media(max-width:410px){
.im-system-health-grid{grid-template-columns:1fr!important}
}
/* ==========================================================
v1.1.2 — Registros sin scroll horizontal en móvil
Actividad reciente y "Ver todos" se convierten en tarjetas.
========================================================== */
@media(max-width:820px){
.im-leads-wrap{
width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
.im-leads-table{
width:100%!important;
min-width:0!important;
border-collapse:separate!important;
border-spacing:0!important;
display:block!important;
}
.im-leads-table thead{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
.im-leads-table tbody{
display:grid!important;
grid-template-columns:1fr!important;
gap:11px!important;
width:100%!important;
}
.im-leads-table tr.im-lead-card{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:0!important;
width:100%!important;
min-width:0!important;
padding:0!important;
border:1px solid #e7e0eb!important;
border-radius:16px!important;
background:#fff!important;
overflow:hidden!important;
box-shadow:0 7px 20px rgba(50,34,61,.04)!important;
}
.im-leads-table tr.im-lead-card td{
display:grid!important;
grid-template-columns:minmax(76px,.42fr) minmax(0,1fr)!important;
align-items:start!important;
gap:8px!important;
width:100%!important;
min-width:0!important;
padding:10px 11px!important;
border:0!important;
border-bottom:1px solid #f0ebf3!important;
font-size:10px!important;
line-height:1.4!important;
overflow-wrap:anywhere!important;
}
.im-leads-table tr.im-lead-card td:before{
content:attr(data-label);
display:block!important;
color:#94899a!important;
font-size:7px!important;
line-height:1.3!important;
font-weight:950!important;
letter-spacing:.07em!important;
text-transform:uppercase!important;
}
.im-leads-table tr.im-lead-card td:nth-child(odd){
border-right:1px solid #f0ebf3!important;
}
.im-leads-table tr.im-lead-card td:last-child,
.im-leads-table tr.im-lead-card td:nth-last-child(2){
border-bottom:0!important;
}
.im-leads-table .im-lead-person{
grid-column:1/-1!important;
grid-template-columns:minmax(76px,.21fr) minmax(0,1fr)!important;
background:#faf8fb!important;
}
.im-leads-table .im-lead-person>strong{
font-size:11px!important;
color:#352a3c!important;
min-width:0!important;
}
.im-leads-table .im-lead-person>small{
grid-column:2!important;
margin-top:2px!important;
font-size:8px!important;
overflow-wrap:anywhere!important;
}
.im-leads-table .im-lead-course{
grid-column:1/-1!important;
grid-template-columns:minmax(76px,.21fr) minmax(0,1fr)!important;
font-weight:850!important;
color:#4c4053!important;
}
.im-leads-table .im-badge{
width:max-content!important;
max-width:100%!important;
white-space:normal!important;
text-align:center!important;
}
.im-leads-table .im-inline,
.im-leads-table .im-inline select{
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
.im-leads-table .im-lead-followup{
grid-column:1/-1!important;
grid-template-columns:minmax(76px,.21fr) minmax(0,1fr)!important;
}
.im-leads-table .im-lead-actions{
grid-column:1/-1!important;
grid-template-columns:minmax(76px,.21fr) minmax(0,1fr)!important;
border-top:0!important;
background:#fcfafc!important;
}
.im-leads-table .im-lead-actions form{
width:100%!important;
}
.im-leads-table .im-trash{
width:100%!important;
height:36px!important;
border-radius:10px!important;
font-size:0!important;
}
.im-leads-table .im-trash:after{
content:"Eliminar registro";
font-size:8px!important;
font-weight:900!important;
}
.im-leads-table tr.im-leads-empty{
display:block!important;
width:100%!important;
}
.im-leads-table tr.im-leads-empty td{
display:block!important;
width:100%!important;
padding:18px!important;
border:1px dashed #ded4e4!important;
border-radius:14px!important;
text-align:center!important;
color:#8b8092!important;
}
/* Actividad reciente: todavía más compacta */
.im-leads-wrap.is-compact .im-lead-status,
.im-leads-wrap.is-compact .im-lead-date{
min-height:54px!important;
}
}
/* En teléfonos estrechos cada dato ocupa una fila; nunca hay scroll lateral. */
@media(max-width:520px){
.im-leads-table tr.im-lead-card{
grid-template-columns:1fr!important;
}
.im-leads-table tr.im-lead-card td,
.im-leads-table .im-lead-person,
.im-leads-table .im-lead-course,
.im-leads-table .im-lead-followup,
.im-leads-table .im-lead-actions{
grid-column:1!important;
grid-template-columns:92px minmax(0,1fr)!important;
border-right:0!important;
border-bottom:1px solid #f0ebf3!important;
}
.im-leads-table tr.im-lead-card td:last-child{
border-bottom:0!important;
}
.im-leads-table .im-lead-person>small{
grid-column:2!important;
}
}
/* Mosaico Editorial mantiene su lenguaje visual sin sacrificar lectura. */
@media(max-width:820px){
.im-style-mosaic .im-leads-table tr.im-lead-card{
border:2px solid #17141c!important;
border-radius:8px!important;
box-shadow:4px 4px 0 rgba(23,20,28,.12)!important;
}
.im-style-mosaic .im-leads-table .im-lead-person{
background:#f6effb!important;
}
}
/* ==========================================================
v1.2.2 — Estadísticas separadas de Landing WhatsApp
========================================================== */
.im-landing-stats-panel{
border:2px solid rgba(33,218,210,.58)!important;
background:
linear-gradient(135deg,rgba(33,218,210,.055),rgba(142,76,217,.045)),
#fff!important;
}
.im-landing-stats-panel>.im-panel-head{
padding-bottom:13px;
border-bottom:1px solid rgba(33,218,210,.20);
}
.im-landing-stats-link{
text-decoration:none!important;
background:#1b1720!important;
color:#fff!important;
}
.im-landing-stat-cards article{
position:relative;
overflow:hidden;
}
.im-landing-stat-cards article:after{
content:"";
position:absolute;
left:0;bottom:0;
width:100%;height:3px;
background:linear-gradient(90deg,#21dad2,#8e4cd9);
}
.im-landing-stat-cards strong.text{
font-size:11px!important;
line-height:1.18!important;
overflow-wrap:anywhere;
}
.im-landing-stats-grid{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:13px;
margin-top:13px;
}
.im-landing-stats-box{
min-width:0;
padding:13px;
border:1px solid #e8e1ec;
border-radius:16px;
background:#fff;
}
.im-landing-stats-box>.im-panel-head{
padding:0 0 9px!important;
margin-bottom:8px!important;
}
.im-mini-chart-landing .im-mini-columns{
justify-content:center;
gap:3px;
}
.im-mini-chart-landing .im-mini-columns i{
width:7px;
}
.im-landing-source-grid{
grid-template-columns:1fr!important;
gap:6px!important;
max-height:350px;
overflow-y:auto;
padding-right:3px;
}
.im-landing-course-stats{
margin-top:13px;
}
.im-stats-course-row.im-landing-course-row{
grid-template-columns:minmax(0,1fr) 110px 110px!important;
}
@media(max-width:900px){
.im-landing-stats-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
.im-landing-stat-cards{
grid-template-columns:1fr 1fr!important;
}
.im-stats-course-row.im-landing-course-row{
grid-template-columns:minmax(0,1fr) 76px 76px!important;
}
}
@media(max-width:430px){
.im-landing-stat-cards{grid-template-columns:1fr!important}
.im-stats-course-row.im-landing-course-row{
grid-template-columns:minmax(0,1fr) 68px 68px!important;
}
}
/* ==========================================================
v1.2.6 — Respaldos + permisos internos del Manager
========================================================== */
.im-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.im-current-user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.08;padding:7px 10px;border:1px solid rgba(20,17,28,.12);border-radius:12px;background:#fff;min-width:128px}
.im-current-user b{font-size:12px;color:#1b1720;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.im-current-user small{font-size:9px;color:#756d7c;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
.im-user-login-form{display:grid;gap:12px}
.im-user-login-form label{display:grid;gap:6px;text-align:left;font-weight:700;font-size:12px}
.im-user-login-form input{width:100%;box-sizing:border-box}
.im-role-nav .im-mobile-symbol{font-style:normal;font-size:19px;line-height:1;font-weight:800;display:block;margin-bottom:4px}
.im-admin-tools-grid{display:grid;gap:18px;margin-top:18px}
.im-admin-tool-panel{overflow:visible}
.im-backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.im-backup-create{display:grid;gap:8px;padding:14px;border:1px solid #e5dfec;border-radius:16px;background:#fbfafd}
.im-backup-create label{display:grid;gap:6px;font-weight:800;font-size:11px;color:#302a35}
.im-backup-create input{width:100%;box-sizing:border-box;border:1px solid #dcd4e4;border-radius:10px;padding:10px 11px;background:#fff}
.im-backup-create small{font-size:10px;line-height:1.35;color:#766d7c}
.im-save.secondary{background:#1c1920!important;color:#fff!important}
.im-backup-note{display:grid;gap:4px;margin:12px 0;padding:12px 14px;border:1px solid rgba(33,218,210,.35);border-radius:14px;background:rgba(33,218,210,.08)}
.im-backup-note b{font-size:11px;color:#1d2024}.im-backup-note span{font-size:10px;line-height:1.45;color:#615b66}
.im-backup-list{display:grid;gap:9px;margin-top:12px}
.im-backup-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #e6e0ea;border-radius:15px;background:#fff}
.im-backup-main{min-width:0;display:grid;gap:3px}
.im-backup-main b{font-size:12px;color:#211c25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.im-backup-main small{font-size:9.5px;color:#7a707f;line-height:1.35}
.im-backup-kind{width:max-content;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:#ece6f7;color:#6f45bd}
.im-backup-kind.automatic{background:#e7faf8;color:#087c75}
.im-backup-meta{display:flex;gap:6px;flex-wrap:wrap}.im-backup-meta span{font-size:9px;font-weight:800;background:#f2f0f5;border-radius:999px;padding:5px 7px;white-space:nowrap}
.im-backup-buttons{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.im-backup-buttons form{margin:0}.im-backup-buttons button{border:1px solid #d9d2e1;background:#fff;color:#2e2834;border-radius:9px;padding:7px 8px;font-size:9px;font-weight:800;cursor:pointer}
.im-backup-buttons button.restore{background:#1c1920;color:#fff;border-color:#1c1920}.im-backup-buttons button.danger{color:#a93445;border-color:#efc7ce;background:#fff7f8}
.im-empty-soft{display:grid;gap:4px;text-align:center;padding:18px;border:1px dashed #d8d0df;border-radius:14px;background:#fbfafc;color:#716978}.im-empty-soft b{color:#2c2630}
.im-role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.im-role-cards article{display:grid;gap:4px;padding:13px;border:1px solid #e5dfee;border-radius:15px;background:#fbfafd;min-width:0}
.im-role-cards article:nth-child(1){border-color:rgba(142,76,217,.35);background:rgba(142,76,217,.06)}
.im-role-cards article:nth-child(2){border-color:rgba(33,218,210,.45);background:rgba(33,218,210,.07)}
.im-role-cards article:nth-child(3){border-color:#ddd8e4;background:#f7f6f9}
.im-role-cards b{font-size:12px;color:#211b27}.im-role-cards span{font-size:10px;font-weight:800;color:#655d6c}.im-role-cards small{font-size:9.5px;line-height:1.4;color:#756d7b}
.im-add-user-form{padding:14px;border:1px solid #e5dfeb;border-radius:16px;background:#fff;margin:12px 0}
.im-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.im-users-list{display:grid;gap:10px;margin-top:14px}
.im-user-row{padding:12px;border:1px solid #e3dde8;border-radius:15px;background:#fff}.im-user-row.is-inactive{opacity:.62;background:#f7f6f8}
.im-user-edit-form{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(130px,1fr) minmax(125px,.8fr) minmax(150px,1fr) auto auto;gap:8px;align-items:end}
.im-user-edit-form label{display:grid;gap:5px;font-size:9.5px;font-weight:800;color:#5c5362}.im-user-edit-form input,.im-user-edit-form select{width:100%;box-sizing:border-box;padding:9px 9px;border:1px solid #ddd5e4;border-radius:9px;background:#fff}
.im-user-identity{display:flex;align-items:center;gap:9px;min-width:0}.im-user-identity>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#201a25;color:#fff;font-weight:900}.im-user-identity div{display:grid;min-width:0}.im-user-identity b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-user-identity small{font-size:9px;color:#7a7180;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.im-user-active{display:flex!important;align-items:center!important;gap:6px!important;padding:9px 4px}.im-user-active input{width:auto!important}.im-user-active span{font-size:10px;color:#403846}
.im-save.small{padding:9px 10px!important;font-size:9px!important;white-space:nowrap}
.im-user-delete{display:flex;justify-content:flex-end;margin-top:7px}.im-user-delete button{border:0;background:transparent;color:#a23a49;font-size:9px;font-weight:800;cursor:pointer}.im-root-note{text-align:right;margin-top:7px;font-size:9px;color:#7a7180}
@media(max-width:1050px){
.im-user-edit-form{grid-template-columns:1fr 1fr 1fr}.im-user-identity{grid-column:1/-1}
.im-grid.four{grid-template-columns:1fr 1fr}
}
@media(max-width:780px){
.im-top-actions{gap:6px}.im-current-user{display:none}
.im-backup-actions,.im-role-cards{grid-template-columns:1fr}
.im-backup-row{grid-template-columns:1fr}.im-backup-buttons{justify-content:flex-start}
.im-user-edit-form{grid-template-columns:1fr 1fr}.im-user-identity{grid-column:1/-1}
}
@media(max-width:520px){
.im-grid.four{grid-template-columns:1fr}
.im-user-edit-form{grid-template-columns:1fr}.im-user-identity{grid-column:auto}
.im-backup-buttons{display:grid;grid-template-columns:1fr 1fr}.im-backup-buttons form,.im-backup-buttons button{width:100%}
.im-backup-buttons form:first-child{grid-column:1/-1}
}
.im-backup-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.im-backup-import input[type=file]{font-size:10px;padding:8px;background:#fff}
@media(max-width:1050px){.im-backup-actions{grid-template-columns:1fr 1fr}.im-backup-import{grid-column:1/-1}}
@media(max-width:780px){.im-backup-actions{grid-template-columns:1fr}.im-backup-import{grid-column:auto}}
/* ==========================================================
v1.2.7 — navegación móvil 5 secciones + salud clicable
========================================================== */
.im-system-health-grid a.im-health-card{
text-decoration:none!important;
color:inherit;
}
@media(max-width:760px){
.im-mobile-bottom-nav{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.im-mobile-bottom-nav>a{
min-width:0;
}
}
/* ==========================================================
v1.2.8 — restaura iconos SVG del dock + adaptación por tema
========================================================== */
@media(max-width:760px){
/* Los iconos vuelven a ser gráficos lineales SVG, no símbolos tipográficos. */
.im-role-nav .im-mobile-symbol{display:none!important}
.im-mobile-bottom-nav svg{
display:block!important;
width:23px!important;
height:23px!important;
flex:0 0 23px;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
transition:transform .18s ease,stroke .18s ease;
}
.im-mobile-bottom-nav a.active svg{transform:translateY(-1px)}
/* Original v0.6.8: limpio, redondeado y usando la paleta editable. */
.im-style-base068 .im-mobile-bottom-nav a{color:#7c7284!important}
.im-style-base068 .im-mobile-bottom-nav a.active{
color:var(--a,#8e4cd9)!important;
background:linear-gradient(145deg,color-mix(in srgb,var(--a,#8e4cd9) 9%,white),color-mix(in srgb,var(--b,#21dad2) 10%,white))!important;
}
.im-style-base068 .im-mobile-bottom-nav a.active:after{background:var(--b,#21dad2)!important}
/* Prisma Creativo: icono morado y acento turquesa tipo app. */
.im-style-orbit .im-mobile-bottom-nav svg{stroke-width:1.9!important}
.im-style-orbit .im-mobile-bottom-nav a.active svg{filter:drop-shadow(0 3px 7px rgba(111,53,170,.12))}
/* Mosaico Editorial: bordes gráficos y bloque activo turquesa. */
.im-style-mosaic .im-mobile-bottom-nav{
border:2px solid #17141c!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:5px 5px 0 rgba(23,20,28,.13)!important;
}
.im-style-mosaic .im-mobile-bottom-nav a{
color:#514a59!important;
border-radius:6px!important;
}
.im-style-mosaic .im-mobile-bottom-nav svg{stroke-width:2!important}
.im-style-mosaic .im-mobile-bottom-nav a.active{
color:#17141c!important;
background:#21dad2!important;
box-shadow:2px 2px 0 #17141c!important;
}
.im-style-mosaic .im-mobile-bottom-nav a.active:after{
width:22px!important;
background:#8e4cd9!important;
border-radius:0!important;
}
/* Cintas en Movimiento: mantiene su silueta asimétrica y gradiente del tema. */
.im-style-ribbon .im-mobile-bottom-nav svg{stroke-width:1.9!important}
.im-style-ribbon .im-mobile-bottom-nav a.active svg{filter:drop-shadow(0 3px 7px rgba(109,50,171,.12))}
}
@media(max-width:390px){
.im-mobile-bottom-nav svg{width:21px!important;height:21px!important;flex-basis:21px}
}