:root{--bg:#f5f7fb;--surface:#fff;--surface2:#f9fafc;--text:#172033;--muted:#6f7a8e;--line:#e7eaf0;--nav:#101725;--nav2:#182236;--primary:#2358e6;--primary2:#153aa8;--accent:#00a88f;--warning:#e8912e;--danger:#d64545;--radius:18px;--shadow:0 12px 34px rgba(21,32,56,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#0d1320);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#4a7bff,#1d4dda);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 28px rgba(48,94,230,.35)}.brand strong{display:block;font-size:15px;letter-spacing:.1px}.brand span{display:block;color:#92a0ba;font-size:11px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:5px}.nav-label{color:#65718a;font-weight:800;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;padding:18px 12px 7px}.nav-link{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:12px;color:#c9d1df;transition:.15s}.nav-link:hover{background:var(--nav2);color:#fff;transform:translateX(2px)}.nav-link>span{width:24px;text-align:center;font-size:16px}.nav-link b{font-size:13px;font-weight:650}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.user-chip{display:flex;gap:10px;align-items:center;padding:8px}.user-chip strong{display:block;font-size:12px;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip span{display:block;color:#8190aa;font-size:10px;margin-top:2px}.avatar{width:36px;height:36px;border-radius:12px;background:#2b3b58;display:grid;place-items:center;font-weight:800}.avatar.small{width:32px;height:32px}.main{min-width:0}.topbar{height:88px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 34px;position:sticky;top:0;z-index:20}.topbar h1{font-size:19px;margin:2px 0 0}.eyebrow{font-size:10px;font-weight:800;color:#71809c;text-transform:uppercase;letter-spacing:1.3px}.eyebrow.light{color:#bfd2ff}.role-pill{margin-left:auto;padding:8px 12px;border-radius:999px;background:#edf2ff;color:#2d55b7;font-size:11px;font-weight:800}.menu-toggle{display:none;border:0;background:#eef1f6;width:40px;height:40px;border-radius:12px}.content{padding:28px 34px 48px;max-width:1680px;margin:0 auto}.messages{padding:16px 34px 0}.alert{padding:12px 14px;border-radius:12px;background:#e7f7f2;color:#146d5b;border:1px solid #c7ecdf;font-size:13px}.alert.error{background:#fff0f0;color:#a72d2d;border-color:#ffd3d3}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-intro h2{margin:3px 0 5px;font-size:28px;letter-spacing:-.6px}.page-intro p{margin:0;color:var(--muted);font-size:13px;max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:9px}.btn{border:1px solid transparent;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(35,88,230,.18)}.btn-primary:hover{background:var(--primary2)}.btn-secondary{background:#fff;border-color:var(--line);color:#34405a}.btn-light{background:#fff;color:#1f4fd0}.btn-ghost{color:#aab4c6;background:transparent;border-color:rgba(255,255,255,.09)}.btn-full{width:100%}.btn-lg{padding:13px 20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.hero-card{background:radial-gradient(circle at 85% 15%,rgba(67,112,255,.35),transparent 35%),linear-gradient(135deg,#15399d,#244fce 56%,#1536a0);color:#fff;border-radius:24px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 40px rgba(28,68,176,.23);margin-bottom:22px}.hero-card h2{font-size:29px;margin:5px 0 3px}.hero-card p{margin:0;color:#cbd8fb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px;box-shadow:0 8px 24px rgba(20,31,54,.05)}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font-size:26px;letter-spacing:-.6px;margin:7px 0}.stat-card.warning{border-top:3px solid var(--warning)}.stat-card.finance{border-top:3px solid var(--accent)}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.two-col.wide-left{grid-template-columns:1.55fr .45fr}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.detail-grid.three{grid-template-columns:1fr .8fr .8fr}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.card h3,.card-head h3{margin:0 0 4px;font-size:15px}.card-head p{margin:0;color:var(--muted);font-size:11px}.card-head>a,.text-link{font-size:11px;font-weight:800;color:var(--primary)}.list-stack{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #eef0f4}.list-row:last-child{border:0}.list-row>div:first-child{flex:1}.list-row strong,.person-row strong{display:block;font-size:12px}.list-row span,.person-row span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.list-row>b{font-size:10px;color:#536078}.progress-mini{width:80px!important;flex:0 0 80px!important;height:6px;background:#edf0f5;border-radius:99px;overflow:hidden}.progress-mini i,.progress i{display:block;height:100%;background:linear-gradient(90deg,#295ee9,#39b8cd);border-radius:99px}.empty{text-align:center;color:#8a94a7;font-size:12px;padding:22px}.toolbar{display:flex;gap:9px;margin-bottom:15px}.toolbar input{max-width:360px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;padding:10px 12px;color:#7c8799;font-size:9px;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #eef0f4;font-size:12px;vertical-align:middle}td strong{font-size:12px}.table-sub{display:block;color:var(--muted);font-size:10px;margin-top:3px}.badge{display:inline-block!important;width:auto!important;padding:5px 8px;border-radius:999px;background:#eef2f9;color:#4e5c75;font-size:9px!important;font-weight:800;margin:0!important}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px;margin-bottom:20px}.plan-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 26px rgba(20,31,54,.05)}.plan-type{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#5871b3;font-weight:900}.plan-card h3{font-size:18px;margin:9px 0 5px}.plan-card p{font-size:11px;color:var(--muted);min-height:34px}.plan-price{font-size:21px;font-weight:900;margin:16px 0}.plan-price span{display:block;font-size:9px;color:var(--muted);font-weight:600;margin-top:3px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}.project-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 26px rgba(20,31,54,.05);transition:.15s}.project-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(20,31,54,.09);border-color:#d8deea}.project-card-top,.project-footer,.project-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.project-code{font-family:ui-monospace,monospace;font-size:10px;color:#54617a;font-weight:800}.project-card h3{font-size:16px;margin:16px 0 4px}.project-card>p{font-size:11px;color:var(--muted);margin:0 0 15px}.project-meta{justify-content:flex-start;color:#647088;font-size:10px;gap:14px}.progress{height:7px;background:#edf0f5;border-radius:99px;overflow:hidden;margin:14px 0 8px}.progress.big{height:9px;margin:-8px 0 18px}.project-footer{font-size:9px;color:#7c8799}.data-list{margin:12px 0 0}.data-list>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #eef0f4}.data-list dt{font-size:10px;color:var(--muted)}.data-list dd{margin:0;font-size:11px;font-weight:650}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mini-cards>div{background:#f7f9fc;border:1px solid #edf0f4;border-radius:13px;padding:14px;text-align:center}.mini-cards strong{display:block;font-size:22px}.mini-cards span{font-size:9px;color:var(--muted)}.person-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef0f4}.action-list{display:flex;flex-direction:column;margin-top:8px}.action-list a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eef0f4;color:#35415a;font-size:11px;font-weight:750}.palette-preview{display:flex;flex-direction:column;gap:12px}.palette-line{border:1px solid #edf0f4;border-radius:12px;padding:11px}.palette-line>div:first-child{display:flex;gap:8px;align-items:center}.palette-line strong{font-size:11px}.palette-line>a{display:block;margin-top:7px;font-size:10px;color:var(--primary);font-weight:800}.swatches{display:flex;gap:5px;margin-top:8px}.swatches span{width:26px;height:26px;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.swatches.large span{width:34px;height:34px}.note-form{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:10px;margin:12px 0}.note-form textarea{min-height:70px}.inline-check{font-size:10px;color:var(--muted);padding-bottom:10px}.timeline{border-top:1px solid var(--line);margin-top:15px}.timeline-item{padding:13px 0;border-bottom:1px solid #eef0f4}.timeline-item strong{font-size:11px}.timeline-item span{font-size:9px;color:var(--muted);margin-left:8px}.timeline-item p{font-size:11px;margin:6px 0 0}.form-card{max-width:980px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.form-wide{grid-column:1/-1}.form-actions{display:flex;gap:10px;padding-top:8px}.form-stack{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label,.question-field>label{font-size:10px;font-weight:800;color:#4c5870}.field label em,.question-field label em{color:#d94b4b;font-style:normal}.field small,.question-field small{font-size:9px;color:#8a94a6}.field-error{font-size:9px;color:var(--danger)}input,textarea,select{width:100%;border:1px solid #dfe4ed;border-radius:10px;background:#fff;padding:10px 11px;color:#263149;outline:none;font-size:12px}input:focus,textarea:focus,select:focus{border-color:#87a4f5;box-shadow:0 0 0 3px rgba(45,91,227,.08)}input[type=checkbox]{width:auto}.field-checkbox{justify-content:flex-end}.questionnaire{display:flex;flex-direction:column;gap:15px}.question-section{display:grid;grid-template-columns:54px 1fr;gap:10px}.section-number{font-size:24px;font-weight:900;color:#dbe1ec}.section-content>h3{font-size:17px;margin:2px 0 3px}.section-content>p{font-size:10px;color:var(--muted);margin:0 0 15px}.question-field{padding:13px 0;border-top:1px solid #eef0f4}.question-field>label{display:block;font-size:11px;margin-bottom:4px}.question-field>small{display:block;margin-bottom:7px}.check-grid{display:flex;flex-wrap:wrap;gap:7px}.check-grid label{border:1px solid #e0e5ee;border-radius:9px;padding:8px 10px;font-size:10px}.questionnaire-footer{display:flex;align-items:end;justify-content:space-between;gap:16px}.questionnaire-footer label{font-size:10px;font-weight:800}.questionnaire-footer select{margin-top:5px;min-width:220px}.color-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}.color-row{display:flex;align-items:center;gap:10px;border:1px solid #edf0f4;border-radius:13px;padding:10px}.color-box{width:48px;height:48px;border-radius:12px;border:1px solid rgba(0,0,0,.08);flex:0 0 48px}.color-row strong,.color-row code,.color-row small{display:block}.color-row strong{font-size:11px}.color-row code{font-size:10px;margin:3px 0}.color-row small{font-size:9px;color:var(--muted)}.category-bars>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef0f4;font-size:11px}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.tag-cloud span{padding:6px 8px;border-radius:8px;background:#f1f4f8;font-size:9px;color:#56637b}.login-body{background:#0d1422;min-height:100vh}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{padding:9vw 8vw;background:radial-gradient(circle at 25% 10%,rgba(66,110,255,.42),transparent 34%),linear-gradient(145deg,#111b30,#0c1320);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-badge{font-size:10px;font-weight:900;letter-spacing:2px;color:#9bb8ff}.login-visual h1{font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-2px;max-width:780px;margin:18px 0}.login-visual>p{color:#9daac1;font-size:15px;max-width:590px}.login-modules{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.login-modules span{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);padding:8px 11px;border-radius:999px;font-size:10px;color:#c6d0e2}.login-card{background:#fff;padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center}.brand-dark{padding-left:0}.brand-dark strong{color:#172033}.login-card h2{font-size:30px;margin:20px 0 5px}.muted{color:var(--muted);font-size:12px}.login-note{font-size:9px;color:#8b95a7;margin-top:20px}.login-note code{background:#f3f5f8;padding:3px 5px;border-radius:5px}@media(max-width:1100px){.detail-grid.three{grid-template-columns:1fr 1fr}.two-col,.two-col.wide-left{grid-template-columns:1fr}.app-shell{grid-template-columns:230px minmax(0,1fr)}.content{padding:24px}.topbar{padding:0 24px}}@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:270px;transition:.2s}.sidebar-open .sidebar{left:0;box-shadow:25px 0 50px rgba(0,0,0,.25)}.menu-toggle{display:block}.topbar{height:76px;padding:0 16px}.content{padding:18px 14px 40px}.messages{padding:12px 14px 0}.role-pill{display:none}.page-intro{flex-direction:column}.page-intro h2{font-size:23px}.detail-grid,.detail-grid.three,.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.hero-card{align-items:flex-start;flex-direction:column}.hero-card h2{font-size:24px}.stats-grid{grid-template-columns:1fr 1fr}.project-grid,.plan-grid{grid-template-columns:1fr}.note-form{grid-template-columns:1fr}.question-section{grid-template-columns:1fr}.section-number{font-size:16px}.questionnaire-footer{align-items:stretch;flex-direction:column}.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.login-card{min-height:100vh;padding:12vw 8vw}.data-list>div{grid-template-columns:90px 1fr}}

/* V2 workflow */
.workflow-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:0 0 20px}.workflow-strip.compact{grid-template-columns:repeat(4,1fr)}.workflow-step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:9px;color:#7a8497}.workflow-step b{width:28px;height:28px;border-radius:9px;background:#eef1f6;display:grid;place-items:center;font-size:10px}.workflow-step span{font-size:10px;font-weight:800}.workflow-step.active{border-color:#9ab0ef;background:#f3f6ff;color:#274aa7}.workflow-step.active b{background:var(--primary);color:#fff}.workflow-step.done{background:#f0faf7;border-color:#cdece3;color:#18735f}.workflow-step.done b{background:#d9f3eb;color:#146b59}.notice-card,.intake-note{background:#f4f7ff;border:1px solid #dce5ff;border-radius:13px;padding:13px 15px;font-size:11px;color:#43506a;margin-bottom:16px}.action-card{display:flex;justify-content:space-between;align-items:center;gap:18px}.action-card h3{margin:0 0 4px}.action-card p{margin:0;color:var(--muted);font-size:11px}.section-spacer{margin-top:24px!important}.gradient-list{display:flex;flex-direction:column;gap:7px}.gradient-row{min-height:44px;border-radius:10px;padding:10px 14px;color:#fff;display:flex;align-items:center;justify-content:space-between;text-shadow:0 1px 2px rgba(0,0,0,.3)}.gradient-row strong{font-size:10px}.gradient-row span{font-size:9px}.color-input{height:44px;padding:4px}.soft-line{border:0;border-top:1px solid var(--line);margin:22px 0}.question-row-v2{padding:16px 0}.question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:7px}.question-head>label{flex:1}.status-select{width:160px;flex:0 0 160px;padding:7px 8px}.copy-card{margin-bottom:18px}.copy-text{min-height:420px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;background:#101725;color:#e7ecf5;border:0;padding:18px}.summary-section{margin-top:18px}.summary-section h4{font-size:12px;margin:18px 0 7px;color:#4a5871}.summary-rows{display:flex;flex-direction:column}.summary-row{display:grid;grid-template-columns:100px minmax(220px,.8fr) 1.2fr;gap:12px;padding:11px 0;border-bottom:1px solid #eef0f4;align-items:start}.summary-row strong{font-size:10px}.summary-row p{font-size:10px;margin:0;color:#5f6b80;white-space:normal}.answer-state{display:inline-flex;width:max-content;padding:5px 7px;border-radius:999px;background:#f2f4f7;color:#677287;font-size:8px;font-weight:900;text-transform:uppercase}.answer-state.confirmed{background:#e5f7ef;color:#18755e}.answer-state.no{background:#fff0f0;color:#b33b3b}.answer-state.pending{background:#fff6e7;color:#9a681c}.answer-state.na{background:#f0f2f5;color:#657085}.badge.success{background:#e5f7ef;color:#18755e}@media(max-width:900px){.workflow-strip,.workflow-strip.compact{display:flex;overflow:auto;padding-bottom:4px}.workflow-step{min-width:145px}.action-card{flex-direction:column;align-items:flex-start}.question-head{flex-direction:column}.status-select{width:100%;flex:auto}.summary-row{grid-template-columns:1fr}}

/* V3 · áreas independientes, operaciones y recordatorios */
.area-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 20px}.area-step{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.area-step b{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf2ff;color:#2653c8;font-size:10px}.area-step span{font-size:11px;font-weight:900}.area-step small{font-size:9px;color:var(--muted)}.area-step.sync{background:#f0faf7;border-color:#ccebe2}.area-step.sync b{background:#daf3ec;color:#16705d}.reminder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.reminder-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:0 8px 24px rgba(20,31,54,.05)}.reminder-card.overdue{border-top:3px solid var(--danger)}.reminder-top,.reminder-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.reminder-top time{font-size:9px;color:var(--muted)}.reminder-card h3{font-size:14px;margin:14px 0 5px}.reminder-card p{font-size:10px;line-height:1.5;color:var(--muted);min-height:34px}.reminder-meta{font-size:9px;color:#657085;padding:11px 0}.status-chip{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.status-finished{background:#dff5ea;color:#14705a}.status-delivered{background:#e7f7ef;color:#18755e}.status-pending_payment{background:#fff0e7;color:#a1581d}.status-pending_web{background:#fff5dc;color:#926615}.status-start{background:#fee7e7;color:#a92727}.warning-soft{background:#fff5dc;color:#926615}.checklist-card{margin-top:15px}.checklist-table{display:flex;flex-direction:column}.checklist-row{display:grid;grid-template-columns:20px minmax(220px,1fr) auto auto 18px;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid #eef0f4}.checklist-row:last-child{border-bottom:0}.checklist-row strong{display:block;font-size:11px}.checklist-row small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.check-dot{width:14px;height:14px;border-radius:5px;background:#fff;border:2px solid #d6dce7}.check-dot.done{background:#22a77f;border-color:#22a77f;box-shadow:inset 0 0 0 3px #fff}.wide-table{min-width:1500px}.social-plan-card{display:block}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.summary-panel{min-width:0}.summary-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-kv>div{border:1px solid #edf0f4;background:#f9fafc;border-radius:11px;padding:10px}.summary-kv span{display:block;font-size:9px;color:var(--muted)}.summary-kv strong{display:block;font-size:11px;margin-top:4px}.summary-row.compact-row{grid-template-columns:120px 1fr}.nav{overflow:auto;padding-right:3px}.nav::-webkit-scrollbar{width:4px}.nav::-webkit-scrollbar-thumb{background:#26334c;border-radius:4px}
@media(max-width:900px){.area-strip{display:flex;overflow:auto}.area-step{min-width:175px}.summary-grid{grid-template-columns:1fr}.checklist-row{grid-template-columns:20px 1fr auto 18px}.checklist-row>.badge:nth-of-type(2){display:none}.summary-kv{grid-template-columns:1fr}}

/* V4 · dashboards por área, recursos simples y ficha de producción web */
.area-project-card{display:flex;flex-direction:column;gap:12px}.area-checks{display:flex;flex-wrap:wrap;gap:7px}.area-checks span,.project-control-mini span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#fff5e7;color:#8b621d;font-size:9px;font-weight:800}.area-checks span i,.project-control-mini span i{width:7px;height:7px;border-radius:50%;background:#e3ad45}.area-checks span.done,.project-control-mini span.done{background:#e7f7f1;color:#166d59}.area-checks span.done i,.project-control-mini span.done i{background:#22a77f}.two-checks{display:grid;grid-template-columns:1fr 1fr}.quick-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-action-grid.three-actions{grid-template-columns:repeat(3,1fr)}.quick-action-grid a{border:1px solid #e7ebf2;border-radius:12px;padding:10px;background:#fafbfe;transition:.18s}.quick-action-grid a:hover{border-color:#9fb3ee;background:#f2f6ff;transform:translateY(-1px)}.quick-action-grid b,.quick-action-grid small{display:block}.quick-action-grid b{font-size:10px;color:#1b2941}.quick-action-grid small{font-size:8px;color:var(--muted);margin-top:3px}.project-control-mini{display:grid;grid-template-columns:1fr 1fr;gap:6px}.control-project-card{gap:12px}
.project-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.control-area-card{background:#fff;border:1px solid var(--line);border-top:3px solid #e1a641;border-radius:16px;padding:15px;box-shadow:0 8px 24px rgba(20,31,54,.04)}.control-area-card.complete{border-top-color:#22a77f}.control-area-head{display:flex;align-items:center;gap:10px}.control-area-head>b{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#edf2ff;color:#2653c8;font-size:9px}.control-area-head strong,.control-area-head span{display:block}.control-area-head strong{font-size:12px}.control-area-head span{font-size:9px;color:var(--muted);margin-top:2px}.control-area-card ul{list-style:none;padding:0;margin:12px 0}.control-area-card li{position:relative;padding:5px 0 5px 17px;font-size:9px;color:#8b6a31}.control-area-card li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#e3ad45}.control-area-card li.done{color:#1c745f}.control-area-card li.done:before{background:#22a77f}.control-area-card>a{font-size:9px;font-weight:900;color:var(--primary)}.progress.slim{height:5px;margin:10px 0}.control-area-card>small{display:block;font-size:8px;color:var(--muted);margin:-2px 0 10px}.activity-log{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #eef0f4}.activity-dot{width:8px;height:8px;border-radius:50%;background:#2c5be8;margin-top:4px}.activity-row strong{font-size:10px}.activity-row p{font-size:9px;color:var(--muted);margin:3px 0 0}.activity-row time{font-size:8px;color:#8b95a7;white-space:nowrap}
.resource-core-card{margin-bottom:16px}.resource-photo-columns{align-items:start}.simple-resource-list{display:flex;flex-direction:column;gap:7px}.simple-resource-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #edf0f4;border-radius:12px;padding:10px}.simple-resource-row strong,.simple-resource-row a{display:block}.simple-resource-row strong{font-size:10px}.simple-resource-row a{font-size:8px;color:#5870aa;margin-top:3px;overflow-wrap:anywhere}.icon-danger{border:0;background:#fff0f0;color:#b13939;width:28px;height:28px;border-radius:8px;font-size:18px;cursor:pointer}.simple-link-form{display:grid;grid-template-columns:1fr 1.6fr auto;gap:10px;align-items:end}.simple-link-form .field{margin:0}
.palette-simple-card{overflow:hidden}.palette-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.palette-picker-card{border:1px solid #e5e9f0;border-radius:14px;padding:10px;background:#fafbfe}.palette-picker-card>span{display:block;font-size:9px;font-weight:900;margin-bottom:7px}.palette-picker{width:100%;height:72px;border:0;padding:0;background:transparent;cursor:pointer}.palette-code{display:block;margin-top:6px;text-align:center;font-size:9px;color:#536079}.palette-live-preview{margin-top:16px;border:1px solid #e4e8ef;border-radius:16px;overflow:hidden}.preview-hero{min-height:160px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.preview-hero span{font-size:8px;letter-spacing:1.5px;font-weight:900}.preview-hero strong{font-size:24px}.preview-hero button{border:0;border-radius:9px;padding:9px 13px;font-weight:900;font-size:9px}.preview-content{padding:20px;display:flex;justify-content:space-between;align-items:center}.preview-content strong{font-size:12px}.preview-content p{font-size:9px;margin:4px 0 0;opacity:.75}.preview-accent{padding:9px 12px;border-radius:9px;font-size:9px;font-weight:900}
.production-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.production-builder{margin-bottom:16px}.production-generator{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end}.production-generator .field{margin:0}.production-generator button{min-height:42px}.production-balance{margin-bottom:16px}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.balance-grid>div{border:1px solid #edf0f4;border-radius:12px;padding:10px;background:#fafbfc}.balance-grid strong,.balance-grid span{display:block}.balance-grid strong{font-size:10px}.balance-grid span{font-size:8px;color:var(--muted);margin-top:4px}.production-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:22px 0 10px}.production-section-head h3{margin:3px 0;font-size:17px}.production-section-head p{margin:0;font-size:10px;color:var(--muted)}.production-stack,.county-stack,.county-services{display:flex;flex-direction:column;gap:9px}.county-card{background:#f7f9fc;border:1px solid #e5eaf2;border-radius:18px;padding:10px}.county-services{padding:8px 8px 2px 26px}.production-item{background:#fff;border:1px solid #e4e9f1;border-radius:14px;overflow:hidden}.production-item[open]{box-shadow:0 8px 22px rgba(28,42,70,.05)}.production-item summary{display:grid;grid-template-columns:100px minmax(180px,1fr) auto minmax(160px,.6fr);gap:10px;align-items:center;padding:13px 15px;cursor:pointer;list-style:none}.production-item summary::-webkit-details-marker{display:none}.production-item summary:after{content:"＋";font-size:13px;color:#7b879b;justify-self:end}.production-item[open] summary:after{content:"−"}.production-item summary>small{font-size:8px;color:var(--muted)}.production-item-type{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#5a6b8f}.production-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px;border-top:1px solid #eef1f5;background:#fbfcfe}.production-fields .field{margin:0}.production-fields .form-wide{grid-column:span 2}.production-fields label{font-size:8px}.production-fields input,.production-fields select,.production-fields textarea{font-size:9px;padding:8px}.production-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;border-top:1px solid #eef1f5}.production-item-footer>span{font-size:8px;color:var(--muted)}.btn-danger-soft{background:#fff0f0!important;color:#a53333!important;border:1px solid #f5d2d2!important}.service-item{border-left:3px solid #9bb2ed}.compact-empty{padding:12px}.production-savebar{position:sticky;bottom:12px;z-index:5;margin-top:18px;display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:16px;align-items:end;box-shadow:0 18px 50px rgba(20,31,54,.14)}.production-savebar .field{margin:0}.production-savebar>div:not(.field) strong,.production-savebar>div:not(.field) span{display:block}.production-savebar>div:not(.field) strong{font-size:10px}.production-savebar>div:not(.field) span{font-size:8px;color:var(--muted);margin-top:3px}.production-summary-table{min-width:900px;overflow:auto}.production-summary-table>div{display:grid;grid-template-columns:80px 1fr 1.2fr 1.2fr 1fr 90px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef0f4;font-size:9px}.production-summary-table .production-summary-head{font-size:8px;font-weight:900;color:#66738a;text-transform:uppercase}.production-summary-table code{overflow-wrap:anywhere}.county-summary-row{background:#f8faff}.service-summary-row{padding-left:18px!important}.service-summary-row>span:first-child{color:#536faa;font-weight:900}
@media(max-width:1200px){.project-control-grid{grid-template-columns:1fr 1fr}.production-generator{grid-template-columns:repeat(3,1fr)}.production-generator button{grid-column:1/-1}.production-fields{grid-template-columns:1fr 1fr}.production-item summary{grid-template-columns:90px 1fr auto}.production-item summary>small{grid-column:2/4}.production-savebar{grid-template-columns:1fr auto}.production-savebar .field{grid-column:1/-1}}
@media(max-width:780px){.quick-action-grid,.quick-action-grid.three-actions,.two-checks,.project-control-mini,.project-control-grid,.production-kpis,.palette-picker-grid,.production-generator,.production-fields{grid-template-columns:1fr}.simple-link-form{grid-template-columns:1fr}.production-item summary{grid-template-columns:1fr auto}.production-item-type{grid-column:1}.production-item summary>strong{grid-column:1}.production-item summary>.badge{grid-column:2;grid-row:1/3}.production-item summary>small{grid-column:1/3}.production-fields .form-wide{grid-column:auto}.county-services{padding-left:8px}.production-item-footer{align-items:flex-start;flex-direction:column}.production-savebar{position:static;grid-template-columns:1fr}.palette-picker{height:52px}.production-summary-table{min-width:760px}}

/* V5 · ficha técnica guiada, producción SEO y degradados en vivo */
.gradient-live-panel{margin-top:16px;padding:16px;border:1px solid #e4e8ef;border-radius:16px;background:#fafbfe}.gradient-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.gradient-live-head h3{margin:0 0 4px;font-size:13px}.gradient-live-head p{margin:0;color:var(--muted);font-size:9px}.gradient-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gradient-live-item{min-width:0}.gradient-swatch{height:72px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(20,31,54,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.gradient-swatch span{color:#fff;font-size:9px;font-weight:900;letter-spacing:1px;text-shadow:0 1px 7px rgba(0,0,0,.45)}.gradient-live-item code{display:block;margin-top:7px;padding:6px 7px;border-radius:8px;background:#fff;border:1px solid #edf0f4;color:#5a667b;font-size:8px;text-align:center;overflow-wrap:anywhere}

.technical-intro{margin-bottom:14px}.technical-progress-card{display:grid;grid-template-columns:170px 1fr auto;gap:16px;align-items:center;margin-bottom:16px;padding:16px 18px}.technical-progress strong,.technical-progress span{display:block}.technical-progress strong{font-size:25px;line-height:1}.technical-progress span{font-size:9px;color:var(--muted);margin-top:4px}.technical-progress-card>.progress{margin:0}.sync-note{font-size:9px;color:#55709f;background:#eff4ff;border:1px solid #dbe6ff;border-radius:10px;padding:8px 10px}.technical-form{display:flex;flex-direction:column;gap:16px}.technical-section{display:flex;flex-direction:column;gap:10px}.technical-section-title{display:flex;align-items:center;gap:11px;margin:4px 2px 2px}.technical-section-title>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eaf0ff;color:#2856c7;font-size:9px;font-weight:900}.technical-section-title h3{margin:0;font-size:17px}.technical-section-title p{margin:3px 0 0;font-size:9px;color:var(--muted)}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tech-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tech-card{position:relative;background:#fff;border:1px solid #e5e9f0;border-left:4px solid #e3ad45;border-radius:15px;padding:15px;box-shadow:0 6px 18px rgba(20,31,54,.035);transition:border-color .18s,box-shadow .18s,background .18s}.tech-card.complete{border-left-color:#22a77f;background:linear-gradient(90deg,#f4fcf9 0,#fff 18%);box-shadow:0 7px 20px rgba(27,135,105,.06)}.tech-card.important-card{border-top:2px solid #a9bbed}.tech-card.shared-card{border-top:2px solid #b8c8f2}.tech-card.optional-card{border-left-color:#9ba7b9}.tech-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px}.tech-head strong{display:block;font-size:11px}.tech-head small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.auto-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff4dd;color:#b27a18;font-size:12px;font-weight:900;flex:0 0 auto}.tech-card.complete .auto-check{background:#dff5ed;color:#148064}.edited-stamp{margin-top:10px;padding-top:8px;border-top:1px dashed #e4e8ef;font-size:8px;color:#77839a}.tech-card input[type=text],.tech-card input[type=url],.tech-card input[type=tel],.tech-card input[type=number],.tech-card textarea,.tech-card select{width:100%;border:1px solid #dfe4ec;border-radius:10px;padding:9px 10px;background:#fff;color:var(--text);font-size:10px;outline:none}.tech-card input:focus,.tech-card textarea:focus,.tech-card select:focus{border-color:#8ea9f1;box-shadow:0 0 0 3px rgba(35,88,230,.08)}.tech-card textarea{resize:vertical}.choice-pills,.choice-cards{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}.choice-pills.vertical-pills,.choice-cards.vertical{flex-direction:column;align-items:stretch}.choice-pills label,.choice-cards label,.mini-choice{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e0e5ed;border-radius:10px;background:#fafbfe;color:#526078;font-size:9px;font-weight:750;cursor:pointer}.choice-pills.large label{padding:9px 13px}.choice-pills input,.choice-cards input,.mini-choice input{accent-color:var(--primary)}.choice-pills label:has(input:checked),.choice-cards label:has(input:checked),.mini-choice:has(input:checked){border-color:#8faaf1;background:#eff4ff;color:#234ba9}.star-choice:has(input:checked){border-color:#efc25e;background:#fff8df;color:#865c00}.conditional-panel{display:none;margin-top:9px;padding:10px;border-radius:11px;background:#f8faff;border:1px dashed #dce4f2}.conditional-panel.visible{display:block}.guided-questions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guided-questions label{font-size:8px;color:#5e6b81}.guided-questions textarea{margin-top:5px}.dynamic-list{display:flex;flex-direction:column;gap:7px}.dynamic-row{display:grid;gap:7px;align-items:center}.service-row{grid-template-columns:minmax(160px,1fr) auto auto 28px}.area-row{grid-template-columns:120px minmax(160px,1fr) 28px}.phone-row{grid-template-columns:minmax(160px,1fr) auto 28px}.custom-social-row{grid-template-columns:minmax(120px,.6fr) minmax(180px,1.4fr) 28px}.row-remove{width:28px;height:28px;border:0;border-radius:8px;background:#fff0f0;color:#b73b3b;font-size:16px;cursor:pointer}.inline-actions{display:flex;align-items:center;gap:9px;margin-top:9px}.save-hint{font-size:8px;color:var(--muted)}.input-suffix{display:grid;grid-template-columns:minmax(100px,160px) auto;align-items:center;gap:8px}.input-suffix span{font-size:9px;color:var(--muted)}.time-range{display:grid;grid-template-columns:1fr 84px auto 1fr 84px;align-items:center;gap:7px}.time-range>span{font-size:9px;color:var(--muted);text-align:center}.social-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.social-network-item{border:1px solid #e5e9f0;border-radius:10px;padding:8px;background:#fbfcfe}.network-check{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800}.social-url{margin-top:7px}.shared-marketing-section{border-radius:18px;padding:12px;background:linear-gradient(135deg,#f7f9ff,#f7fcfb);border:1px solid #e3e9f6}.technical-savebar{position:sticky;bottom:12px;z-index:6;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;box-shadow:0 18px 48px rgba(20,31,54,.14)}.technical-savebar strong,.technical-savebar span{display:block}.technical-savebar strong{font-size:11px}.technical-savebar span{font-size:8px;color:var(--muted);margin-top:3px}

.production-kpis-v5{grid-template-columns:repeat(4,minmax(0,1fr))}.strategy-chip{max-width:360px;padding:7px 10px;border-radius:10px;background:#eef4ff;color:#3558ad;font-size:8px;font-weight:800;line-height:1.35}.strategy-chip.client{background:#edf8f2;color:#1d745d}.service-catalog-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid #eef0f4}.service-catalog-line>b{font-size:9px;margin-right:4px}.service-chip{padding:6px 8px;border-radius:999px;background:#f0f3f8;color:#55627a;font-size:8px;font-weight:800}.service-chip.primary{background:#fff2c9;color:#805d00;border:1px solid #f2d675}.compact-notice{margin-top:12px;padding:10px 12px;font-size:9px}.global-service-card{display:grid;grid-template-columns:1fr minmax(190px,280px) auto;align-items:end;gap:12px;margin-bottom:16px;background:linear-gradient(135deg,#f9fbff,#f4fbf8)}.global-service-card h3{margin:3px 0 4px}.global-service-card p{margin:0;font-size:9px;color:var(--muted)}.global-service-card select{width:100%;border:1px solid #dfe4ec;border-radius:10px;padding:10px;background:#fff}.warning-soft{background:#fff8e7!important;border-color:#f2e0af!important}.production-table-card{margin-bottom:18px}.production-table-wrap{overflow:auto;border:1px solid #e7ebf2;border-radius:13px}.production-table-v5{min-width:1100px}.production-table-v5 th{position:sticky;top:0;background:#f7f9fc;z-index:1}.production-table-v5 td{padding:9px 10px;font-size:9px}.production-table-v5 code{font-size:8px;color:#3b4a64}.production-table-v5 .row-page{background:#f4f7ff}.production-table-v5 .row-county{background:#eef9f4}.production-table-v5 .row-service{background:#f8f3ff}.production-table-v5 .row-city{background:#fff7ee}.binary-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900}.binary-badge.yes{background:#dcf4ea;color:#137357}.binary-badge.no{background:#ffe6e6;color:#a33939}.production-workspace-v5{display:flex;flex-direction:column;gap:10px}.header-structure-card{margin-bottom:4px}.header-structure-card textarea{width:100%;border:1px solid #dfe4ec;border-radius:11px;padding:10px}.header-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.header-preview span{padding:6px 9px;border-radius:8px;background:#172033;color:#fff;font-size:8px;font-weight:800}.production-stack-v5,.county-stack-v5,.county-services-v5{display:flex;flex-direction:column;gap:8px}.county-block-v5{padding:10px;border:1px solid #dfe8e5;border-radius:16px;background:#f7fbf9}.county-services-v5{padding:9px 4px 2px 22px}.production-edit-card{background:#fff;border:1px solid #e3e8f0;border-radius:14px;overflow:hidden}.production-edit-card summary{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none}.production-edit-card summary::-webkit-details-marker{display:none}.production-edit-card summary:after{content:'＋';color:#7e8a9d;font-weight:800}.production-edit-card[open] summary:after{content:'−'}.production-edit-card summary>div:first-child strong,.production-type{display:block}.production-edit-card summary strong{font-size:11px;margin-top:3px}.production-type{font-size:7px;text-transform:uppercase;letter-spacing:1px;font-weight:900;color:#6d7890}.auto-workload{display:flex;gap:6px;align-items:center}.auto-workload span,.auto-workload b{font-size:8px}.auto-workload span{color:#6b7890}.auto-workload b{padding:4px 7px;border-radius:999px;background:#eef2f8;color:#40506c}.row-page-card{border-left:4px solid #4b73e6}.row-county-card{border-left:4px solid #38a77f}.service-edit-card{border-left:4px solid #8b62cc}.row-city-card{border-left:4px solid #e99b45}.production-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px;border-top:1px solid #edf0f4;background:#fbfcfe}.production-edit-grid .field{margin:0}.production-edit-grid .form-wide{grid-column:span 2}.production-edit-grid label{display:block;font-size:8px;font-weight:750;color:#56637a;margin-bottom:5px}.production-edit-grid input,.production-edit-grid textarea,.production-edit-grid select{width:100%;border:1px solid #dfe4ec;border-radius:9px;padding:8px;background:#fff;font-size:9px;outline:none}.production-edit-grid input:focus,.production-edit-grid textarea:focus,.production-edit-grid select:focus{border-color:#91a9e8;box-shadow:0 0 0 3px rgba(35,88,230,.07)}.copy-field>div{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:start}.copy-mini{height:32px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#4f5e77;font-size:7px;font-weight:900;cursor:pointer;padding:0 7px}.copy-mini:hover{border-color:#9bb0e8;color:#244db5}.binary-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px}.binary-switch label{margin:0}.binary-switch input{position:absolute;opacity:0;pointer-events:none}.binary-switch span{display:block;text-align:center;padding:8px;border-radius:8px;border:1px solid #e0e5ed;background:#fff;color:#778297;font-size:8px;font-weight:900;cursor:pointer}.binary-switch label:first-child:has(input:checked) span{background:#dcf4ea;border-color:#9edbc5;color:#176d57}.binary-switch label:last-child:has(input:checked) span{background:#ffe8e8;border-color:#efbbbb;color:#9d3636}.county-service-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 2px}.county-service-head strong{font-size:10px}.production-savebar-v5{position:sticky;bottom:12px;z-index:6;display:grid;grid-template-columns:minmax(260px,1fr) 110px auto;gap:14px;align-items:center;margin-top:12px;box-shadow:0 18px 50px rgba(20,31,54,.14)}.production-savebar-v5 textarea{width:100%;border:1px solid #dfe4ec;border-radius:9px;padding:8px}.save-progress{text-align:center}.save-progress strong,.save-progress span{display:block}.save-progress strong{font-size:23px}.save-progress span{font-size:8px;color:var(--muted)}.review-progress i{background:linear-gradient(90deg,#7b55c8,#b77ad9)}

.development-title-row,.project-list-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.development-title-row h3,.project-list-title h3{margin-top:0}.progress-ring-text{min-width:70px;text-align:right}.progress-ring-text strong,.progress-ring-text span{display:block}.progress-ring-text strong{font-size:22px;color:#2455ce}.progress-ring-text span{font-size:8px;color:var(--muted)}.development-progress-block{padding:9px 0;border-top:1px solid #eef0f4}.development-progress-block .progress{margin:6px 0}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:9px}.progress-label b{color:#2a55c0}.development-progress-block small{display:block;color:var(--muted);font-size:8px}.project-overall-progress{max-width:420px;margin-top:10px}.project-overall-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px}.project-overall-progress .progress{margin:6px 0 0}.mini-progress-pair>div:nth-child(odd){display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#69758a}.mini-progress-pair .progress{margin:4px 0 7px}.project-percent{font-size:20px;color:#2855ca}.project-progress{margin:6px 0 10px}

@media(max-width:1100px){.technical-progress-card{grid-template-columns:140px 1fr}.sync-note{grid-column:1/-1}.tech-grid.three{grid-template-columns:1fr 1fr}.production-kpis-v5{grid-template-columns:1fr 1fr}.production-edit-grid{grid-template-columns:1fr 1fr}.global-service-card{grid-template-columns:1fr 1fr}.global-service-card button{grid-column:1/-1}.gradient-live-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:780px){.gradient-live-grid,.tech-grid,.tech-grid.three,.social-network-grid,.production-kpis-v5,.production-edit-grid,.global-service-card{grid-template-columns:1fr}.technical-progress-card{grid-template-columns:1fr}.guided-questions{grid-template-columns:1fr}.service-row,.area-row,.phone-row,.custom-social-row{grid-template-columns:1fr}.row-remove{justify-self:end}.time-range{grid-template-columns:1fr 72px}.time-range>span{grid-column:1/-1}.technical-savebar,.production-savebar-v5{position:static;grid-template-columns:1fr}.production-edit-grid .form-wide{grid-column:auto}.production-edit-card summary{grid-template-columns:1fr auto}.production-edit-card summary .binary-badge{grid-column:1/-1;justify-self:start}.county-services-v5{padding-left:4px}.gradient-swatch{height:58px}.project-overall-progress{max-width:none}}
.saved-service-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #dcece6;border-radius:11px;background:#f5fcf9}.saved-service-summary.editing{display:none}.saved-service-chips{display:flex;flex-wrap:wrap;gap:6px}.saved-service-chip{padding:6px 8px;border-radius:999px;background:#eef2f7;color:#536078;font-size:8px;font-weight:850}.saved-service-chip.primary{background:#fff1bd;color:#765700}.saved-service-chip.excluded{background:#ffe8e8;color:#963b3b;text-decoration:line-through}.services-editor.collapsed{display:none}
.sync-info-banner{margin:0 0 14px;padding:10px 12px;border-radius:11px;background:#eff7ff;border:1px solid #dbe9fa}.sync-info-banner strong,.sync-info-banner span{display:block}.sync-info-banner strong{font-size:9px;color:#2f5697}.sync-info-banner span{font-size:8px;color:#6c7c96;margin-top:3px}


/* V6 · centralización operativa */
.row-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.icon-action{display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#42506a;text-decoration:none;font-size:11px;font-weight:900;cursor:pointer}.icon-action:hover{border-color:#9cb1e6;color:#2453c6;box-shadow:0 4px 12px rgba(33,73,160,.09)}.icon-action.danger{color:#a94242}.icon-action.danger:hover{background:#fff2f2;border-color:#efbcbc}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-cell{padding:12px;border:1px solid #e6eaf1;border-radius:12px;background:#fbfcfe}.detail-cell span,.detail-cell strong{display:block}.detail-cell span{font-size:8px;color:var(--muted);margin-bottom:4px}.detail-cell strong{font-size:10px;overflow-wrap:anywhere}.quick-status-form{margin:0}.quick-status-select{min-width:92px;border:1px solid #dfe5ec;border-radius:999px;padding:5px 25px 5px 8px;font-size:8px;font-weight:900;background:#fff}.quick-status-select.yes{background:#ddf5ea;border-color:#a6dec9;color:#176e57}.quick-status-select.no{background:#ffe8e8;border-color:#efc1c1;color:#9f3b3b}.quick-status-select.is-complete{background:#ddf5ea;border-color:#a6dec9;color:#176e57}.quick-status-select.is-incomplete{background:#ffe8e8;border-color:#efc1c1;color:#9f3b3b}.county-work-block{border:1px solid #dceae5;border-radius:16px;background:#f7fcfa;padding:10px}.county-subsection{margin-top:9px;padding:10px;border-radius:13px;background:#fff}.county-subsection.services-subsection{border-left:4px solid #8b62cc}.county-subsection.cities-subsection{border-left:4px solid #e99b45}.subsection-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.subsection-head strong{font-size:10px}.hierarchy-legend{display:flex;flex-wrap:wrap;gap:7px}.hierarchy-legend span{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:850;color:#5d687b}.hierarchy-legend i{width:9px;height:9px;border-radius:3px}.hierarchy-legend .page i{background:#4b73e6}.hierarchy-legend .county i{background:#38a77f}.hierarchy-legend .service i{background:#8b62cc}.hierarchy-legend .city i{background:#e99b45}
.executive-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.dashboard-analytics-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px;margin-bottom:16px}.area-performance-card,.distribution-card{min-height:265px}.big-percent{font-size:28px;color:#2455ce}.area-progress-list{display:flex;flex-direction:column;gap:13px}.area-progress-list>div>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-bottom:5px}.area-progress-list b{color:#314e98}.progress.design-bar i{background:linear-gradient(90deg,#8658ce,#b27bdd)}.progress.marketing-bar i{background:linear-gradient(90deg,#e3913b,#f1b65f)}.progress.development-bar i{background:linear-gradient(90deg,#2f8c78,#52b899)}.distribution-bars{display:flex;flex-direction:column;gap:10px}.distribution-bars>div{display:grid;grid-template-columns:95px 1fr 30px;align-items:center;gap:8px;font-size:9px}.distribution-bars>div>i{position:relative;height:9px;border-radius:999px;background:#edf0f5;overflow:hidden}.distribution-bars>div>i:after{content:'';position:absolute;inset:0 auto 0 0;width:min(calc(var(--value) * 12%),100%);background:linear-gradient(90deg,#426ce3,#7b98ea);border-radius:inherit}.compact-management-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.dashboard-project-list{gap:7px}.dashboard-project-row{align-items:center}.project-main{min-width:0}.mini-area-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mini-area-pills i{font-style:normal;font-size:7px;padding:4px 6px;border-radius:999px;background:#f0f3f8;color:#59667d;font-weight:850}.project-row-progress{min-width:110px;text-align:right}.project-row-progress>b{display:block;font-size:15px;color:#2857c9}.progress.slim{height:5px;margin-top:4px}.activity-timeline{display:flex;flex-direction:column}.activity-timeline>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px 0;border-bottom:1px solid #eef1f5}.activity-timeline>div:last-child{border-bottom:0}.activity-timeline>div>i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#4c73df}.activity-timeline strong,.activity-timeline span{display:block}.activity-timeline strong{font-size:9px}.activity-timeline span,.activity-timeline time{font-size:8px;color:var(--muted)}.status-queue{border-left:4px solid #8090ac}.success-soft{border-left:4px solid #35a47c}.danger-soft-card{border-left:4px solid #d96363}
@media(max-width:1100px){.executive-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-analytics-grid{grid-template-columns:1fr}.compact-management-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.executive-stats,.compact-management-stats,.detail-grid{grid-template-columns:1fr}.dashboard-project-row{align-items:flex-start}.project-row-progress{min-width:85px}.distribution-bars>div{grid-template-columns:78px 1fr 24px}}

.table-copy{border:0;background:transparent;color:#7a879d;font-size:10px;cursor:pointer;padding:2px 3px;vertical-align:middle}.table-copy:hover{color:#2455ce;background:#edf3ff;border-radius:5px}

/* V8 · Planes simples + Social Media recurrente en Diseño */
.plan-section-v8{margin-bottom:24px}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title-row h3{margin:3px 0 0;font-size:17px}.count-pill{display:inline-grid;place-items:center;min-width:31px;height:31px;border-radius:999px;background:#eaf0ff;color:#2853bd;font-size:10px;font-weight:900}.plan-grid-v8{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.plan-card-v8{display:flex;flex-direction:column;gap:13px;min-height:220px}.plan-card-v8.is-disabled{opacity:.62}.plan-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.plan-card-top h3{margin:5px 0 0}.status-dot{font-size:8px;font-weight:900;padding:5px 8px;border-radius:999px;white-space:nowrap}.status-dot.active{background:#ddf5ea;color:#176d55}.status-dot.inactive{background:#f1f2f5;color:#7a8494}.plan-deliverables{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-deliverables>div{padding:10px;border:1px solid #e7eaf0;border-radius:12px;background:#fafbfd}.plan-deliverables span,.plan-deliverables strong{display:block}.plan-deliverables span{font-size:8px;color:var(--muted)}.plan-deliverables strong{font-size:20px;margin-top:2px}.plan-price-v8{display:flex;align-items:baseline;gap:6px}.plan-price-v8 strong{font-size:24px;color:#2455ce}.plan-price-v8 span{font-size:9px;color:var(--muted);font-weight:800}.plan-meta-v8{display:flex;gap:5px;flex-wrap:wrap;color:var(--muted);font-size:8px}.plan-meta-v8 span+span:before{content:'·';margin-right:5px}.plan-card-actions{margin-top:auto}.compact-plan-form-v8{max-width:850px}.plan-form-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #edf0f4}.plan-form-heading strong,.plan-form-heading span{display:block}.plan-form-heading strong{font-size:15px}.plan-form-heading>div>span{font-size:9px;color:var(--muted);margin-top:3px}.created-date-pill{padding:7px 10px;border-radius:999px;background:#eef3ff;color:#3659ae;font-size:8px!important;font-weight:850}.plan-form-grid-v8{display:grid;grid-template-columns:1fr 1fr;gap:14px}.plan-form-grid-v8 .form-field:first-child{grid-column:1/-1}.social-count-field{background:#f7f9ff;border:1px solid #e4e9f7;padding:12px;border-radius:12px}.field-error{display:block;color:#b83f3f;font-size:8px;margin-top:4px}

.social-v8-intro{align-items:center}.social-v8-stats{grid-template-columns:repeat(6,minmax(120px,1fr))}.social-v8-overall{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:18px;margin-bottom:16px}.social-v8-overall strong,.social-v8-overall small{display:block}.social-v8-overall strong{font-size:27px;color:#2455ce;margin:3px 0}.social-v8-overall small{font-size:8px;color:var(--muted)}.social-v8-progress{height:11px}.social-v8-table-card{padding:0;overflow:hidden}.social-v8-table-card .card-head{padding:18px 20px 0}.social-v8-table{min-width:1120px}.social-v8-table td{vertical-align:middle}.content-mini{display:block;font-size:8px;font-weight:850;margin-bottom:3px}.networks-cell{max-width:200px;white-space:normal}.table-progress-cell{min-width:95px}.table-progress-cell>b{display:block;font-size:11px;color:#2a55be}.table-progress-cell small{font-size:7px;color:var(--muted)}.workflow-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.workflow-pill.done{background:#dff6e9;color:#176d53}.workflow-pill.queued{background:#fff1cc;color:#8b6318}.workflow-pill.scheduled{background:#edf1f6;color:#5d697d}.workflow-pill.overdue{background:#ffe2e2;color:#a23939}.renewal-badge{display:inline-flex;flex-direction:column;min-width:88px;padding:7px 9px;border-radius:10px;border:1px solid transparent}.renewal-badge b{font-size:9px}.renewal-badge small{font-size:7px;margin-top:2px}.renewal-badge.green{background:#e2f7ea;border-color:#bfe8cf;color:#176f54}.renewal-badge.yellow{background:#fff2cb;border-color:#efd991;color:#8a6217}.renewal-badge.red,.renewal-badge.overdue{background:#ffe2e2;border-color:#efbaba;color:#a23b3b}.renewal-badge.neutral{background:#f0f2f6;color:#68758b}

.social-assignment-form-v8{max-width:920px}.assignment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.assignment-form-grid .form-wide{grid-column:1/-1}.network-checkbox-grid>div,.network-checkbox-grid ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}.network-checkbox-grid label{display:flex;align-items:center;gap:7px;border:1px solid #e2e7ef;border-radius:11px;padding:10px;background:#fbfcfe;font-size:9px;font-weight:800}.network-checkbox-grid input{width:16px;height:16px;accent-color:#2458dd}.assignment-help-v8{margin-top:14px;padding:12px;border-radius:12px;background:#f2f6ff;border:1px solid #dfe8fb}.assignment-help-v8 strong,.assignment-help-v8 span{display:block}.assignment-help-v8 strong{font-size:9px;color:#3156aa}.assignment-help-v8 span{font-size:8px;color:#657490;margin-top:3px}

.social-detail-summary-v8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.social-detail-summary-v8 .card{box-shadow:none}.social-detail-summary-v8 span,.social-detail-summary-v8 strong,.social-detail-summary-v8 small{display:block}.social-detail-summary-v8 span{font-size:8px;color:var(--muted)}.social-detail-summary-v8 strong{font-size:17px;margin:4px 0}.social-detail-summary-v8 small{font-size:8px;color:var(--muted)}.renewal-summary-card.green{border-left:4px solid #35a578;background:#f5fcf8}.renewal-summary-card.yellow{border-left:4px solid #e6a93f;background:#fffbef}.renewal-summary-card.red,.renewal-summary-card.overdue{border-left:4px solid #d85858;background:#fff7f7}.social-content-control-v8{padding:0;overflow:hidden}.social-content-control-v8 .card-head{padding:18px 20px}.content-control-table-v8{min-width:900px}.content-control-table-v8 tr.content-complete td{background:#f4fbf7}.table-check{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:850}.table-check input{width:16px;height:16px;accent-color:#21865f}.network-check-v8{display:inline-grid;place-items:center}.network-check-v8 input{position:absolute;opacity:0;pointer-events:none}.network-check-v8 span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #dce2eb;border-radius:8px;background:#fff;color:#adb6c4;font-weight:900;cursor:pointer}.network-check-v8 input:checked+span{background:#dcf4e8;border-color:#a8ddc4;color:#147153}.table-note-input{min-width:150px;border:1px solid #e0e5ed;border-radius:8px;padding:7px 8px;font-size:8px}.social-detail-savebar-v8{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-top:1px solid #e9edf3;background:#fafbfd}.social-detail-savebar-v8 strong,.social-detail-savebar-v8 span{display:block}.social-detail-savebar-v8 strong{font-size:10px}.social-detail-savebar-v8 span{font-size:8px;color:var(--muted);margin-top:2px}.social-notes-v8{margin-top:14px}.social-notes-v8 p{margin:6px 0 0;font-size:10px;color:#546176}

@media(max-width:1200px){.social-v8-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.network-checkbox-grid>div,.network-checkbox-grid ul{grid-template-columns:repeat(2,minmax(0,1fr))}.social-detail-summary-v8{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.plan-form-grid-v8,.assignment-form-grid,.social-v8-overall,.social-detail-summary-v8{grid-template-columns:1fr}.plan-form-grid-v8 .form-field:first-child,.assignment-form-grid .form-wide{grid-column:auto}.social-v8-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.network-checkbox-grid>div,.network-checkbox-grid ul{grid-template-columns:1fr}.social-detail-savebar-v8{align-items:stretch;flex-direction:column}.social-detail-savebar-v8 .btn{width:100%}}

/* ===== V9 · planes por área + proyectos con productos contratados ===== */
.inline-filter-form select{min-width:210px;height:42px;border:1px solid var(--line,#dbe3ef);border-radius:12px;padding:0 12px;background:#fff;color:#12213a;font-weight:700}
.plan-section-v9{margin-bottom:28px}.plan-grid-v9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card-v9{display:flex;flex-direction:column;gap:14px}.plan-description-v9,.plan-scope-note{margin:0;color:#66758c;font-size:.86rem;line-height:1.45}.compact-plan-form-v9{max-width:1050px;margin:0 auto}.plan-form-grid-v9,.project-base-grid-v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.plan-form-grid-v9 .form-wide,.project-base-grid-v9 .form-wide{grid-column:1/-1}.plan-form-help-v9{margin-top:16px;padding:14px 16px;border-radius:14px;background:#f4f7fb;color:#56647a;font-size:.9rem}.plan-form-help-v9 strong{color:#16243d}
.project-contract-form-v9{display:grid;gap:18px}.project-products-card-v9{overflow:hidden}.department-plan-selector-v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dept-plan-block{border:1px solid #e0e6ef;border-radius:16px;padding:16px;background:#fff}.dept-plan-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.dept-plan-title>b{display:grid;place-items:center;min-width:40px;height:40px;border-radius:12px;background:#edf3ff;color:#2455d6;font-size:.8rem}.dept-plan-title strong{display:block;color:#13213a}.dept-plan-title span{display:block;margin-top:3px;color:#6f7c91;font-size:.78rem;line-height:1.35}.dept-plan-block.design{border-top:3px solid #8b5cf6}.dept-plan-block.marketing{border-top:3px solid #10b981}.dept-plan-block.development{border-top:3px solid #2563eb}.dept-plan-block.administration{border-top:3px solid #f59e0b}.plan-check-list-v9 ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.plan-check-list-v9 li label{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border:1px solid #e7ecf3;border-radius:10px;cursor:pointer;font-weight:650;color:#2a3950}.plan-check-list-v9 li label:hover{background:#f7f9fc}.plan-check-list-v9 input{margin-top:2px}
.contracted-mini-v9{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.contract-chip{padding:5px 8px;border-radius:999px;background:#eef2f7;color:#34445d;font-size:.7rem;font-weight:800}.contract-chip.dept-design{background:#f1ebff;color:#6d3fd1}.contract-chip.dept-marketing{background:#e8f8f1;color:#087a52}.contract-chip.dept-developer{background:#e8f1ff;color:#1753bb}.contract-chip.dept-administration{background:#fff5df;color:#996400}
.contracted-products-v9{margin-bottom:18px}.contracted-area-grid-v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contracted-area-grid-v9>section{border:1px solid #e2e8f0;border-radius:14px;padding:14px;min-height:110px}.contracted-row-v9{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5}.contracted-row-v9:last-child{border-bottom:0}.contracted-row-v9 strong,.contracted-row-v9 span{display:block}.contracted-row-v9 span{font-size:.76rem;color:#758197;margin-top:2px}.contracted-row-v9>b{white-space:nowrap;color:#1e3351}.contracted-actions-v9 a{font-size:.76rem;font-weight:800;color:#2455d6}.subscription-pill{padding:5px 8px;border-radius:999px;background:#eaf7ef!important;color:#167244!important;font-size:.7rem!important;font-weight:800}.empty-mini{padding:18px 0;color:#8a95a6;font-size:.82rem}
.linked-project-banner-v9{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;margin-bottom:16px;border-radius:12px;background:#eef5ff}.linked-project-banner-v9 span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6680a3}.linked-project-banner-v9 strong{color:#163d7a}.linked-project-banner-v9 small{color:#60728c}.social-dashboard-table-v9 td{vertical-align:middle}.payment-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:900}.payment-paid{background:#dcfce7;color:#13713c}.payment-partial{background:#fef3c7;color:#946200}.payment-pending{background:#fee2e2;color:#a72b2b}.warning-text{color:#b66b00!important}.social-stats-v9{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1180px){.plan-grid-v9{grid-template-columns:repeat(2,minmax(0,1fr))}.social-stats-v9{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.plan-grid-v9,.department-plan-selector-v9,.contracted-area-grid-v9,.plan-form-grid-v9,.project-base-grid-v9{grid-template-columns:1fr}.plan-form-grid-v9 .form-wide,.project-base-grid-v9 .form-wide{grid-column:auto}.social-stats-v9{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.social-stats-v9{grid-template-columns:1fr}}

/* ===== V10 · dominios/hosting + credenciales seguras + resumen compartido ===== */
.compact-filter{display:flex;gap:10px;align-items:center;margin-bottom:16px}.compact-filter input{flex:1;min-width:220px}.table-actions{white-space:nowrap}.table-actions>a,.table-actions button{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid #e2e7ef;background:#fff;margin-right:4px;cursor:pointer}.table-actions form{display:inline}.table-actions .icon-danger{color:#b93232}.smart-form{display:grid;gap:18px}.form-section{border-bottom:1px solid #edf0f4;padding-bottom:18px}.form-section:last-of-type{border-bottom:0}.form-section h3{margin-bottom:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label,.credential-fields label{display:block;font-size:10px;font-weight:800;color:#5e6b80;margin-bottom:5px}.form-grid input,.form-grid select,.form-grid textarea,.credential-fields input,.credential-fields select,.credential-fields textarea,.compact-filter input{width:100%;border:1px solid #dfe5ed;border-radius:10px;padding:10px 11px;background:#fff;color:#182238}.form-actions{display:flex;justify-content:flex-end}.radio-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.radio-cards label{display:flex;gap:9px;align-items:center;border:1px solid #dfe5ed;border-radius:12px;padding:12px;background:#fff;font-size:11px;font-weight:800}.radio-cards input{accent-color:var(--primary)}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.toggle-line{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #e1e6ee;border-radius:12px;padding:12px;background:#fbfcfe}.toggle-line input{width:18px!important;height:18px;accent-color:var(--primary);margin-top:2px}.toggle-line span{display:block}.toggle-line strong,.toggle-line small{display:block}.toggle-line strong{font-size:11px}.toggle-line small{font-size:9px;color:var(--muted);margin-top:3px}.toggle-line.disabled{opacity:.7}.toggle-line.compact{margin-top:4px}.credential-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.credential-check-card{border:1px solid #e0e6ee;border-radius:14px;background:#fff;overflow:hidden}.credential-check-card.active{border-color:#b9c9f7;box-shadow:0 0 0 2px rgba(35,88,230,.08)}.credential-check-head{display:flex;gap:10px;align-items:center;padding:13px 14px;cursor:pointer}.credential-check-head input{width:18px;height:18px;accent-color:var(--primary)}.credential-check-head strong,.credential-check-head small{display:block}.credential-check-head strong{font-size:11px}.credential-check-head small{font-size:9px;color:var(--muted);margin-top:2px}.credential-fields{padding:0 14px 14px;display:grid;gap:10px}.credential-fields[hidden]{display:none}.manager-only-note{font-size:9px;color:#6f7b90;background:#f4f6f9;border-radius:9px;padding:9px 10px}.credential-secret-card code,.secret-inline code{font-family:ui-monospace,monospace;background:#111827;color:#fff;border-radius:8px;padding:7px 9px}.secret-line,.secret-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-small{padding:7px 9px;font-size:10px}.project-domain-control{margin-bottom:18px}.project-domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.project-domain-grid>div{padding:12px;border:1px solid #e8ecf2;border-radius:12px;background:#fafbfd}.project-domain-grid span,.project-domain-grid strong{display:block}.project-domain-grid span{font-size:9px;color:var(--muted)}.project-domain-grid strong{font-size:13px;margin-top:4px}.text-success{color:#147153}.text-warning{color:#a96a11}.status-callout{border-radius:12px;padding:13px;font-weight:800;font-size:11px}.status-callout.pending{background:#fff4d8;color:#956313}.credential-summary-row{padding:12px 0;border-bottom:1px solid #edf0f4}.credential-summary-row:last-child{border-bottom:0}.credential-summary-row>div:first-child{margin-bottom:8px}.credential-summary-row strong,.credential-summary-row span{display:block}.credential-summary-row strong{font-size:11px}.credential-summary-row span{font-size:9px;color:var(--muted);margin-top:2px}.mini-copy{border:1px solid #dfe5ed;background:#fff;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800;cursor:pointer}.palette-summary-block{margin-top:12px;padding-top:10px;border-top:1px solid #edf0f4}.gradient-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.gradient-summary span{font-size:8px;padding:5px 7px;border-radius:8px;background:#f1f4f8;color:#56627a}.muted{color:var(--muted);font-size:10px}.city-summary-row{background:#f8fbff!important}
@media(max-width:980px){.form-grid.three,.project-domain-grid{grid-template-columns:1fr 1fr}.credential-check-grid{grid-template-columns:1fr}}@media(max-width:700px){.form-grid,.form-grid.three,.radio-cards,.toggle-grid,.project-domain-grid{grid-template-columns:1fr}.compact-filter{align-items:stretch;flex-direction:column}}

/* ===== V11 · semantic states + Marketing workflow V4 · 2026-09-03 ===== */
:root{
  --state-danger:#d64545;
  --state-danger-bg:#fff0f0;
  --state-wait:#e76f51;
  --state-wait-bg:#fff0e9;
  --state-success:#21865f;
  --state-success-bg:#e7f7ef;
}
.alert{background:var(--state-success-bg);color:#176c4f;border-color:#bfe7d3}
.alert.error{background:var(--state-danger-bg);color:#a72d2d;border-color:#efc0c0}
.badge.success,.workflow-pill.done,.payment-paid{background:var(--state-success-bg)!important;color:#176c4f!important}
.workflow-pill.queued,.workflow-pill.scheduled,.payment-partial,.status-callout.pending{background:var(--state-wait-bg)!important;color:#a84c35!important}
.workflow-pill.overdue,.payment-pending,.renewal-badge.red,.renewal-badge.overdue{background:var(--state-danger-bg)!important;color:#a72d2d!important}

.marketing-flow-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}
.marketing-flow-step{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px rgba(20,31,54,.04)}
.marketing-flow-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0f3f8;color:#56647a;font-size:10px;font-weight:900;flex:0 0 auto}
.marketing-flow-step strong,.marketing-flow-step small{display:block}.marketing-flow-step strong{font-size:11px}.marketing-flow-step small{font-size:8px;color:var(--muted);margin-top:2px}
.marketing-flow-step.active{border-color:#b7c8f8;background:#f7f9ff}.marketing-flow-step.active>span{background:var(--primary);color:#fff}.marketing-flow-step.locked-soft{opacity:.62}
.marketing-page-intro{align-items:center}.marketing-layout{align-items:start}.marketing-side-stack{display:grid;gap:18px}
.marketing-section-card{overflow:visible}.marketing-form-section{padding:18px 0;border-top:1px solid #edf0f4}.marketing-form-section:first-of-type{border-top:0;padding-top:0}.marketing-form-section h4{margin:0 0 12px;font-size:12px;color:#26354f}.section-help{margin:-5px 0 14px;color:var(--muted);font-size:10px;line-height:1.5}
.field>small{display:block;color:var(--muted);font-size:8px;line-height:1.4;margin-top:4px}.field .errorlist{margin:5px 0 0;padding:0;list-style:none;color:var(--state-danger);font-size:9px;font-weight:800}
.conditional-panel[hidden],.platform-conditional[hidden],.campaigns-conditional[hidden],.google-campaign-field[hidden]{display:none!important}
.semantic-banner{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-radius:13px;margin-bottom:16px;border:1px solid transparent}
.semantic-banner strong,.semantic-banner span{display:block}.semantic-banner strong{font-size:11px;white-space:nowrap}.semantic-banner span{font-size:10px;line-height:1.45}
.semantic-banner.is-danger{background:var(--state-danger-bg);border-color:#efc6c6;color:#a72d2d}.semantic-banner.is-wait{background:var(--state-wait-bg);border-color:#f1c9bb;color:#9a4934}.semantic-banner.is-success{background:var(--state-success-bg);border-color:#bfe7d3;color:#176c4f}.semantic-banner.compact{margin:14px 0 0}
.semantic-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.semantic-pill.is-danger{background:var(--state-danger-bg);color:#a72d2d}.semantic-pill.is-wait{background:var(--state-wait-bg);color:#a84c35}.semantic-pill.is-success{background:var(--state-success-bg);color:#176c4f}.semantic-pill.is-muted{background:#eef2f6;color:#657187}
.marketing-check-list{display:grid;gap:8px}.marketing-check-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border-radius:11px;border:1px solid #e9edf3;background:#fff}.marketing-check-row.is-ok{border-color:#cce9d8;background:#f8fdf9}.marketing-check-row.is-pending{border-color:#efcdcd;background:#fffafa}.marketing-check-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eef2f6;color:#607087;font-weight:900}.marketing-check-row.is-ok .marketing-check-icon{background:var(--state-success-bg);color:var(--state-success)}.marketing-check-row.is-pending .marketing-check-icon{background:var(--state-danger-bg);color:var(--state-danger)}.marketing-check-row strong,.marketing-check-row small{display:block}.marketing-check-row strong{font-size:9px}.marketing-check-row small{font-size:8px;color:var(--muted);margin-top:2px}
.marketing-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.marketing-module-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);transition:.15s}.marketing-module-card:hover{transform:translateY(-2px);border-color:#cbd6f1}.marketing-module-card .module-no{font-size:9px;font-weight:900;color:#6d7c95}.marketing-module-card h3{font-size:16px;margin:14px 0 6px}.marketing-module-card p{font-size:10px;color:var(--muted);line-height:1.5;min-height:45px}.marketing-module-card b{font-size:10px;color:var(--primary)}
.qr-panel{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;padding:16px;margin-top:14px;background:#f8fafc;border:1px solid #e5eaf1;border-radius:14px}.qr-panel img{width:150px;height:150px;border-radius:10px;background:#fff;padding:6px;border:1px solid #e2e7ef}.qr-panel strong{font-size:12px}.qr-panel p{font-size:9px;color:var(--muted);margin:5px 0 12px}
.ads-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.ad-platform-card{display:flex;flex-direction:column;gap:14px}.ad-platform-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ad-platform-head>div:first-child{display:flex;gap:10px;align-items:center}.platform-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef3ff;color:#2455ce;font-size:13px;font-weight:900}.ad-platform-head h3{margin:0 0 3px;font-size:14px}.ad-platform-head p{margin:0;color:var(--muted);font-size:9px}.platform-form{padding-top:4px;border-top:1px solid #edf0f4}.campaigns-conditional{padding-top:12px;border-top:1px solid #edf0f4}.campaign-mini-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.campaign-mini-head>strong{font-size:10px}.campaign-mini-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f5}.campaign-mini-row:last-child{border-bottom:0}.campaign-mini-row strong,.campaign-mini-row small{display:block}.campaign-mini-row strong{font-size:10px}.campaign-mini-row small{font-size:8px;color:var(--muted);margin-top:3px}.social-bridge-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.social-bridge-card h3{margin:4px 0 5px}.social-bridge-card p{margin:0;color:var(--muted);font-size:10px}

@media(max-width:1180px){.marketing-flow-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ads-platform-grid{grid-template-columns:1fr}.marketing-module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.marketing-flow-nav,.marketing-module-grid{grid-template-columns:1fr}.marketing-layout{grid-template-columns:1fr!important}.qr-panel{grid-template-columns:1fr}.qr-panel img{width:135px;height:135px}.social-bridge-card,.semantic-banner{flex-direction:column;align-items:flex-start}.semantic-banner strong{white-space:normal}}

.alert.warning{background:var(--state-wait-bg);color:#9a4934;border-color:#f1c9bb}

/* ===== Desarrollo · integración Mishell ===== */
/* Dev- resumen - dashboard */

.development-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 22px;
}
.development-summary-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:16px;
  padding:17px 18px;
  min-height:105px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 8px 24px rgba(20,31,54,.05);
}

.development-summary-card span{
  display:block;
  color:var(--muted);
  font-size:11px;
}

.development-summary-card strong{
  display:block;
  margin-top:10px;
  font-size:26px;
  line-height:1;
  letter-spacing:-.6px;
  color:var(--text);
}

@media(max-width:1100px){
  .development-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:780px){
  .development-summary-grid{
    grid-template-columns:1fr;
  }
}

/* resumen - dashboard - reminders */

.development-summary-link{
  color:inherit;
  text-decoration:none;
  transition:.18s ease;
}

.development-summary-link:hover{
  transform:translateY(-2px);
  border-color:#cbd7f5;
  box-shadow:0 14px 30px rgba(20,31,54,.08);
}

@media(max-width:1200px){
  .development-summary-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .development-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .development-summary-grid{
    grid-template-columns:1fr;
  }
}

.development-filter.active{
  border-color:#9fb3ee;
  background:#f2f6ff;
  box-shadow:0 10px 26px rgba(35,88,230,.10);
}

.development-filter{
  cursor:pointer;
  text-align:left;
  font:inherit;
}


.service-row{
  transition:
    opacity .16s ease,
    transform .16s ease,
    background-color .16s ease;
}

.service-drag-handle{
  width:42px;
  min-width:42px;
  height:42px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--muted);
  font-size:18px;
  line-height:1;
  cursor:grab;
  user-select:none;
}

.service-drag-handle:hover{
  border-color:#aebbd2;
  color:var(--text);
}

.service-drag-handle:active{
  cursor:grabbing;
}

.service-row.dragging{
  opacity:.45;
  background:#f5f7fb;
}

.requirement-accordion{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.requirement-card{
  border:1px solid #e3e8f0;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

.requirement-card-head{
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(280px,1fr) 180px 120px 90px;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border:0;
  background:#fff;
  text-align:left;
  cursor:pointer;
}

.requirement-card-head:hover{
  background:#fafbfd;
}

.requirement-number{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#edf4ff;
  color:#2464ce;
  font-size:11px;
  font-weight:800;
}

.requirement-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.requirement-copy strong{
  color:#17243a;
  font-size:14px;
}

.requirement-copy small{
  color:#7c889b;
  font-size:11px;
}

.requirement-progress-wrap{
  display:flex;
  align-items:center;
  gap:9px;
}

.requirement-progress{
  width:110px;
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#e8edf3;
}

.requirement-progress i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#2b7cff;
}

.requirement-percent{
  min-width:34px;
  color:#66758b;
  font-size:11px;
  font-weight:800;
}

.requirement-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  background:#f0f3f7;
  color:#68758a;
  font-size:11px;
  font-weight:800;
}

.requirement-toggle-text{
  color:#2867c7;
  font-size:11px;
  font-weight:800;
  text-align:right;
}

.requirement-card-body{
  display:none;
  padding:18px;
  border-top:1px solid #e8ecf2;
  background:#fbfcfe;
}

.requirement-card.is-open .requirement-card-body{
  display:block;
}

.section-save-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #e4e9ef;
}

@media(max-width:1000px){

  .requirement-card-head{
    grid-template-columns:36px 1fr auto;
  }

  .requirement-progress-wrap{
    grid-column:2;
  }

  .requirement-status{
    grid-column:3;
    grid-row:1;
  }

  .requirement-toggle-text{
    grid-column:3;
  }

}

@media(max-width:650px){

  .requirement-card-head{
    grid-template-columns:34px 1fr;
  }

  .requirement-progress-wrap,
  .requirement-status,
  .requirement-toggle-text{
    grid-column:2;
  }

  .requirement-toggle-text{
    text-align:left;
  }

  .section-save-actions{
    flex-direction:column;
  }

}

/* ===== V13 · catálogo real + cards Diseño + métricas operativas ===== */
.metric-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr));
  gap:14px;
  margin:0 0 18px;
}
.compact-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.metric-card{
  min-width:0;
  min-height:108px;
  padding:17px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 8px 24px rgba(20,31,54,.05);
}
.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:11px;line-height:1.35}
.metric-card strong{display:block;margin:7px 0 3px;font-size:26px;line-height:1;letter-spacing:-.6px;color:var(--text)}
.metric-card.success-card{border-top:3px solid var(--accent)}
.metric-card.warning-card{border-top:3px solid var(--warning)}
.metric-card .mini-progress{width:100%;height:7px;margin-top:9px;background:#edf0f5;border-radius:999px;overflow:hidden}
.metric-card .mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#295ee9,#39b8cd)}
.money-line{display:block;font-weight:800;color:#263149;font-size:11px}
.receipt-links{display:flex;flex-direction:column;gap:5px;align-items:flex-start}

.design-project-card-v13{gap:12px}
.design-project-card-v13 h3{margin:16px 0 4px}
.design-project-card-v13>p{margin-bottom:0}
.design-project-card-v13 .contracted-mini-v9{margin-top:0}
.design-card-checks-v13{margin-top:2px}
.design-progress-copy-v13{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-2px;color:var(--muted);font-size:9px}
.design-progress-copy-v13 strong{font-size:10px;color:#43516a}
.design-resources-link-v13{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 11px;
  border:1px solid #e7ebf2;
  border-radius:12px;
  background:#fafbfe;
  transition:.18s;
}
.design-resources-link-v13:hover{border-color:#9fb3ee;background:#f2f6ff;transform:translateY(-1px)}
.design-resources-link-v13>span{min-width:0}
.design-resources-link-v13 b,.design-resources-link-v13 small{display:block}
.design-resources-link-v13 b{font-size:10px;color:#1b2941}
.design-resources-link-v13 small{margin-top:3px;font-size:8px;line-height:1.35;color:var(--muted)}
.design-resources-link-v13>strong{flex:0 0 auto;font-size:9px;color:var(--primary)}
.design-resources-link-v13.is-ready{background:#f3fbf8;border-color:#d7eee6}
.design-swatches-v13{margin-top:0}
.design-swatches-v13 span{width:28px;height:28px}

@media(max-width:1180px){.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:96px}.design-resources-link-v13{align-items:flex-start}}
@media(max-width:520px){.compact-metrics{grid-template-columns:1fr}}
.quick-status-select.success{background:#e5f7ef;border-color:#b8e5d6;color:#18755e}
.quick-status-select.warning-soft{background:#fff5dc;border-color:#eed89b;color:#926615}

/* ===== V15 · navegación por módulos + rastreador ===== */
.nav-v15{gap:7px;overflow-y:auto;padding-right:3px;margin-right:-3px;scrollbar-width:thin;scrollbar-color:#2c3850 transparent}
.nav-v15>.nav-link{margin-bottom:2px}
.nav-section{border:1px solid transparent;border-radius:14px;overflow:hidden;background:transparent}
.nav-section[open]{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.055)}
.nav-section summary{list-style:none;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:#c9d1df;cursor:pointer;user-select:none;transition:.15s}
.nav-section summary::-webkit-details-marker{display:none}
.nav-section summary:hover{background:var(--nav2);color:#fff}
.nav-section summary b{font-size:12px;font-weight:750;flex:1}
.nav-section summary>i{font-style:normal;color:#77849a;font-size:13px;transition:transform .18s}
.nav-section[open] summary>i{transform:rotate(180deg)}
.nav-section-icon{width:24px;text-align:center;font-size:15px;color:#9eb1d4}
.nav-section-links{padding:2px 5px 7px 12px;display:flex;flex-direction:column;gap:3px}
.nav-section-links .nav-link{padding:9px 10px 9px 8px;border-radius:10px;color:#aeb8ca}
.nav-section-links .nav-link>span{width:20px;font-size:13px}
.nav-section-links .nav-link b{font-size:11px;font-weight:650}
.nav-link.active{background:linear-gradient(90deg,rgba(55,96,230,.32),rgba(40,67,132,.18));color:#fff;box-shadow:inset 3px 0 0 #5e86ff}
.nav-link.active>span{color:#dce6ff}
.nav-empty-state{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 9px 9px 30px;color:#738098}
.nav-empty-state b{font-size:10px}.nav-empty-state small{font-size:8px;text-transform:uppercase;letter-spacing:.7px}
.nav-section-placeholder summary{opacity:.78}

.topbar-context{min-width:0;display:flex;flex-direction:column;justify-content:center}
.module-tracker{display:flex;align-items:center;gap:7px;min-width:0;color:#7b879b;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.75px;font-weight:700}
.module-tracker b{color:#506079;font-size:9px}
.module-tracker i{font-style:normal;color:#a9b2c0}
.module-tracker>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.module-tracker-dot{width:7px;height:7px;border-radius:50%;background:#2c64ef;box-shadow:0 0 0 4px rgba(44,100,239,.10);flex:0 0 auto}
.topbar-context h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}

/* Páginas de información por área */
.area-information-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:15px}
.area-information-card{display:flex;flex-direction:column;gap:14px}
.area-information-card .area-info-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.area-information-card .area-info-title h3{margin:0 0 4px;font-size:16px}
.area-information-card .area-info-title p{margin:0;color:var(--muted);font-size:10px}
.area-information-card .area-info-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.area-information-card .area-info-actions a{padding:10px;border:1px solid #e7ebf2;border-radius:11px;background:#fafbfe;font-size:10px;font-weight:800;color:#34425d;text-align:center}
.area-information-card .area-info-actions a:hover{border-color:#b7c7ef;background:#f2f6ff;color:var(--primary)}
.area-task-summary{display:flex;align-items:center;gap:12px;padding:11px 12px;background:#f8fafc;border:1px solid #edf0f4;border-radius:12px}
.area-task-summary>div{flex:1}.area-task-summary span,.area-task-summary small{display:block}.area-task-summary span{font-size:9px;color:var(--muted)}.area-task-summary strong{font-size:18px}.area-task-summary small{font-size:8px;color:#8791a2}

/* Logs */
.log-module-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef2f9;color:#53627b;font-size:9px;font-weight:800}
.log-description{max-width:520px;white-space:normal;line-height:1.45;color:#536078}

@media(max-width:900px){
  .module-tracker>span:last-child{max-width:180px}
  .topbar-context h1{max-width:480px}
}
@media(max-width:720px){
  .module-tracker{max-width:65vw}
  .module-tracker>span:last-child{max-width:46vw}
  .topbar-context h1{max-width:65vw}
  .area-information-grid{grid-template-columns:1fr}
}



/* ===== Desarrollo · Producción · Popup edición ===== */

.production-table-v5{
  width:100%;
  min-width:900px;
  table-layout:auto;
}

.production-table-v5 th,
.production-table-v5 td{
  vertical-align:middle;
}

.production-table-v5 .production-status-col,
.production-table-v5 .production-status-cell{
  width:82px;
  min-width:82px;
  max-width:82px;
  text-align:center;
}

.production-table-v5 .production-edit-col,
.production-table-v5 .production-edit-cell{
  width:52px;
  min-width:52px;
  max-width:52px;
  text-align:center;
}

.production-table-v5 .production-status-cell select{
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  padding:7px 22px 7px 8px !important;
  font-size:8px;
}

.production-edit-btn{
  width:34px;
  height:34px;
  padding:0;
  border:0;
  background:transparent;
  color:#286bc8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.production-edit-btn svg{
  width:18px;
  height:18px;
  display:block;
  pointer-events:none;
}

.production-edit-btn:hover{
  color:#174f9f;
}

.production-edit-btn:focus{
  outline:2px solid rgba(40,107,200,.18);
  outline-offset:2px;
}

.production-edit-source{
  display:none !important;
}

.production-popup{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.production-popup.is-open{
  display:flex !important;
}

.production-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,25,45,.58);
  backdrop-filter:blur(4px);
}

.production-popup-box{
  position:relative;
  z-index:2;
  width:min(980px,92vw);
  max-height:90vh;
  background:#fff;
  border-radius:18px;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.production-popup-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 22px;
  border-bottom:1px solid #e7ebf2;
  background:#fff;
}

.production-popup-body{
  overflow-y:auto;
  max-height:calc(90vh - 74px);
  background:#fff;
}

.production-popup-body form{
  margin:0;
}

.production-popup-body .production-edit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:22px;
  border-top:0;
}

.production-popup-body .form-wide{
  grid-column:1/-1;
}

.production-popup-body .production-item-footer{
  position:sticky;
  bottom:0;
  background:#fff;
  z-index:4;
  padding:14px 22px;
  border-top:1px solid #e7ebf2;
}

.production-popup-close{
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

body.production-popup-open{
  overflow:hidden;
}

.production-hidden-workspace{
  display:none !important;
}

@media(max-width:767px){
  .production-popup{
    padding:10px;
  }

  .production-popup-box{
    width:100%;
    max-height:95vh;
  }

  .production-popup-body .production-edit-grid{
    grid-template-columns:1fr;
    padding:16px;
  }

  .production-popup-body .form-wide{
    grid-column:1;
  }
}
/* ===== V16 · navegación por paneles, permisos visuales y acordeón ===== */
.nav-v16{gap:6px;overflow-y:auto;overflow-x:hidden;min-height:0;padding:2px 4px 14px 0;margin-right:-4px;scrollbar-width:thin;scrollbar-color:#34415b transparent}
.nav-v16 .nav-section{flex:0 0 auto;border:1px solid transparent;border-radius:14px;overflow:clip;background:transparent}
.nav-v16 .nav-section[open]{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.075)}
.nav-v16 .nav-section summary{min-height:44px;padding:10px 11px;border-radius:12px}
.nav-v16 .nav-section summary b,.nav-v16>.nav-link b{font-size:12px;font-weight:720;letter-spacing:.01em}
.nav-v16 .nav-section summary>i{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.045);font-size:11px;color:#8593aa}
.nav-v16 .nav-section[open] summary>i{background:rgba(95,134,255,.14);color:#c9d8ff}
.nav-v16 .nav-section-links{padding:3px 7px 8px 43px;gap:2px;border-top:1px solid rgba(255,255,255,.035)}
.nav-v16 .nav-section-links .nav-link{position:relative;padding:8px 9px;gap:8px;border-radius:9px}
.nav-v16 .nav-section-links .nav-link>span{width:18px;font-size:8px;letter-spacing:.08em;font-weight:900;color:#697895}
.nav-v16 .nav-section-links .nav-link.active>span{color:#adc2ff}
.nav-link-main{min-height:44px;position:relative}
.nav-link-main>em{margin-left:auto;font-style:normal;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#66758f;background:rgba(255,255,255,.045);padding:4px 6px;border-radius:999px}
.nav-link-main.active>em{color:#c8d7ff;background:rgba(94,134,255,.13)}
.nav-svg{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;color:#93a5c6}
.nav-svg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.nav-link.active .nav-svg,.nav-section[open] summary .nav-svg{color:#c9d8ff}
.nav-divider{display:flex;align-items:center;gap:9px;padding:10px 10px 4px;color:#56637b;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.nav-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.055)}
.sidebar{overflow:hidden}
.sidebar .brand{flex:0 0 auto}
.sidebar .sidebar-footer{flex:0 0 auto}

.project-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 180px auto auto;gap:10px;align-items:center;margin-bottom:18px;padding:12px;box-shadow:none}
.project-filter-bar select,.project-filter-search{height:42px;border:1px solid var(--line);border-radius:11px;background:#fff}
.project-filter-bar select{padding:0 11px;color:#43506a}
.project-filter-search{display:flex;align-items:center;gap:8px;padding:0 12px}
.project-filter-search>span{color:#8994a8;font-size:17px}.project-filter-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}

/* Semáforo de agenda: rojo -> naranja -> amarillo -> verde según tiempo restante. */
.deadline-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.deadline-stat.soon{border-color:#fdba74;background:#fff7ed;color:#9a3412}
.deadline-stat.warning{border-color:#fde68a;background:#fffbeb;color:#854d0e}
.deadline-pill.warning{background:#fef3c7;color:#854d0e}.deadline-pill.safe{background:#dcfce7;color:#166534}
.reminder-card.deadline-warning{border-color:#fde68a;background:#fffdf5}.reminder-card.deadline-safe{border-color:#bbf7d0}
.calendar-item.project-event.deadline-warning{outline:1px solid #eab308}.calendar-item.project-event.deadline-safe{outline:1px solid #22c55e}

@media(max-width:1100px){.project-filter-bar{grid-template-columns:1fr 1fr 1fr}.project-filter-search{grid-column:1/-1}.deadline-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.project-filter-bar{grid-template-columns:1fr}.project-filter-search{grid-column:auto}.deadline-summary{grid-template-columns:1fr!important}}

.deadline-pill.today{background:#fee2e2;color:#b42318}.deadline-pill.soon{background:#ffedd5;color:#9a3412}
.meeting-row.deadline-overdue{background:#fff7f7}.meeting-row.deadline-today{background:#fff9f2}.meeting-row.deadline-soon{background:#fffbf5}.meeting-row.deadline-warning{background:#fffdf2}
.meeting-row.deadline-overdue td:first-child{box-shadow:inset 4px 0 0 #dc2626}.meeting-row.deadline-today td:first-child{box-shadow:inset 4px 0 0 #ef4444}.meeting-row.deadline-soon td:first-child{box-shadow:inset 4px 0 0 #f97316}.meeting-row.deadline-warning td:first-child{box-shadow:inset 4px 0 0 #eab308}.meeting-row.deadline-safe td:first-child{box-shadow:inset 4px 0 0 #22c55e}


/* ===== Navegación refinada ===== */
body[data-nav-group]{--sidebar-highlight:rgba(94,134,255,.15)}
.sidebar{background:radial-gradient(circle at top left,rgba(76,115,255,.18),transparent 24%),linear-gradient(180deg,#101726,#0b111d 76%);border-right:1px solid rgba(255,255,255,.04)}
.brand{padding:4px 10px 20px}.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-35% auto auto -35%;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12)}
.nav-v16>.nav-link,.nav-v16 .nav-section summary{position:relative}
.nav-v16>.nav-link:hover,.nav-v16 .nav-section summary:hover,.nav-v16 .nav-section-links .nav-link:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(3px)}
.nav-v16>.nav-link.active,.nav-v16 .nav-section-links .nav-link.active{background:linear-gradient(90deg,rgba(71,110,255,.28),rgba(52,72,124,.08));color:#fff;border:1px solid rgba(110,144,255,.18);box-shadow:inset 3px 0 0 #7da0ff,0 10px 26px rgba(10,14,24,.20)}
.nav-v16>.nav-link.active:after,.nav-v16 .nav-section-links .nav-link.active:after{content:"";position:absolute;right:10px;top:50%;width:7px;height:7px;border-radius:50%;background:#dce7ff;transform:translateY(-50%);box-shadow:0 0 0 5px rgba(220,231,255,.08)}
.nav-v16 .nav-section[open]{background:rgba(255,255,255,.04);border-color:rgba(124,148,213,.12)}.nav-v16 .nav-section[open] summary{background:rgba(255,255,255,.05)}
.nav-v16 .nav-section summary>i{transition:transform .2s ease,background .2s ease,color .2s ease}.nav-v16 .nav-section-links{padding-left:44px}.nav-v16 .nav-section-links .nav-link{min-height:36px}.nav-link-main>em{transition:.18s ease}
.topbar{height:92px;background:rgba(255,255,255,.92);box-shadow:0 10px 32px rgba(18,25,39,.05)}.topbar-context{gap:5px}.module-tracker{display:inline-flex;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:#f4f7fc;border:1px solid #e7ecf5}.module-tracker-dot{width:8px;height:8px}.topbar h1{letter-spacing:-.03em}.role-pill{box-shadow:0 10px 24px rgba(35,88,230,.10);border:1px solid #dfe7fa}
.menu-toggle{display:none;position:relative;align-items:center;justify-content:center;gap:0;background:#f3f6fb;border:1px solid #e4eaf4;box-shadow:0 6px 16px rgba(19,32,55,.06)}.menu-toggle span{display:block;width:16px;height:2px;border-radius:999px;background:#25324a}.menu-toggle span+span{margin-top:3px}@media(max-width:780px){.menu-toggle{display:inline-flex;flex-direction:column}.topbar{height:78px}}

/* Los botones se normalizan exclusivamente en el Design System global V25. */

/* ===== V19 · Marketing premium minimalista ===== */
body[data-namespace="marketing"]{--mk-ink:#17243a;--mk-muted:#748095;--mk-line:#e7ecf3;--mk-soft:#f7f9fc;--mk-blue:#315f8d;--mk-green:#1b9368;--mk-amber:#b78024;--mk-red:#b94a4a}
body[data-namespace="marketing"] .content{max-width:1540px}
.marketing-premium-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:24px;align-items:end;padding:28px 30px;margin-bottom:16px;border:1px solid #e4eaf2;border-radius:24px;background:linear-gradient(135deg,#fff,#f7f9fc 62%,#edf4f8);box-shadow:0 16px 40px rgba(25,41,67,.06)}
.marketing-premium-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-150px;background:radial-gradient(circle,rgba(55,107,143,.14),rgba(55,107,143,0) 70%)}
.marketing-premium-hero>div{position:relative;z-index:1}.marketing-premium-hero h2{margin:5px 0 8px;font-size:30px;letter-spacing:-.045em;color:var(--mk-ink)}.marketing-premium-hero p{max-width:800px;margin:0;color:var(--mk-muted);font-size:13px;line-height:1.6}.marketing-premium-hero .actions{position:relative;z-index:2;justify-content:flex-end}
.marketing-kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;margin-bottom:16px}.marketing-kpi-card{background:#fff;border:1px solid var(--mk-line);border-radius:16px;padding:15px 16px;box-shadow:0 7px 20px rgba(24,39,64,.035)}.marketing-kpi-card span,.marketing-kpi-card small{display:block}.marketing-kpi-card span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--mk-muted);font-weight:850}.marketing-kpi-card strong{display:block;margin:5px 0 2px;font-size:25px;color:var(--mk-ink);letter-spacing:-.04em}.marketing-kpi-card small{font-size:9px;color:#8b95a5}
.marketing-launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.marketing-launch-card{display:grid;grid-template-columns:46px minmax(0,1fr) 26px;gap:12px;align-items:center;padding:16px;background:#fff;border:1px solid var(--mk-line);border-radius:18px;box-shadow:0 9px 26px rgba(24,39,64,.04);transition:.18s ease}.marketing-launch-card:hover{transform:translateY(-2px);border-color:#cad8e5;box-shadow:0 14px 30px rgba(24,39,64,.07)}.marketing-launch-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef4f8;color:#3f6d8d}.marketing-launch-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.marketing-launch-card strong,.marketing-launch-card small{display:block}.marketing-launch-card strong{font-size:12px;color:var(--mk-ink)}.marketing-launch-card small{margin-top:4px;color:var(--mk-muted);font-size:9px;line-height:1.4}.marketing-launch-arrow{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f3f6f9;color:#8290a3;font-size:13px}
.marketing-section-title{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:22px 0 12px}.marketing-section-title h3{margin:3px 0 0;font-size:18px;color:var(--mk-ink)}.marketing-section-title p{margin:4px 0 0;color:var(--mk-muted);font-size:10px}.marketing-projects-premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.marketing-project-card{background:#fff;border:1px solid var(--mk-line);border-radius:18px;padding:17px;box-shadow:0 8px 24px rgba(24,39,64,.04);transition:.18s ease}.marketing-project-card:hover{transform:translateY(-2px);border-color:#cad7e4;box-shadow:0 15px 32px rgba(24,39,64,.07)}.marketing-project-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.marketing-project-top h4{margin:5px 0 2px;font-size:16px;color:var(--mk-ink)}.marketing-project-top p{margin:0;color:var(--mk-muted);font-size:10px}.marketing-progress-ring{min-width:58px;text-align:right}.marketing-progress-ring strong{display:block;font-size:20px;color:var(--mk-ink)}.marketing-progress-ring small{display:block;margin-top:2px;font-size:8px;color:var(--mk-muted)}.marketing-project-card .progress{height:7px;margin:13px 0 10px}.marketing-project-card .progress i{background:linear-gradient(90deg,#416e94,#2a9d78)}.marketing-project-status{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 12px;font-size:9px;color:var(--mk-muted)}.marketing-project-status span{display:inline-flex;align-items:center;gap:6px}.marketing-project-status i{display:block;width:7px;height:7px;border-radius:50%;background:#cc7e39}.marketing-project-status .done i{background:#2a9d78}.marketing-project-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.marketing-project-actions a{padding:9px 8px;border:1px solid #e8edf3;border-radius:11px;background:#fafbfd;text-align:center;font-size:9px;font-weight:800;color:#526178;transition:.16s}.marketing-project-actions a:hover{border-color:#cbd8e5;background:#f3f7fa;color:#315f8d}.marketing-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.marketing-activity-card{padding:18px}.marketing-activity-card .list-row{padding:11px 2px}

/* Stepper por proyecto */
.marketing-flow-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 16px}.marketing-flow-step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--mk-line);border-radius:14px;background:#fff;box-shadow:none;transition:.17s ease}.marketing-flow-step:hover{transform:translateY(-1px);border-color:#cbd8e5}.marketing-flow-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f4f7;color:#69788c;font-size:9px;font-weight:900}.marketing-flow-step strong,.marketing-flow-step small{display:block}.marketing-flow-step strong{font-size:10px;color:#3a485e}.marketing-flow-step small{font-size:8px;color:#8a95a6;margin-top:2px}.marketing-flow-step.flow-success{border-color:#d6eadd;background:#fbfefc}.marketing-flow-step.flow-success>span{background:#e5f6ed;color:#1b825c}.marketing-flow-step.flow-wait{border-color:#eedfc8;background:#fffdfa}.marketing-flow-step.flow-wait>span{background:#fff2d9;color:#a67322}.marketing-flow-step.flow-danger{border-color:#edd7d7;background:#fffdfd}.marketing-flow-step.flow-danger>span{background:#fae8e8;color:#ac4747}.marketing-flow-step.active{outline:0!important;border-color:#8daec4!important;box-shadow:0 0 0 3px rgba(67,112,145,.08)!important}.marketing-flow-step.active:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;border-radius:999px;background:#416e94}.marketing-flow-step.locked-soft{opacity:.58;filter:saturate(.6)}

/* Formularios y paneles internos */
body[data-namespace="marketing"] .marketing-page-intro{margin-bottom:14px}.marketing-page-intro h2{font-size:26px}.marketing-layout{gap:14px}.marketing-side-stack{gap:14px}.marketing-section-card{border-color:var(--mk-line);box-shadow:0 9px 26px rgba(24,39,64,.045);border-radius:18px}.marketing-section-card .card-head{padding-bottom:12px;border-bottom:1px solid #eef1f5}.marketing-form-section{position:relative;padding:17px 0 16px;border-top:1px solid #eef1f5}.marketing-form-section:first-of-type{border-top:0}.marketing-form-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:11px;color:#33415a}.marketing-form-section h4:before{content:"";width:8px;height:8px;border-radius:50%;background:#5a7f9d;box-shadow:0 0 0 4px #eef4f8}.marketing-section-card input,.marketing-section-card select,.marketing-section-card textarea{background:#fbfcfe;border-color:#dfe6ef}.marketing-section-card input:focus,.marketing-section-card select:focus,.marketing-section-card textarea:focus{background:#fff;border-color:#8aa9bf;box-shadow:0 0 0 3px rgba(71,112,145,.08)}.marketing-side-stack>.card{position:sticky;top:110px}.semantic-banner{border-radius:13px;box-shadow:none}.semantic-banner.is-success{background:#f3fbf7;border-color:#d4ebdf;color:#1a7654}.semantic-banner.is-wait{background:#fffaf1;border-color:#f0dfc3;color:#89611c}.semantic-banner.is-danger{background:#fff7f7;border-color:#efd8d8;color:#a04444}.semantic-pill{letter-spacing:.02em}
.marketing-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.marketing-module-card{border-radius:17px;box-shadow:0 8px 24px rgba(24,39,64,.04);border-color:var(--mk-line);padding:17px}.marketing-module-card:hover{transform:translateY(-2px);border-color:#cbd8e5;box-shadow:0 14px 30px rgba(24,39,64,.07)}.marketing-module-card .module-no{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef4f8;color:#456e8c}.marketing-module-card h3{margin-top:12px}.marketing-module-card p{min-height:0;line-height:1.45}.marketing-module-card b{color:#416e94}

/* Bandejas operativas */
.mk-op-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}.mk-op-head h2{margin:4px 0 5px;font-size:27px;letter-spacing:-.04em}.mk-op-head p{margin:0;color:var(--mk-muted);max-width:790px;font-size:11px;line-height:1.55}.mk-op-filter{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(180px,240px) auto auto;gap:9px!important;align-items:center;padding:10px!important;margin-bottom:14px!important;border-radius:15px!important;box-shadow:none!important}.mk-op-filter input,.mk-op-filter select{min-width:0!important;height:44px;background:#fbfcfe}.mk-op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mk-op-card{padding:0!important;overflow:hidden;border-radius:18px!important;border-color:var(--mk-line)!important;box-shadow:0 8px 24px rgba(24,39,64,.04)!important}.mk-op-card-head{padding:16px 17px!important;border-bottom:0!important;background:linear-gradient(180deg,#fff,#fbfcfe)}.mk-op-card-head h3{margin:4px 0 2px!important;font-size:16px!important}.mk-op-card-head p{font-size:10px!important}.mk-op-progress{min-width:105px!important}.mk-op-progress strong{font-size:21px!important;letter-spacing:-.04em}.mk-op-progress small{font-size:8px!important}.mk-op-bar{height:6px!important;background:#edf1f5!important}.mk-op-body{padding:0 17px 16px!important}.mk-op-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.mk-op-fact{border:0!important;border-radius:11px!important;padding:10px 11px!important;background:#f7f9fc}.mk-op-fact span{font-size:8px!important;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.mk-op-fact strong{font-size:10px!important;color:#344158}.mk-op-actions{padding-top:12px;margin-top:12px!important;border-top:1px solid #eef1f5}.mk-empty{border-style:dashed!important;box-shadow:none!important}.mk-op-bar.red i{background:#c85e5e!important}.mk-op-bar.wait i{background:#c99749!important}.mk-op-bar.green i{background:#26966c!important}

/* Tareas de Marketing */
.mt-head{align-items:flex-end!important;margin-bottom:14px!important}.mt-head h2{font-size:27px;letter-spacing:-.04em}.mt-head p{font-size:11px;line-height:1.55}.mt-kpis{grid-template-columns:repeat(3,minmax(150px,1fr))!important;gap:10px!important}.mt-kpi{border-radius:16px!important;padding:14px 15px!important;box-shadow:0 7px 20px rgba(24,39,64,.035)!important}.mt-kpi span{font-size:9px!important;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.mt-kpi strong{font-size:24px!important}.mt-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) 190px 190px auto auto;gap:8px!important;padding:10px!important;border-radius:15px!important;box-shadow:none!important}.mt-filter input,.mt-filter select{min-width:0!important;height:44px}.mt-list{gap:9px!important}.mt-task{padding:14px 16px!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(24,39,64,.035)!important}.mt-task-top{grid-template-columns:minmax(230px,1.45fr) 120px 155px auto!important;gap:12px!important}.mt-task-title h3{font-size:14px!important}.mt-task-title p{font-size:9px!important;line-height:1.45}.mt-state{font-size:9px!important}.mt-meta span{font-size:8px!important}.mt-meta strong{font-size:10px!important}.mt-actions{gap:6px!important}

@media(max-width:1180px){.marketing-kpi-strip{grid-template-columns:repeat(3,1fr)}.marketing-launch-grid{grid-template-columns:repeat(2,1fr)}.marketing-projects-premium{grid-template-columns:repeat(2,1fr)}.mk-op-filter{grid-template-columns:1fr 1fr auto}.mt-filter{grid-template-columns:1fr 1fr 1fr}.marketing-activity-grid{grid-template-columns:1fr}}
@media(max-width:900px){.marketing-premium-hero{grid-template-columns:1fr}.marketing-premium-hero .actions{justify-content:flex-start}.marketing-projects-premium,.mk-op-grid{grid-template-columns:1fr}.marketing-flow-nav{grid-template-columns:repeat(2,1fr)}.marketing-side-stack>.card{position:static}.mt-task-top{grid-template-columns:1fr 1fr!important}.mk-op-filter,.mt-filter{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.marketing-kpi-strip,.marketing-launch-grid,.marketing-flow-nav{grid-template-columns:1fr}.marketing-projects-premium{grid-template-columns:1fr}.marketing-project-actions{grid-template-columns:1fr}.mk-op-filter,.mt-filter{grid-template-columns:1fr}.mt-task-top{grid-template-columns:1fr!important}}

/* ===== V20 · Auditoría separada + sincronización Social Media ===== */
.marketing-kpi-strip{grid-template-columns:repeat(6,minmax(130px,1fr))}
.marketing-social-sync-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.marketing-social-sync{display:block;padding:14px;border:1px solid var(--mk-line,#e7ecf3);border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(24,39,64,.035);transition:.17s ease}
.marketing-social-sync:hover{transform:translateY(-2px);border-color:#cbd8e5;box-shadow:0 13px 28px rgba(24,39,64,.07)}
.marketing-social-sync h4{margin:5px 0 3px;font-size:13px}.marketing-social-sync p{margin:0;color:var(--muted);font-size:9px}
.marketing-social-counts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.marketing-social-counts span{padding:8px 9px;border-radius:10px;background:#f6f8fb;font-size:8px;color:#6e7b90}.marketing-social-counts b{display:block;font-size:14px;color:#2c3b53;margin-bottom:2px}
.marketing-social-bars{display:grid;gap:7px;margin-top:10px}.marketing-social-bars>div>span{display:block;font-size:8px;color:#748095;margin-bottom:4px}.marketing-social-bars .progress{height:6px;margin:0}.marketing-social-bars .progress i{background:linear-gradient(90deg,#7658bb,#9a78d2)}.marketing-social-bars .progress.marketing i{background:linear-gradient(90deg,#c18a25,#e0ad48)}
@media(max-width:1250px){.marketing-kpi-strip{grid-template-columns:repeat(3,1fr)}.marketing-social-sync-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.marketing-kpi-strip,.marketing-social-sync-grid{grid-template-columns:1fr}}
.marketing-social-items{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.marketing-social-items span{padding:4px 6px;border-radius:999px;background:#fff5df;color:#88621d;font-size:8px;font-weight:800}

/* ===== V21 · Proyectos: bandeja horizontal + ficha interna premium ===== */
:root{--prj-blue:#376b9a;--prj-red:#c95a5a;--prj-yellow:#c69a3e;--prj-green:#2f9b6f;--prj-gray:#7f8a99;--prj-teal:#2d8f86;--prj-line:#e3e9f1;--prj-soft:#f7f9fc;--prj-ink:#22304a}
.project-board-head-v21{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.project-board-head-v21 h2{margin:4px 0 5px;font-size:29px;letter-spacing:-.04em}.project-board-head-v21 p{margin:0;color:var(--muted);font-size:11px;max-width:780px;line-height:1.55}
.project-summary-strip-v21{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:14px}.project-summary-item{position:relative;overflow:hidden;background:#fff;border:1px solid var(--prj-line);border-radius:15px;padding:13px 14px;box-shadow:0 7px 20px rgba(20,31,54,.035)}.project-summary-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--prj-gray)}.project-summary-item span,.project-summary-item small{display:block}.project-summary-item span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#758197}.project-summary-item strong{display:block;font-size:23px;margin:4px 0 2px;color:var(--prj-ink);letter-spacing:-.04em}.project-summary-item small{font-size:8px;color:#929bab}.project-summary-item.pending:before{background:var(--prj-red)}.project-summary-item.development:before{background:var(--prj-yellow)}.project-summary-item.active:before{background:var(--prj-blue)}.project-summary-item.complete:before{background:var(--prj-green)}.project-summary-item.neutral:before{background:var(--prj-gray)}
.project-filter-v21{border-radius:17px!important;border-color:var(--prj-line)!important;background:#fff!important;padding:10px!important;margin-bottom:14px!important}.project-filter-v21 .project-filter-search{background:#fbfcfe}.project-search-icon{display:grid!important;place-items:center;width:24px!important;color:#6f7f96!important}.project-search-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.project-filter-v21 select{background:#fbfcfe}.project-filter-v21 input:focus,.project-filter-v21 select:focus{box-shadow:none;border-color:#b7c5d8}
.project-wide-list-v21{display:flex;flex-direction:column;gap:10px}.project-wide-row-v21{position:relative;display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(260px,1.25fr) minmax(245px,1fr) 150px 78px;gap:18px;align-items:center;background:#fff;border:1px solid var(--prj-line);border-radius:18px;padding:16px 15px 16px 22px;box-shadow:0 7px 22px rgba(20,31,54,.04);transition:.17s ease;overflow:hidden}.project-wide-row-v21:hover{transform:translateY(-1px);border-color:#cfd9e6;box-shadow:0 13px 30px rgba(20,31,54,.07)}.project-state-rail-v21{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--prj-blue)}.project-wide-row-v21.state-pending .project-state-rail-v21{background:var(--prj-red)}.project-wide-row-v21.state-development .project-state-rail-v21{background:var(--prj-yellow)}.project-wide-row-v21.state-complete .project-state-rail-v21{background:var(--prj-green)}.project-wide-row-v21.state-neutral .project-state-rail-v21{background:var(--prj-gray)}.project-wide-row-v21.state-ready .project-state-rail-v21{background:var(--prj-teal)}
.project-identity-v21{min-width:0}.project-code-line-v21{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-identity-v21 h3{margin:8px 0 3px;font-size:16px;color:var(--prj-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-identity-v21 p{margin:0;color:#526078;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-identity-v21>small{display:block;margin-top:6px;color:#8a95a6;font-size:8px}.project-state-pill-v21{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#edf3fa;color:#41688f;font-size:8px;font-weight:900;letter-spacing:.03em;white-space:nowrap}.project-state-pill-v21 i{width:7px;height:7px;border-radius:50%;background:currentColor;display:block}.project-state-pill-v21.state-pending{background:#fceaea;color:#a94a4a}.project-state-pill-v21.state-development{background:#fff5df;color:#936b19}.project-state-pill-v21.state-complete{background:#e9f8f0;color:#247b59}.project-state-pill-v21.state-neutral{background:#f0f2f5;color:#667284}.project-state-pill-v21.state-ready{background:#e7f6f4;color:#26776f}
.project-column-label-v21{display:block;font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#9aa3b0;margin-bottom:7px}.project-services-v21{min-width:0}.project-service-chips-v21{display:flex;flex-wrap:wrap;gap:5px;max-height:55px;overflow:hidden}.service-chip-v21{display:inline-flex;align-items:center;min-height:24px;padding:5px 8px;border-radius:999px;background:#f1f4f8;color:#55647a;font-size:8px;font-weight:800;line-height:1.2}.service-chip-v21.dept-design{background:#f2ecfb;color:#7757ad}.service-chip-v21.dept-marketing{background:#edf5fb;color:#436d91}.service-chip-v21.dept-development{background:#eaf7f4;color:#31756b}.service-chip-v21.dept-administration{background:#f4f1ed;color:#776856}.project-muted-v21{font-size:9px;color:#919bac}
.project-areas-v21{display:grid;gap:6px}.project-area-line-v21{display:grid;grid-template-columns:68px minmax(70px,1fr) 34px;gap:7px;align-items:center}.project-area-line-v21>span{font-size:8px;font-weight:800;color:#5a687d}.project-area-line-v21>div{height:5px;border-radius:999px;background:#edf1f5;overflow:hidden}.project-area-line-v21>div i{display:block;height:100%;border-radius:999px;background:#657f9c}.project-area-line-v21:nth-of-type(3)>div i{background:#8570ae}.project-area-line-v21:nth-of-type(4)>div i{background:#4e9485}.project-area-line-v21>b{font-size:8px;color:#526078;text-align:right}.project-area-line-v21.is-disabled{opacity:.28}
.project-overall-v21{text-align:left}.project-overall-v21>strong{display:block;font-size:23px;letter-spacing:-.05em;color:var(--prj-ink)}.project-overall-bar-v21{height:7px;border-radius:999px;background:#edf1f5;overflow:hidden;margin:6px 0}.project-overall-bar-v21 i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--prj-blue),#4ea8a0)}.state-pending .project-overall-bar-v21 i{background:linear-gradient(90deg,#bd4d4d,#d97969)}.state-development .project-overall-bar-v21 i{background:linear-gradient(90deg,#b9892b,#e0b65d)}.state-complete .project-overall-bar-v21 i{background:linear-gradient(90deg,#23875f,#4db58b)}.state-neutral .project-overall-bar-v21 i{background:linear-gradient(90deg,#758192,#9da5b1)}.project-overall-v21>small{font-size:7.5px;color:#949dac}
.project-open-v21{display:grid;justify-items:center;gap:6px}.project-eye-button-v21{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#587a99,#41627f);box-shadow:0 9px 18px rgba(42,73,101,.18);transition:.17s ease}.project-eye-button-v21>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#456986;box-shadow:0 4px 10px rgba(17,24,39,.12)}.project-eye-button-v21 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.project-eye-button-v21:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(42,73,101,.23)}.project-open-v21>small{font-size:7px;color:#9aa3b1;text-align:center}

/* Ficha interna */
.project-detail-hero-v21{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding:24px 26px;margin-bottom:14px;border:1px solid var(--prj-line);border-radius:22px;background:linear-gradient(135deg,#fff,#f7f9fc);box-shadow:0 10px 30px rgba(20,31,54,.05)}.project-detail-hero-v21:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--prj-blue)}.project-detail-hero-v21.state-pending:before{background:var(--prj-red)}.project-detail-hero-v21.state-development:before{background:var(--prj-yellow)}.project-detail-hero-v21.state-complete:before{background:var(--prj-green)}.project-detail-hero-v21.state-neutral:before{background:var(--prj-gray)}.project-detail-hero-v21.state-ready:before{background:var(--prj-teal)}.project-detail-topline-v21{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#7b8798;font-size:8px;font-weight:800}.project-detail-hero-main-v21 h2{margin:9px 0 4px;font-size:30px;letter-spacing:-.045em;color:#1d2b44}.project-detail-hero-main-v21>p{margin:0;color:#5e6b7e;font-size:11px}.project-detail-progress-v21{max-width:700px;margin-top:17px}.project-detail-progress-v21>div:first-child{display:flex;justify-content:space-between;align-items:center}.project-detail-progress-v21 span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#8190a5}.project-detail-progress-v21 b{font-size:18px}.project-detail-progress-v21 small{display:block;color:#8c96a6;font-size:8px;margin-top:4px}.project-detail-actions-v21{max-width:520px;justify-content:flex-end}.project-detail-actions-v21 .btn{min-width:165px}
.project-detail-kpis-v21{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-bottom:20px}.project-detail-kpis-v21>div{background:#fff;border:1px solid var(--prj-line);border-radius:15px;padding:13px 14px;box-shadow:0 6px 18px rgba(20,31,54,.03)}.project-detail-kpis-v21 span,.project-detail-kpis-v21 small{display:block}.project-detail-kpis-v21 span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#8a95a7;font-weight:850}.project-detail-kpis-v21 strong{display:block;margin:5px 0 2px;font-size:19px;color:var(--prj-ink)}.project-detail-kpis-v21 small{font-size:8px;color:#9aa3af}
.project-section-v21{margin:0 0 22px}.project-section-heading-v21{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:0 0 10px;padding:0 2px}.project-section-heading-v21 h3{margin:3px 0 3px;font-size:18px;color:var(--prj-ink)}.project-section-heading-v21 p{margin:0;color:#7f8a9a;font-size:9px}.project-area-board-v21{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.project-area-card-v21{border:1px solid var(--prj-line);border-radius:17px;background:#fff;padding:15px;box-shadow:0 7px 20px rgba(20,31,54,.035)}.project-area-card-head-v21{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.project-area-icon-v21{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf2f7;color:#596b83;font-size:9px;font-weight:900}.project-area-card-head-v21 strong,.project-area-card-head-v21 small{display:block}.project-area-card-head-v21 strong{font-size:11px}.project-area-card-head-v21 small{font-size:8px;color:#8a95a7;margin-top:2px}.project-area-card-head-v21>b{font-size:17px;color:#344158}.project-area-card-v21.design .project-area-icon-v21{background:#f2ecfb;color:#7657a9}.project-area-card-v21.marketing .project-area-icon-v21{background:#edf5fb;color:#436d91}.project-area-card-v21.development .project-area-icon-v21{background:#eaf7f4;color:#2f786d}.project-area-card-v21.admin .project-area-icon-v21{background:#f4f1ed;color:#756858}.project-area-progress-v21{height:6px;background:#eef2f6;border-radius:999px;overflow:hidden;margin:12px 0}.project-area-progress-v21 i{display:block;height:100%;background:#75879c;border-radius:999px}.project-area-card-v21.design .project-area-progress-v21 i{background:#8a6bb5}.project-area-card-v21.marketing .project-area-progress-v21 i{background:#527d9e}.project-area-card-v21.development .project-area-progress-v21 i{background:#479184}.project-area-card-v21.is-complete .project-area-progress-v21 i{background:#2f9b6f}.project-area-checks-v21{display:flex;flex-wrap:wrap;gap:5px}.project-area-checks-v21 span{position:relative;padding:5px 7px 5px 17px;border-radius:999px;background:#f5f7fa;color:#7d8796;font-size:7.5px;font-weight:800}.project-area-checks-v21 span:before{content:"";position:absolute;left:7px;top:50%;width:5px;height:5px;border-radius:50%;background:#c3c9d1;transform:translateY(-50%)}.project-area-checks-v21 span.done{background:#eaf8f1;color:#32785e}.project-area-checks-v21 span.done:before{background:#2f9b6f}.project-area-link-v21{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #eef1f5;color:#476784;font-size:8px;font-weight:900}
.project-services-board-v21{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.project-service-group-v21{border:1px solid var(--prj-line);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(20,31,54,.035)}.project-service-group-v21>header{display:flex;align-items:center;gap:9px;padding:13px 14px;border-bottom:1px solid #eef1f5;background:#fbfcfd}.project-service-group-v21>header>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf2f7;color:#5b6c82;font-size:8px;font-weight:900}.project-service-group-v21>header strong,.project-service-group-v21>header small{display:block}.project-service-group-v21>header strong{font-size:10px}.project-service-group-v21>header small{font-size:7px;color:#8f99a8;margin-top:2px}.project-service-group-v21.design>header>span{background:#f2ecfb;color:#7657a9}.project-service-group-v21.marketing>header>span{background:#edf5fb;color:#436d91}.project-service-group-v21.development>header>span{background:#eaf7f4;color:#2f786d}.project-service-group-v21.admin>header>span{background:#f4f1ed;color:#756858}.project-service-group-v21>div{padding:4px 13px 10px}.project-service-row-v21{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f0f2f5}.project-service-row-v21:last-child{border-bottom:0}.project-service-row-v21 strong,.project-service-row-v21 span,.project-service-row-v21 small{display:block}.project-service-row-v21 strong{font-size:9px;color:#334057}.project-service-row-v21 span,.project-service-row-v21 small{font-size:7.5px;color:#8a95a5;margin-top:2px}.project-service-row-v21>div:last-child{text-align:right}.project-service-row-v21>div:last-child>b{font-size:9px;color:#39475d}
.project-operations-grid-v21{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:10px}.project-quick-card-v21,.project-data-card-v21,.project-team-card-v21{box-shadow:0 7px 20px rgba(20,31,54,.035)}.project-quick-links-v21{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.project-quick-links-v21>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid #e9edf3;border-radius:12px;background:#fafbfd;transition:.15s}.project-quick-links-v21>a:hover{background:#f4f7fa;border-color:#ccd8e4;transform:translateY(-1px)}.project-quick-links-v21>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef3f7;color:#526e87;font-size:8px;font-weight:900}.project-quick-links-v21 strong,.project-quick-links-v21 small{display:block}.project-quick-links-v21 strong{font-size:9px}.project-quick-links-v21 small{font-size:7.5px;color:#8a95a5;margin-top:2px}.project-quick-links-v21>a>b{font-size:11px;color:#8290a1}.project-data-list-v21{margin:0}.project-data-list-v21>div{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #eef1f5}.project-data-list-v21>div:last-child{border:0}.project-data-list-v21 dt{font-size:8px;color:#8a95a5}.project-data-list-v21 dd{margin:0;font-size:9px;font-weight:800;color:#3c495e}.project-team-list-v21>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #eef1f5}.project-team-list-v21>div:last-child{border:0}.project-team-list-v21 strong,.project-team-list-v21 span{display:block}.project-team-list-v21 strong{font-size:9px}.project-team-list-v21 span{font-size:7.5px;color:#8b96a6;margin-top:2px}
.project-manager-section-v21{padding:15px;border-radius:20px;background:#f2f5f9;border:1px solid #e2e7ee}.project-manager-grid-v21{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.project-finance-panel-v21,.project-admin-panel-v21{box-shadow:none}.project-payment-metrics-v21{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.project-payment-metrics-v21>div,.project-admin-metrics-v21>div{padding:10px;border-radius:11px;background:#f7f9fb;border:1px solid #edf0f4}.project-payment-metrics-v21 span,.project-payment-metrics-v21 strong,.project-admin-metrics-v21 span,.project-admin-metrics-v21 strong{display:block}.project-payment-metrics-v21 span,.project-admin-metrics-v21 span{font-size:7px;color:#8994a4}.project-payment-metrics-v21 strong,.project-admin-metrics-v21 strong{font-size:11px;margin-top:3px}.project-admin-metrics-v21{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:7px}.project-payment-history-v21,.project-domain-list-v21{margin-top:10px;padding-top:7px;border-top:1px solid #edf0f4}.project-subscriptions-v21{margin-top:13px;padding-top:12px;border-top:1px solid #edf0f4}.project-subscriptions-v21 h4{margin:0 0 6px;font-size:10px}.project-subscriptions-v21>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0f2f5}.project-subscriptions-v21>div:last-child{border:0}.project-subscriptions-v21 strong,.project-subscriptions-v21 span,.project-subscriptions-v21 b,.project-subscriptions-v21 a{display:block;font-size:8px}.project-subscriptions-v21 span{color:#8994a5;margin-top:2px}.project-subscriptions-v21>div>div:last-child{text-align:right}.project-shared-access-v21{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px}.project-shared-access-v21 h3{margin:4px 0}.project-shared-access-v21 p{margin:0;color:#7d8898;font-size:9px}.project-shared-list-v21>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #eef1f5}.project-shared-list-v21>div:last-child{border:0}.project-shared-list-v21 strong,.project-shared-list-v21 span{display:block}.project-shared-list-v21 strong{font-size:9px}.project-shared-list-v21 span{font-size:7.5px;color:#8a95a5;margin-top:2px}
.project-history-grid-v21{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-note-form-v21{display:grid;gap:9px;margin:0 0 10px}.project-note-form-v21 textarea{min-height:76px}.project-note-form-v21>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.project-note-form-v21 .inline-check{padding:0}
@media(max-width:1350px){.project-summary-strip-v21{grid-template-columns:repeat(3,1fr)}.project-wide-row-v21{grid-template-columns:minmax(210px,1.1fr) minmax(220px,1.1fr) minmax(220px,1fr) 130px 68px}.project-area-board-v21,.project-services-board-v21{grid-template-columns:repeat(2,1fr)}.project-operations-grid-v21{grid-template-columns:1fr 1fr}.project-quick-card-v21{grid-column:1/-1}}
@media(max-width:1050px){.project-wide-row-v21{grid-template-columns:1fr 1fr 90px}.project-services-v21{grid-column:1/2}.project-areas-v21{grid-column:2/3}.project-overall-v21{grid-column:1/3}.project-open-v21{grid-column:3;grid-row:1/4}.project-detail-hero-v21{grid-template-columns:1fr}.project-detail-actions-v21{justify-content:flex-start;max-width:none}.project-detail-kpis-v21{grid-template-columns:repeat(3,1fr)}.project-manager-grid-v21{grid-template-columns:1fr}.project-operations-grid-v21{grid-template-columns:1fr}.project-quick-card-v21{grid-column:auto}.project-history-grid-v21{grid-template-columns:1fr}}
@media(max-width:760px){.project-board-head-v21{align-items:flex-start;flex-direction:column}.project-summary-strip-v21{grid-template-columns:repeat(2,1fr)}.project-wide-row-v21{grid-template-columns:1fr;padding:15px 14px 15px 20px}.project-services-v21,.project-areas-v21,.project-overall-v21,.project-open-v21{grid-column:auto;grid-row:auto}.project-open-v21{justify-items:start;grid-template-columns:auto 1fr;align-items:center}.project-detail-kpis-v21{grid-template-columns:repeat(2,1fr)}.project-area-board-v21,.project-services-board-v21{grid-template-columns:1fr}.project-quick-links-v21{grid-template-columns:1fr}.project-shared-access-v21{grid-template-columns:1fr}.project-payment-metrics-v21,.project-admin-metrics-v21{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.project-summary-strip-v21,.project-detail-kpis-v21{grid-template-columns:1fr}.project-detail-hero-v21{padding:20px}.project-detail-hero-main-v21 h2{font-size:25px}.project-payment-metrics-v21,.project-admin-metrics-v21{grid-template-columns:1fr}.project-detail-actions-v21 .btn{width:100%}}

/* ===== V22 · Tareas de Gerencia + Auditoría operativa ===== */
.mg-area-panel{margin:0 0 18px;padding:16px 18px;border:1px solid #dfe6ef;border-radius:20px;background:linear-gradient(135deg,#ffffff,#f7f9fc);box-shadow:0 10px 28px rgba(20,31,54,.045)}
.mg-area-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}.mg-area-panel-head h3{margin:3px 0 4px;font-size:16px}.mg-area-panel-head p{margin:0;color:var(--muted);font-size:10px;max-width:760px}.mg-area-task-list{display:grid;gap:8px}.mg-area-task{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:14px;align-items:center;padding:12px 13px;border:1px solid #e8edf3;border-radius:14px;background:#fff;position:relative;overflow:hidden}.mg-area-task:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#c7ced8}.mg-area-task.status-doing:before{background:#d8a125}.mg-area-task.status-review:before{background:#3976d8}.mg-area-task.status-done:before{background:#21966a}.mg-area-task.priority-urgent:after{content:"Urgente";position:absolute;right:12px;top:8px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#a64040}.mg-area-task-main>strong{display:block;font-size:11px;color:#2f3b50}.mg-area-task-main p{margin:4px 0 0;font-size:9px;color:#667287;line-height:1.45}.mg-area-task-main small{display:block;margin-top:6px;font-size:8px;color:#8a95a6}.mg-area-task-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.mg-area-task-tags span{padding:4px 6px;border-radius:999px;background:#f1f4f8;color:#69768a;font-size:7px;font-weight:850}.mg-area-task-tags .mg-task-status{background:#eef4ff;color:#3a62a8}.mg-area-task-action{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:8px;align-items:center}.mg-area-task-action select{min-height:40px}
.mg-task-hero,.mg-form-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:17px}.mg-task-hero h2,.mg-form-head h2{margin:5px 0 6px;font-size:28px;letter-spacing:-.04em}.mg-task-hero p,.mg-form-head p{margin:0;max-width:850px;color:var(--muted);font-size:12px;line-height:1.55}.mg-task-kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-bottom:14px}.mg-task-kpis>.card{padding:15px;position:relative;overflow:hidden}.mg-task-kpis>.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#9aa5b5}.mg-task-kpis>.pending:before{background:#d97f37}.mg-task-kpis>.doing:before{background:#d7a42e}.mg-task-kpis>.review:before{background:#3c75cd}.mg-task-kpis>.done:before{background:#26936a}.mg-task-kpis span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7b8798;font-weight:850}.mg-task-kpis strong{display:block;font-size:25px;margin:4px 0}.mg-task-kpis small{font-size:8px;color:#8994a5}.mg-task-filter{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px auto auto;gap:9px;align-items:center;margin-bottom:14px;padding:11px 12px}.mg-task-filter input,.mg-task-filter select{min-height:44px}.mg-task-table-shell{padding:0;overflow:hidden}.mg-task-table-head,.mg-task-table-row{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(170px,.75fr) minmax(210px,.9fr) 160px 110px;gap:12px;align-items:center}.mg-task-table-head{padding:10px 16px;background:#f7f9fb;border-bottom:1px solid #e7ebf1;color:#7a8697;font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.mg-task-table-row{padding:13px 16px;border-bottom:1px solid #edf0f4;position:relative}.mg-task-table-row:last-child{border-bottom:0}.mg-task-table-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ccd2dc}.mg-task-table-row.status-doing:before{background:#d7a42e}.mg-task-table-row.status-review:before{background:#3976d8}.mg-task-table-row.status-done:before{background:#21966a}.mg-task-table-row strong,.mg-task-table-row small{display:block}.mg-task-table-row strong{font-size:10px}.mg-task-table-row small{font-size:8px;color:#8792a3;margin-top:3px;line-height:1.4}.mg-task-title{display:flex;gap:10px;align-items:flex-start}.mg-priority-dot{width:9px;height:9px;border-radius:50%;background:#a7b0bd;flex:0 0 9px;margin-top:3px}.mg-priority-dot.priority-high{background:#dc8c38}.mg-priority-dot.priority-urgent{background:#d65454}.mg-priority-dot.priority-low{background:#6390bd}.mg-status-pill{display:inline-flex!important;width:max-content;padding:5px 8px;border-radius:999px;font-size:8px!important;font-weight:850;background:#f0f2f5;color:#687487}.mg-status-pill.doing{background:#fff4dd;color:#8d680c}.mg-status-pill.review{background:#edf4ff;color:#3c65a9}.mg-status-pill.done{background:#e9f8f0;color:#21754e}
.mg-task-form{padding:0;overflow:hidden;max-width:1150px}.mg-form-section{padding:20px 22px;border-bottom:1px solid #edf0f4}.mg-form-section-title{display:flex;gap:11px;align-items:flex-start;margin-bottom:15px}.mg-form-section-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf3f8;color:#456b8c;font-size:9px;font-weight:900}.mg-form-section-title strong,.mg-form-section-title small{display:block}.mg-form-section-title strong{font-size:12px}.mg-form-section-title small{font-size:9px;color:#8893a4;margin-top:3px}.optional-project-block{background:#fbfcfd}.mg-form-save{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 22px;background:#f7f9fb}.mg-form-save strong,.mg-form-save span{display:block}.mg-form-save strong{font-size:10px}.mg-form-save span{font-size:8px;color:#8994a5;margin-top:3px}
@media(max-width:1100px){.mg-task-kpis{grid-template-columns:repeat(3,1fr)}.mg-task-table-head{display:none}.mg-task-table-row{grid-template-columns:1fr 1fr 1fr}.mg-task-table-row>.actions{justify-content:flex-start}.mg-task-filter{grid-template-columns:1fr 1fr 1fr}.mg-task-filter input{grid-column:1/-1}.mg-area-task{grid-template-columns:1fr}}
@media(max-width:720px){.mg-task-kpis,.mg-task-filter,.mg-task-table-row{grid-template-columns:1fr}.mg-area-panel-head,.mg-form-save{flex-direction:column;align-items:flex-start}.mg-area-task-action{grid-template-columns:1fr}.mg-form-save .btn{width:100%}}

/* ===== V12 · Catálogo de planes compacto por categoría ===== */
.plan-catalog-head-v12{align-items:center;margin-bottom:18px}
.plan-catalog-actions-v12{align-items:center}
.plan-catalog-v12{display:grid;gap:18px}
.plan-department-v12{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 8px 24px rgba(20,31,54,.045)}
.plan-department-head-v12{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #edf0f4}
.plan-department-head-v12 h3{margin:3px 0 0;font-size:17px;letter-spacing:-.02em}
.plan-category-stack-v12{display:grid;gap:14px;padding-top:14px}
.plan-category-v12{display:grid;grid-template-columns:165px minmax(0,1fr);gap:14px;align-items:start}
.plan-category-head-v12{padding:8px 4px}
.plan-category-head-v12 strong,.plan-category-head-v12 span{display:block}
.plan-category-head-v12 strong{font-size:12px;color:#26344c}
.plan-category-head-v12 span{margin-top:4px;font-size:9px;color:var(--muted)}
.plan-compact-grid-v12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.plan-compact-item-v12{position:relative;display:grid;grid-template-columns:4px minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:86px;padding:12px 12px 12px 0;border:1px solid #e8edf4;border-radius:14px;background:#fbfcfe;overflow:hidden;transition:.16s ease}
.plan-compact-item-v12:hover{border-color:#cad5e7;background:#fff;box-shadow:0 9px 22px rgba(20,31,54,.05);transform:translateY(-1px)}
.plan-compact-item-v12.is-disabled{opacity:.6}
.plan-compact-state-v12{align-self:stretch;width:4px;border-radius:0 999px 999px 0;background:#9aa6b8}
.plan-compact-state-v12.is-active{background:#23a975}
.plan-compact-main-v12{min-width:0}
.plan-compact-title-v12{display:flex;align-items:center;gap:8px;min-width:0}
.plan-compact-title-v12>strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-compact-title-v12 .status-dot{flex:0 0 auto}
.plan-compact-meta-v12{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.plan-compact-meta-v12>span{font-size:8px;font-weight:750;color:#5e6c82;background:#f0f3f8;border-radius:999px;padding:4px 6px}
.plan-compact-main-v12 p{margin:6px 0 0;color:#7a8596;font-size:9px;line-height:1.35}
.plan-compact-price-v12{text-align:right;min-width:74px}
.plan-compact-price-v12 strong,.plan-compact-price-v12 span{display:block}
.plan-compact-price-v12 strong{font-size:17px;color:#244d9d;letter-spacing:-.03em}
.plan-compact-price-v12 span{margin-top:2px;font-size:8px;color:var(--muted);font-weight:800}
.plan-compact-edit-v12{min-width:96px!important}
@media(max-width:1180px){.plan-compact-grid-v12{grid-template-columns:1fr}.plan-category-v12{grid-template-columns:145px minmax(0,1fr)}}
@media(max-width:780px){.plan-category-v12{grid-template-columns:1fr}.plan-category-head-v12{padding-bottom:0}.plan-compact-item-v12{grid-template-columns:4px minmax(0,1fr) auto}.plan-compact-edit-v12{grid-column:2/-1;justify-self:start}.plan-compact-price-v12{min-width:66px}.plan-catalog-actions-v12{width:100%}.plan-catalog-actions-v12 form,.plan-catalog-actions-v12 select{width:100%}}

/* ========================================================================== */
/* V25 · ROOT UI SYSTEM — único estándar visual de todo el CRM                */
/* Este bloque tiene prioridad deliberada sobre estilos locales de templates. */
/* ========================================================================== */
:root{
  --crm-action-h:46px;
  --crm-action-h-sm:40px;
  --crm-action-h-lg:52px;
  --crm-action-radius:999px;
  --crm-action-icon:34px;
  --crm-action-icon-sm:29px;
  --crm-action-green-a:#2ba876;
  --crm-action-green-b:#198c61;
  --crm-action-green-i:#17875d;
  --crm-action-red-a:#d95a5a;
  --crm-action-red-b:#bf4141;
  --crm-action-red-i:#b83b3b;
  --crm-action-gray-a:#78879a;
  --crm-action-gray-b:#627184;
  --crm-action-gray-i:#59687a;
  --crm-action-blue-a:#4f7e9f;
  --crm-action-blue-b:#3c6685;
  --crm-action-blue-i:#37617e;
  --crm-action-amber-a:#d3a04a;
  --crm-action-amber-b:#b68231;
  --crm-action-amber-i:#a97728;
  --crm-action-back-a:#6d6aa5;
  --crm-action-back-b:#565284;
  --crm-action-back-i:#514c86;
  --crm-field-h:46px;
  --crm-field-radius:14px;
  --crm-field-border:#dfe6ef;
  --crm-field-border-hover:#c9d4e1;
  --crm-field-border-focus:#879fb6;
  --crm-field-bg:#fbfcfe;
  --crm-field-ring:rgba(67,96,126,.11);
}

/* ---------- fallback inmediato: incluso antes de que JS inyecte los SVG ---------- */
html body .btn{
  min-height:var(--crm-action-h);
  border:0!important;
  border-radius:var(--crm-action-radius)!important;
  padding:10px 17px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  color:#fff!important;
  background:linear-gradient(180deg,var(--crm-action-gray-a),var(--crm-action-gray-b))!important;
  box-shadow:0 9px 20px rgba(18,27,42,.11),inset 0 -2px 0 rgba(0,0,0,.07)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
  cursor:pointer;
  vertical-align:middle;
}
html body .btn:hover{transform:translateY(-1px)!important;filter:brightness(.98)!important;box-shadow:0 13px 25px rgba(18,27,42,.14),inset 0 -2px 0 rgba(0,0,0,.07)!important}
html body .btn:active{transform:translateY(0)!important;filter:brightness(.94)!important}
html body .btn:focus-visible{outline:3px solid rgba(63,98,135,.15)!important;outline-offset:3px!important}
html body .btn:disabled,html body .btn[aria-disabled="true"]{opacity:.5!important;cursor:not-allowed!important;transform:none!important;filter:none!important}
html body .btn-primary,html body .btn-success{background:linear-gradient(180deg,var(--crm-action-green-a),var(--crm-action-green-b))!important}
html body .btn-danger,html body .btn-danger-soft{background:linear-gradient(180deg,var(--crm-action-red-a),var(--crm-action-red-b))!important}
html body .btn-secondary,html body .btn-muted,html body .btn-ghost{background:linear-gradient(180deg,var(--crm-action-gray-a),var(--crm-action-gray-b))!important;border:0!important;color:#fff!important}
html body .btn-light{background:linear-gradient(180deg,var(--crm-action-blue-a),var(--crm-action-blue-b))!important;color:#fff!important}

/* ---------- componente definitivo, igual en Diseño/Social Media/Marketing/etc. ---------- */
html body .app-shell .main .content .btn.crm-action-button,
html body.login-body .login-card .btn.crm-action-button,
html body .sidebar-footer .btn.crm-action-button{
  --btn-bg-top:var(--crm-action-gray-a);
  --btn-bg-bottom:var(--crm-action-gray-b);
  --btn-icon-color:var(--crm-action-gray-i);
  min-height:var(--crm-action-h)!important;
  height:auto!important;
  min-width:154px!important;
  width:auto!important;
  display:inline-grid!important;
  grid-template-columns:var(--crm-action-icon) minmax(0,1fr) var(--crm-action-icon)!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:8px!important;
  padding:6px 7px!important;
  margin:0!important;
  border:0!important;
  border-radius:var(--crm-action-radius)!important;
  background:linear-gradient(180deg,var(--btn-bg-top),var(--btn-bg-bottom))!important;
  color:#fff!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  box-shadow:0 9px 20px rgba(18,27,42,.12),inset 0 -2px 0 rgba(0,0,0,.08)!important;
  white-space:normal!important;
  overflow:hidden!important;
  vertical-align:middle!important;
}
html body .app-shell .main .content .btn.crm-action-button:after,
html body.login-body .login-card .btn.crm-action-button:after,
html body .sidebar-footer .btn.crm-action-button:after{
  content:""!important;
  display:block!important;
  grid-column:3!important;
  width:var(--crm-action-icon)!important;
  height:1px!important;
}
html body .app-shell .main .content .btn.crm-action-button .btn-icon,
html body.login-body .login-card .btn.crm-action-button .btn-icon,
html body .sidebar-footer .btn.crm-action-button .btn-icon{
  grid-column:1!important;
  width:var(--crm-action-icon)!important;
  height:var(--crm-action-icon)!important;
  min-width:var(--crm-action-icon)!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  justify-self:start!important;
  align-self:center!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  color:var(--btn-icon-color)!important;
  box-shadow:0 4px 12px rgba(17,24,39,.13)!important;
  line-height:1!important;
}
html body .app-shell .main .content .btn.crm-action-button .btn-icon svg,
html body.login-body .login-card .btn.crm-action-button .btn-icon svg,
html body .sidebar-footer .btn.crm-action-button .btn-icon svg{
  width:17px!important;height:17px!important;display:block!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2.05!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body .app-shell .main .content .btn.crm-action-button .btn-label,
html body.login-body .login-card .btn.crm-action-button .btn-label,
html body .sidebar-footer .btn.crm-action-button .btn-label{
  grid-column:2!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  justify-self:stretch!important;
  text-align:center!important;
  color:inherit!important;
  font:inherit!important;
  line-height:1.18!important;
  white-space:normal!important;
}
html body .btn.crm-action-button.crm-tone-success{--btn-bg-top:var(--crm-action-green-a)!important;--btn-bg-bottom:var(--crm-action-green-b)!important;--btn-icon-color:var(--crm-action-green-i)!important}
html body .btn.crm-action-button.crm-tone-danger{--btn-bg-top:var(--crm-action-red-a)!important;--btn-bg-bottom:var(--crm-action-red-b)!important;--btn-icon-color:var(--crm-action-red-i)!important}
html body .btn.crm-action-button.crm-tone-neutral{--btn-bg-top:var(--crm-action-gray-a)!important;--btn-bg-bottom:var(--crm-action-gray-b)!important;--btn-icon-color:var(--crm-action-gray-i)!important}
html body .btn.crm-action-button.crm-tone-info{--btn-bg-top:var(--crm-action-blue-a)!important;--btn-bg-bottom:var(--crm-action-blue-b)!important;--btn-icon-color:var(--crm-action-blue-i)!important}
html body .btn.crm-action-button.crm-tone-warning{--btn-bg-top:var(--crm-action-amber-a)!important;--btn-bg-bottom:var(--crm-action-amber-b)!important;--btn-icon-color:var(--crm-action-amber-i)!important}
html body .btn.crm-action-button.crm-tone-back{--btn-bg-top:var(--crm-action-back-a)!important;--btn-bg-bottom:var(--crm-action-back-b)!important;--btn-icon-color:var(--crm-action-back-i)!important}

/* tamaños: también anulamos min-width locales de Diseño/Social Media/Auditoría */
html body .app-shell .main .content .btn.crm-action-button.btn-sm,
html body .app-shell .main .content .btn.crm-action-button.btn-small{
  min-height:var(--crm-action-h-sm)!important;
  min-width:122px!important;
  grid-template-columns:var(--crm-action-icon-sm) minmax(0,1fr) var(--crm-action-icon-sm)!important;
  column-gap:6px!important;
  padding:5px 6px!important;
  font-size:8.25px!important;
}
html body .app-shell .main .content .btn.crm-action-button.btn-sm:after,
html body .app-shell .main .content .btn.crm-action-button.btn-small:after{width:var(--crm-action-icon-sm)!important}
html body .app-shell .main .content .btn.crm-action-button.btn-sm .btn-icon,
html body .app-shell .main .content .btn.crm-action-button.btn-small .btn-icon{width:var(--crm-action-icon-sm)!important;height:var(--crm-action-icon-sm)!important;min-width:var(--crm-action-icon-sm)!important}
html body .app-shell .main .content .btn.crm-action-button.btn-sm .btn-icon svg,
html body .app-shell .main .content .btn.crm-action-button.btn-small .btn-icon svg{width:14px!important;height:14px!important}
html body .app-shell .main .content .btn.crm-action-button.btn-lg,
html body.login-body .login-card .btn.crm-action-button.btn-lg{min-height:var(--crm-action-h-lg)!important;min-width:194px!important;font-size:10px!important}
html body .app-shell .main .content .btn.crm-action-button.btn-full,
html body.login-body .login-card .btn.crm-action-button.btn-full{width:100%!important;min-width:0!important}

/* icon-only: ojo, lápiz, borrar, copiar, cerrar. Mismo círculo, sin texto fantasma. */
html body .app-shell .main .content .btn.crm-action-button.crm-icon-only,
html body .app-shell .main .content .design-eye .btn.crm-action-button,
html body .app-shell .main .content .project-eye-button-v21.crm-action-button,
html body .app-shell .main .content .table-actions .btn.crm-action-button.crm-icon-only{
  width:42px!important;min-width:42px!important;max-width:42px!important;
  height:42px!important;min-height:42px!important;max-height:42px!important;
  grid-template-columns:1fr!important;column-gap:0!important;padding:4px!important;
  border-radius:50%!important;
}
html body .app-shell .main .content .btn.crm-action-button.crm-icon-only:after,
html body .app-shell .main .content .btn.crm-action-button.crm-icon-only .btn-label,
html body .app-shell .main .content .design-eye .btn.crm-action-button:after,
html body .app-shell .main .content .design-eye .btn.crm-action-button .btn-label,
html body .app-shell .main .content .project-eye-button-v21.crm-action-button:after,
html body .app-shell .main .content .project-eye-button-v21.crm-action-button .btn-label{display:none!important}
html body .app-shell .main .content .btn.crm-action-button.crm-icon-only .btn-icon,
html body .app-shell .main .content .design-eye .btn.crm-action-button .btn-icon,
html body .app-shell .main .content .project-eye-button-v21.crm-action-button .btn-icon{
  grid-column:1!important;justify-self:center!important;width:32px!important;height:32px!important;min-width:32px!important;
}

/* contenedores de acciones: centrado vertical y separación idéntica */
html body .app-shell .main .content :where(.actions,.form-actions,.form-actions-v11,.sm-premium-actions,.sub-review-actions,.mt-actions,.project-detail-actions-v21){
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
html body .app-shell .main .content .table-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}
html body .app-shell .main .content .table-actions .btn.crm-action-button{margin:0!important}

/* ---------- controles de formulario: misma altura, borde y foco en TODO el sitio ---------- */
html body .app-shell .main .content :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]),select:not(.mk-native-select),textarea),
html body.login-body .login-card :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]),select:not(.mk-native-select),textarea){
  width:100%!important;
  min-height:var(--crm-field-h)!important;
  height:auto;
  border:1px solid var(--crm-field-border)!important;
  border-radius:var(--crm-field-radius)!important;
  background:var(--crm-field-bg)!important;
  color:#253149!important;
  padding:10px 13px!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.35!important;
  outline:none!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
html body .app-shell .main .content textarea,
html body.login-body .login-card textarea{min-height:108px!important;resize:vertical!important;line-height:1.55!important}
html body .app-shell .main .content :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]),select:not(.mk-native-select),textarea):hover,
html body.login-body .login-card :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]),select:not(.mk-native-select),textarea):hover{border-color:var(--crm-field-border-hover)!important;background:#fff!important}
html body .app-shell .main .content :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]),select:not(.mk-native-select),textarea):focus,
html body.login-body .login-card :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]),select:not(.mk-native-select),textarea):focus{border-color:var(--crm-field-border-focus)!important;background:#fff!important;box-shadow:0 0 0 4px var(--crm-field-ring)!important}
html body .app-shell .main .content :where(input,select,textarea):disabled,
html body .app-shell .main .content :where(input,select,textarea)[readonly]{background:#f2f5f8!important;color:#8a95a5!important;cursor:not-allowed}
html body .app-shell .main .content input[type="checkbox"],
html body .app-shell .main .content input[type="radio"],
html body.login-body input[type="checkbox"],html body.login-body input[type="radio"]{width:17px!important;height:17px!important;min-height:17px!important;accent-color:#3d6f91;vertical-align:middle}
html body .app-shell .main .content input[type="file"]{padding:6px 8px!important}
html body .app-shell .main .content input[type="file"]::file-selector-button{
  min-height:32px;border:0;border-radius:999px;padding:6px 12px;margin-right:10px;background:#68798e;color:#fff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;cursor:pointer
}
html body .app-shell .main .content :where(.field,.form-field,.question-field,.project-field-v11,.sm-field,.credential-fields) label,
html body.login-body .login-card .field label{color:#354258!important;font-size:10px!important;font-weight:850!important;line-height:1.35!important;letter-spacing:.02em}
html body .app-shell .main .content :where(.field,.form-field,.question-field,.project-field-v11,.sm-field) small,
html body.login-body .login-card .field small{color:#8792a4!important;font-size:9px!important;line-height:1.45!important}
html body .app-shell .main .content .field-error,
html body .app-shell .main .content .errorlist{color:#b83f3f!important;font-size:9px!important;font-weight:800!important}

/* select custom de Marketing: visualmente idéntico al select raíz */
html body .app-shell .main .content .mk-select__button{
  min-height:var(--crm-field-h)!important;border:1px solid var(--crm-field-border)!important;border-radius:var(--crm-field-radius)!important;
  background:var(--crm-field-bg)!important;color:#253149!important;box-shadow:none!important;font-size:11px!important
}
html body .app-shell .main .content .mk-select__button:hover{border-color:var(--crm-field-border-hover)!important;background:#fff!important}
html body .app-shell .main .content .mk-select.is-open .mk-select__button,
html body .app-shell .main .content .mk-select__button:focus-visible{border-color:var(--crm-field-border-focus)!important;box-shadow:0 0 0 4px var(--crm-field-ring)!important}

/* controles especiales que son interacción, no acciones principales */
html body .app-shell .main .content .mini-check{
  min-height:34px!important;border:1px solid #dfe6ef!important;border-radius:999px!important;background:#f6f8fb!important;color:#657489!important;
  padding:6px 10px!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.025em!important;box-shadow:none!important
}
html body .app-shell .main .content .mini-check:hover{border-color:#bac7d5!important;background:#fff!important}
html body .app-shell .main .content .mini-check.on{background:#e8f7f0!important;border-color:#c7e7d8!important;color:#197251!important}
html body .app-shell .main .content :where(.area-filter-btn-v11,.development-filter){border-radius:999px!important;transition:.15s ease!important}

/* modal close: circular estándar, SVG centrado */
html body .app-shell .main .content :where(.production-popup-close,.seo-modal-close){
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border:1px solid #e0e6ee!important;border-radius:50%!important;
  background:#fff!important;color:#b83f3f!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:0 6px 16px rgba(17,24,39,.08)!important
}
html body .app-shell .main .content :where(.production-popup-close,.seo-modal-close):hover{background:#fff5f5!important;border-color:#efd0d0!important;transform:translateY(-1px)}

/* sidebar y login conservan el mismo ADN pero con contexto propio */
html body .sidebar-footer .btn.crm-action-button{width:100%!important;min-width:0!important;min-height:42px!important;grid-template-columns:31px minmax(0,1fr) 31px!important;background:rgba(199,65,65,.16)!important;box-shadow:none!important;color:#e8eef7!important}
html body .sidebar-footer .btn.crm-action-button:after{width:31px!important}
html body .sidebar-footer .btn.crm-action-button .btn-icon{width:31px!important;height:31px!important;min-width:31px!important;background:rgba(255,255,255,.11)!important;color:#f3d5d5!important;box-shadow:none!important}
html body.login-body .login-card .btn.crm-action-button{width:100%!important;min-width:0!important}

/* responsive: misma apariencia, no botones deformados */
@media(max-width:720px){
  html body .app-shell .main .content :where(.actions,.form-actions,.form-actions-v11,.sm-premium-actions,.sub-review-actions){align-items:stretch!important}
  html body .app-shell .main .content :where(.actions,.form-actions,.form-actions-v11,.sm-premium-actions,.sub-review-actions) .btn.crm-action-button{width:100%!important;min-width:0!important}
  html body .app-shell .main .content .table-actions .btn.crm-action-button.crm-icon-only{width:42px!important;min-width:42px!important}
}

/* V25 · grupos de selección (checkbox/radio) con la misma geometría del formulario */
html body .app-shell .main .content :where(.check-grid label,.network-checkbox-grid label,.radio-cards label,.toggle-line,.sm-network-grid li label){
  border:1px solid var(--crm-field-border)!important;
  border-radius:var(--crm-field-radius)!important;
  background:#fafbfd!important;
  color:#354258!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
html body .app-shell .main .content :where(.check-grid label,.network-checkbox-grid label,.radio-cards label,.toggle-line,.sm-network-grid li label):hover{
  border-color:var(--crm-field-border-hover)!important;background:#fff!important;
}
html body .app-shell .main .content :where(.check-grid label,.network-checkbox-grid label,.radio-cards label,.toggle-line,.sm-network-grid li label):has(input:checked){
  border-color:#91a8bd!important;background:#f2f7fb!important;box-shadow:0 0 0 3px rgba(67,96,126,.07)!important;
}


/* ===== V26 · Información Diseño: acciones compactas de listado ===== */
html body .app-shell .main .content .design-info-actions .btn.crm-action-button.design-list-action{
  min-width:82px!important;
  min-height:34px!important;
  height:34px!important;
  grid-template-columns:24px minmax(0,1fr) 24px!important;
  column-gap:4px!important;
  padding:4px 5px!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  box-shadow:0 6px 14px rgba(18,27,42,.10),inset 0 -1px 0 rgba(0,0,0,.06)!important;
}
html body .app-shell .main .content .design-info-actions .btn.crm-action-button.design-list-action:after{width:24px!important}
html body .app-shell .main .content .design-info-actions .btn.crm-action-button.design-list-action .btn-icon{
  width:24px!important;height:24px!important;min-width:24px!important;
}
html body .app-shell .main .content .design-info-actions .btn.crm-action-button.design-list-action .btn-icon svg{width:12px!important;height:12px!important}
html body .app-shell .main .content .design-info-actions .btn.crm-action-button.design-list-eye{
  width:34px!important;min-width:34px!important;max-width:34px!important;
  height:34px!important;min-height:34px!important;max-height:34px!important;
  grid-template-columns:1fr!important;padding:3px!important;border-radius:50%!important;
}
html body .app-shell .main .content .design-info-actions .btn.crm-action-button.design-list-eye:after,
html body .app-shell .main .content .design-info-actions .btn.crm-action-button.design-list-eye .btn-label{display:none!important}
html body .app-shell .main .content .design-info-actions .btn.crm-action-button.design-list-eye .btn-icon{
  grid-column:1!important;justify-self:center!important;width:26px!important;height:26px!important;min-width:26px!important;
}


/* ===== V27 · Diseño: proceso visual + workflow de actividades ===== */
.design-process-nav{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px;
}
.design-process-step{
  position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 12px;align-items:center;gap:10px;
  min-height:66px;padding:11px 13px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;color:#26334a;
  text-decoration:none!important;box-shadow:0 6px 18px rgba(22,34,55,.04);transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.design-process-step:hover{transform:translateY(-1px);border-color:#cfd9e5;background:#fbfcfe;box-shadow:0 9px 22px rgba(22,34,55,.06)}
.design-process-step.current{border-color:#8aa4be;background:#f5f9fc;box-shadow:0 0 0 3px rgba(67,96,126,.07)}
.design-process-index{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f2f5f8;color:#6d798b;font-size:9px;font-weight:950;letter-spacing:.05em}
.design-process-copy strong,.design-process-copy small{display:block}.design-process-copy strong{font-size:10px;line-height:1.15}.design-process-copy small{margin-top:4px;font-size:8px;color:#8a95a6;font-weight:750}
.design-process-dot{width:10px;height:10px;border-radius:50%;justify-self:end;background:#d9a23b;box-shadow:0 0 0 5px rgba(217,162,59,.10)}
.design-process-step.done .design-process-dot{background:#2b9c66;box-shadow:0 0 0 5px rgba(43,156,102,.10)}
.design-process-step.done .design-process-index{background:#eaf7f1;color:#217650}
.design-process-step.current .design-process-index{background:#e7eff7;color:#3f6488}
.design-process-step.summary .design-process-index{font-size:0}
.design-process-step.summary .design-process-index:before{content:'✓';font-size:13px}
@media(max-width:920px){.design-process-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.design-process-nav{grid-template-columns:1fr}}

.task-flow-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.task-flow-actions .btn.crm-action-button{min-width:104px!important;min-height:34px!important;font-size:7.8px!important}
.task-flow-actions .btn.crm-action-button.crm-icon-only{min-width:34px!important;width:34px!important;height:34px!important;min-height:34px!important}
.task-status-note{margin-top:9px;padding:9px 11px;border-radius:11px;border:1px solid #e1e7ef;background:#f8fafc;font-size:9px;line-height:1.5;color:#5d6a7d}
.task-status-note.paused{background:#f7f8fa;border-color:#dfe4ea;color:#66717f}
.task-status-note.changes{background:#fff7ed;border-color:#f2d2ad;color:#8a5a20}
.task-status-note strong{display:block;margin-bottom:2px;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.task-pause-panel{margin-top:8px;padding:9px;border:1px solid #e1e7ef;border-radius:12px;background:#fafbfd}
.task-pause-panel[hidden]{display:none!important}
.task-pause-panel form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:end}
.task-pause-panel textarea{min-height:64px!important}
.task-state-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.02em;background:#f1f4f7;color:#5f6d80}
.task-state-pill.todo{background:#fff0f0;color:#a84040}.task-state-pill.doing{background:#fff7dd;color:#86620a}.task-state-pill.paused{background:#f0f2f5;color:#687383}.task-state-pill.review{background:#f1edff;color:#6253a5}.task-state-pill.changes{background:#fff0df;color:#9a5d18}.task-state-pill.done{background:#e9f2fb;color:#356b9b}
.manager-task-row.status-paused:before{background:#8a95a6!important}.manager-task-row.status-changes:before{background:#dd8d31!important}.manager-task-row.status-done:before{background:#4f7e9f!important}
.design-wide-row.state-blue:before{background:#4f7e9f!important}.design-task-kpi.done:before{background:#4f7e9f!important}
.task-status.paused{background:#f0f2f5!important;color:#657080!important}.task-status.changes{background:#fff0df!important;color:#9a5d18!important}.task-status.review{background:#f1edff!important;color:#6253a5!important}.task-status.done,.task-status.blue{background:#e9f2fb!important;color:#356b9b!important}
@media(max-width:720px){.task-pause-panel form{grid-template-columns:1fr}.task-flow-actions{justify-content:flex-start}}
/* V27 · estados adicionales para tareas creadas por Gerencia */
.mg-area-task.status-paused:before,.mg-task-table-row.status-paused:before{background:#8a95a6!important}
.mg-area-task.status-changes:before,.mg-task-table-row.status-changes:before{background:#dd8d31!important}
.mg-area-task.status-done:before,.mg-task-table-row.status-done:before{background:#4f7e9f!important}
.mg-status-pill.paused{background:#f0f2f5!important;color:#657080!important}
.mg-status-pill.changes{background:#fff0df!important;color:#9a5d18!important}
.mg-status-pill.done{background:#e9f2fb!important;color:#356b9b!important}
/* Development production accordion V6 */
.county-workgroup-head .production-edit-btn{width:auto;min-width:34px;padding:0 10px;border:1px solid #dfe5ee;border-radius:9px;background:#fff;gap:5px}
/* Sales Phase 2 · daily commercial operation */
.sales-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sales-action-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #e1e6ef;border-radius:11px;background:#fff;color:#34415a;font-size:9px;font-weight:900;transition:.18s ease}.sales-action-btn:hover{border-color:#bdcae8;background:#f7f9ff;transform:translateY(-1px)}.sales-action-btn span{color:#2458df}.sales-commandbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:-3px 0 18px}.sales-commandbar>button,.sales-commandbar>a{appearance:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;display:grid;grid-template-columns:30px 1fr;column-gap:9px;text-align:left;cursor:pointer;box-shadow:0 5px 16px rgba(20,31,54,.035);transition:.18s ease}.sales-commandbar>button:hover,.sales-commandbar>a:hover{transform:translateY(-2px);border-color:#cbd6ed;box-shadow:0 10px 24px rgba(20,31,54,.07)}.sales-commandbar>button>span,.sales-commandbar>a>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef3ff;color:#2757cc;font-weight:900}.sales-commandbar b{font-size:9px;color:#18243a}.sales-commandbar small{font-size:8px;color:var(--muted);margin-top:3px}.sales-modal{position:fixed;inset:0;z-index:2000;display:none}.sales-modal.is-open{display:grid;place-items:center}.sales-modal-backdrop{position:absolute;inset:0;background:rgba(8,18,37,.52);backdrop-filter:blur(4px)}.sales-modal-panel{position:relative;width:min(540px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:25px;box-shadow:0 28px 80px rgba(5,16,38,.28);animation:salesModalIn .18s ease}.sales-modal-panel h3{font-size:21px;margin:6px 0 5px}.sales-modal-panel>p{font-size:10px;color:var(--muted);margin:0 0 20px}.sales-modal-x{position:absolute;right:17px;top:15px;width:32px;height:32px;border:0;border-radius:10px;background:#f3f5f9;color:#57647b;font-size:20px;cursor:pointer}.sales-quick-form{display:grid;gap:13px}.sales-quick-form label{display:grid;gap:6px;font-size:8px;font-weight:900;letter-spacing:.25px;color:#536079}.sales-quick-form input:not([type=checkbox]),.sales-quick-form select,.sales-quick-form textarea{width:100%;border:1px solid #dce2ec;border-radius:11px;background:#fff;padding:11px 12px;color:#1d2a41;font:inherit;font-size:10px;outline:none}.sales-quick-form input:focus,.sales-quick-form select:focus,.sales-quick-form textarea:focus{border-color:#6b8ee9;box-shadow:0 0 0 3px #eef3ff}.sales-form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.sales-check{display:flex!important;align-items:center;grid-template-columns:none!important;gap:8px!important;background:#f7f9fc;border-radius:11px;padding:11px!important;cursor:pointer}.sales-check input{accent-color:#2458df}.sales-followup-extra{display:none;padding:13px;border-radius:13px;background:#f8faff;border:1px solid #e7ecf7}.sales-followup-extra.is-visible{display:block}.sales-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:5px}.sales-modal-open{overflow:hidden}.sales-worklist{padding:20px}.sales-list-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.sales-list-intro h2{margin:5px 0 5px}.sales-list-intro p{margin:0;color:var(--muted);font-size:10px}.sales-work-row{display:grid;grid-template-columns:70px minmax(220px,1fr) 120px minmax(300px,auto);gap:16px;align-items:center;padding:15px 3px;border-top:1px solid #edf0f4}.sales-work-row:first-of-type{border-top:0}.sales-work-row.is-overdue{background:linear-gradient(90deg,#fff8f8,transparent);border-radius:12px;padding-left:11px;padding-right:8px}.sales-work-date strong,.sales-work-date span{display:block}.sales-work-date strong{font-size:14px}.sales-work-date span{font-size:8px;color:var(--muted);margin-top:3px}.sales-work-state{text-align:center}.sales-work-state>b{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff0f0;color:#b43b3b;font-size:8px}.sales-work-state>span:not(.sales-status){font-size:8px;color:var(--muted)}.sales-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.sales-row-actions form{margin:0}.sales-inline-meet{display:flex!important;gap:6px}.sales-inline-meet select{max-width:120px;border:1px solid #dfe4ec;border-radius:9px;padding:8px;font-size:9px;background:#fff}.sales-agenda-action form{margin:4px 0 0}.sales-agenda-action button{border:0;background:none;padding:0;color:#21865f;font-size:8px;font-weight:900;cursor:pointer}.sales-agenda-action button:hover{text-decoration:underline}@keyframes salesModalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1180px){.sales-commandbar{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-work-row{grid-template-columns:60px minmax(180px,1fr) 100px}.sales-row-actions{grid-column:2/4;justify-content:flex-start}}
@media(max-width:760px){.sales-hero-actions{width:100%;justify-content:flex-start}.sales-commandbar{grid-template-columns:1fr 1fr}.sales-form-row{grid-template-columns:1fr}.sales-modal-panel{padding:22px 17px}.sales-work-row{grid-template-columns:50px minmax(0,1fr);gap:10px}.sales-work-state{grid-column:2;text-align:left}.sales-row-actions{grid-column:2;flex-wrap:wrap}.sales-commandbar b{font-size:8px}.sales-commandbar small{font-size:7px}}
@media(max-width:480px){.sales-commandbar{grid-template-columns:1fr}.sales-action-btn{flex:1;justify-content:center}.sales-hero-actions .btn{width:100%}}
/* ===== Ventas · workspace comercial ===== */
.sales-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:1.35px;color:#6c7b95}.sales-kicker.light{color:#b9caff}.sales-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:6px 2px}.sales-welcome h2,.sales-list-intro h2{margin:5px 0 6px;font-size:30px;letter-spacing:-.8px}.sales-welcome p{margin:0;color:var(--muted);font-size:12px}.sales-priority-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.sales-priority-card{position:relative;display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:0 8px 24px rgba(20,31,54,.05);transition:.18s ease}.sales-priority-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,31,54,.08)}.sales-priority-card .sales-card-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900}.sales-priority-card small,.sales-priority-card p{display:block;margin:0;color:var(--muted)}.sales-priority-card small{font-size:8px;font-weight:900;letter-spacing:.8px}.sales-priority-card strong{display:block;font-size:25px;line-height:1;margin:5px 0 4px}.sales-priority-card p{font-size:10px}.sales-priority-card>b{color:#9aa6b9}.sales-priority-card.blue .sales-card-icon{background:#eef3ff;color:#2358e6}.sales-priority-card.danger .sales-card-icon{background:#fff0f0;color:#c94747}.sales-priority-card.amber .sales-card-icon{background:#fff4e8;color:#c9782c}.sales-priority-card.green .sales-card-icon{background:#e9f8f2;color:#21865f}.sales-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px;align-items:start}.sales-side-stack{display:grid;gap:18px}.sales-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:13px}.sales-section-head h3{font-size:17px;margin:4px 0 2px}.sales-section-head p{margin:0;font-size:10px;color:var(--muted)}.sales-section-head>a{font-size:10px;color:var(--primary);font-weight:900}.sales-date{padding:7px 9px;background:#f4f6fa;border-radius:9px;color:#637089;font-size:9px;font-weight:800}.sales-agenda{display:grid}.sales-agenda-item{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 2px;border-top:1px solid #edf0f4}.sales-agenda-item:first-child{border-top:0}.sales-time strong,.sales-time small{display:block}.sales-time strong{font-size:13px}.sales-time small{font-size:8px;color:var(--muted);margin-top:3px}.sales-agenda-item.is-overdue .sales-time small{color:#c94747;font-weight:900}.sales-agenda-main{display:flex;align-items:center;gap:10px}.sales-avatar,.sales-person>span{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#eef3ff,#e4eafd);color:#2d56be;display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.sales-agenda-main a{font-size:11px;font-weight:900}.sales-agenda-main p{margin:3px 0 0;color:var(--muted);font-size:9px}.sales-agenda-action{text-align:right}.sales-agenda-action span,.sales-agenda-action a{display:block;font-size:8px}.sales-agenda-action span{color:var(--muted)}.sales-agenda-action a{margin-top:4px;color:var(--primary);font-weight:900}.sales-empty{padding:32px 16px;text-align:center;border:1px dashed #dfe5ee;border-radius:14px;background:#fafbfd}.sales-empty>span{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 9px;border-radius:50%;background:#e8f7f0;color:#21865f;font-weight:900}.sales-empty strong{display:block;font-size:11px}.sales-empty p{margin:4px auto 0;max-width:390px;color:var(--muted);font-size:9px}.sales-empty.small{padding:20px}.sales-pipeline{display:grid;gap:4px}.sales-pipeline>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #edf0f4}.sales-pipeline>div:first-child{border-top:0}.sales-pipeline span{display:flex;align-items:center;gap:8px;font-size:10px;color:#536078}.sales-pipeline i{width:7px;height:7px;border-radius:50%;background:#6e8fe8}.sales-pipeline strong{font-size:13px}.sales-month-card{padding:21px;border-radius:19px;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.16),transparent 35%),linear-gradient(135deg,#183caa,#2458d9);color:#fff;box-shadow:0 18px 36px rgba(35,88,230,.2)}.sales-month-card>strong{display:block;font-size:36px;margin:15px 0 2px}.sales-month-card h3{margin:0 0 7px;font-size:14px}.sales-month-card p{margin:0;color:#cfdbff;font-size:9px;line-height:1.5}.sales-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto;gap:9px}.sales-toolbar select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;color:#47536a}.sales-person{display:flex;align-items:center;gap:10px}.sales-person strong,.sales-person small{display:block}.sales-person small{font-size:8px;color:var(--muted);margin-top:3px}.sales-status,.sales-quality{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#eef2f7;color:#56637a;font-size:8px;font-weight:900}.sales-status.status-new{background:#edf3ff;color:#2d5ac6}.sales-status.status-potential{background:#fff5df;color:#a76714}.sales-status.status-won{background:#e8f7f0;color:#176c4f}.sales-status.status-lost,.sales-status.status-unqualified,.sales-status.status-no_response{background:#fff0f0;color:#a72d2d}.sales-form-layout{display:grid;gap:16px;max-width:1180px}.sales-form-card{padding:22px}.sales-form-heading{display:flex;gap:12px;align-items:flex-start;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #edf0f4}.sales-form-heading>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef3ff;color:#2556ce;font-size:9px;font-weight:900}.sales-form-heading h3{margin:1px 0 3px}.sales-form-heading p{margin:0;color:var(--muted);font-size:9px}.sales-form-actions{display:flex;justify-content:flex-end;gap:9px}.sales-lead-hero{display:flex;align-items:center;gap:16px;margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;box-shadow:var(--shadow)}.sales-lead-avatar{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#2458e6,#153aa8);color:#fff;font-size:20px;font-weight:900}.sales-lead-title{flex:1}.sales-lead-title h2{margin:7px 0 3px;font-size:24px}.sales-lead-title p{margin:0;color:var(--muted);font-size:10px}.sales-quality{margin-left:5px;background:#f5f6f9}.sales-detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}.sales-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.sales-info-grid>div{padding:13px 0;border-top:1px solid #edf0f4}.sales-info-grid span,.sales-info-grid strong{display:block}.sales-info-grid span{font-size:8px;color:var(--muted);margin-bottom:4px}.sales-info-grid strong{font-size:10px}.sales-note{margin-top:13px;padding:13px;border-radius:12px;background:#f8f9fc}.sales-note span{font-size:8px;color:var(--muted);font-weight:900}.sales-note p{margin:5px 0 0;font-size:10px;line-height:1.5}.sales-timeline{position:relative}.sales-timeline-item{position:relative;display:grid;grid-template-columns:14px 1fr;gap:10px;padding:11px 0}.sales-timeline-item:before{content:"";position:absolute;left:4px;top:22px;bottom:-12px;width:1px;background:#dfe5ef}.sales-timeline-item:last-child:before{display:none}.sales-timeline-item>i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#4b72db;box-shadow:0 0 0 4px #eef3ff}.sales-timeline-item small,.sales-timeline-item strong{display:block}.sales-timeline-item small{font-size:8px;color:var(--muted)}.sales-timeline-item strong{font-size:10px;margin:3px 0}.sales-timeline-item p{margin:0;color:#66738a;font-size:9px;line-height:1.45}
@media(max-width:1180px){.sales-priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-layout,.sales-detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.sales-welcome,.sales-lead-hero{align-items:flex-start;flex-direction:column}.sales-priority-grid{grid-template-columns:1fr}.sales-agenda-item{grid-template-columns:58px minmax(0,1fr)}.sales-agenda-action{grid-column:2;text-align:left;display:flex;gap:10px}.sales-toolbar{grid-template-columns:1fr}.sales-info-grid{grid-template-columns:1fr}.sales-form-actions{position:sticky;bottom:0;background:rgba(245,247,251,.95);padding:12px 0}.sales-lead-hero .actions{width:100%}}
/* ===== Ventas · conversión de lead a cliente ===== */
.sales-conversion-panel{width:min(820px,calc(100vw - 28px));padding:28px}.sales-conversion-form{gap:16px}.sales-conversion-block{border:1px solid #e7ebf3;border-radius:16px;background:#fafbfe;padding:15px}.sales-conversion-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:9px}.sales-conversion-heading strong{display:block;margin-top:4px;font-size:12px;color:#17243b}.sales-conversion-block>p{margin:0 0 12px;color:var(--muted);font-size:9px;line-height:1.55}.sales-match-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#e8f7f0;color:#18755e;font-size:8px;font-weight:900;white-space:nowrap}.sales-match-badge.neutral{background:#eef2f7;color:#69758a}.sales-client-mode{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.sales-client-mode label{display:flex!important;align-items:flex-start;gap:9px!important;padding:12px!important;border:1px solid #e0e6f0;border-radius:12px;background:#fff;cursor:pointer;transition:.18s}.sales-client-mode label:has(input:checked){border-color:#6e8fe8;background:#f4f7ff;box-shadow:0 0 0 2px rgba(55,96,230,.08)}.sales-client-mode input{margin-top:2px;accent-color:#2458df}.sales-client-mode b,.sales-client-mode small{display:block}.sales-client-mode b{font-size:9px;color:#1d2a41}.sales-client-mode small{margin-top:3px;color:var(--muted);font-size:8px;font-weight:500;line-height:1.4}.sales-field-help{display:block;color:#8a94a6;font-size:8px;font-weight:500;letter-spacing:0;margin-top:2px}.sales-services-block{padding:16px}.sales-service-search{display:flex;align-items:center;gap:8px;margin-bottom:13px;padding:0 11px;border:1px solid #dce2ec;border-radius:11px;background:#fff}.sales-service-search span{color:#7b879a;font-size:15px}.sales-service-search input{border:0!important;box-shadow:none!important;padding-left:0!important}.sales-service-groups{display:grid;gap:12px;max-height:330px;overflow:auto;padding-right:4px}.sales-service-group{display:grid;gap:7px}.sales-service-group-title{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.sales-service-group-title span{font-size:9px;font-weight:900;color:#3a4860;text-transform:uppercase;letter-spacing:.65px}.sales-service-group-title small{font-size:8px;color:var(--muted)}.sales-service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sales-service-option{display:flex!important;align-items:flex-start;gap:9px!important;padding:10px!important;border:1px solid #e7ebf3;border-radius:11px;background:#fff;cursor:pointer;transition:.15s}.sales-service-option:hover{border-color:#c8d4ee;background:#f8faff}.sales-service-option:has(input:checked){border-color:#7595eb;background:#f3f6ff}.sales-service-option input{margin-top:2px;accent-color:#2458df}.sales-service-option b,.sales-service-option small{display:block}.sales-service-option b{font-size:8px;color:#26334b;line-height:1.35}.sales-service-option small{margin-top:2px;font-size:7px;color:#8a94a6;font-weight:500}.sales-service-empty{text-align:center;padding:18px;color:var(--muted);font-size:9px}.sales-service-count{padding:6px 9px;border-radius:999px;background:#eef3ff;color:#2858c8;font-size:8px;font-weight:900}.sales-conversion-summary{border-radius:16px;background:linear-gradient(145deg,#f8faff,#f3f6fc);border:1px solid #e4e9f3;padding:15px}.sales-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sales-summary-grid>div{min-width:0;padding:10px;border-radius:10px;background:#fff;border:1px solid #e8ecf3}.sales-summary-grid span,.sales-summary-grid strong{display:block}.sales-summary-grid span{font-size:7px;color:#7f8a9d;text-transform:uppercase;letter-spacing:.5px;font-weight:900}.sales-summary-grid strong{margin-top:4px;font-size:9px;color:#1e2a40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-conversion-actions{position:sticky;bottom:-28px;margin:0 -28px -28px;padding:14px 28px;background:rgba(255,255,255,.97);border-top:1px solid #e8ecf3;backdrop-filter:blur(8px);z-index:3}.sales-conversion-actions .btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.sales-conversion-core{align-items:end}
@media(max-width:760px){.sales-conversion-panel{padding:22px 17px}.sales-client-mode,.sales-service-options,.sales-summary-grid{grid-template-columns:1fr}.sales-conversion-actions{bottom:-22px;margin:0 -17px -22px;padding:12px 17px}.sales-service-groups{max-height:280px}}