html:has(body.puro-hub-standalone),body.puro-hub-standalone{margin:0!important;padding:0!important;min-height:100%;background:#f3f6f5!important}body.puro-hub-standalone{overflow-x:hidden}body.puro-hub-standalone *{box-sizing:border-box}body.puro-hub-standalone #wpadminbar{position:fixed}body.admin-bar .puro-hub-topbar{top:32px}.puro-hub-standalone .puro-hub-app{margin:0!important;width:100%;max-width:none!important}.puro-hub-standalone .puro-hub-login{width:min(460px,calc(100% - 32px));margin:10vh auto 0;box-shadow:0 24px 70px -45px rgba(16,58,47,.45)}.puro-hub-login h2{margin:0 0 8px;color:#17332d;font:800 28px/1.15 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.puro-hub-login p{margin:0 0 20px}.puro-hub-login form{display:grid;gap:12px}.puro-hub-login label{display:grid;gap:6px;color:#17332d;font-weight:700}.puro-hub-login input[type=text],.puro-hub-login input[type=password]{width:100%;min-height:46px;border:1px solid #dfe8e4;border-radius:12px;padding:10px 12px;background:#fff}.puro-hub-login input[type=submit]{min-height:46px;border:0;border-radius:12px;padding:10px 18px;background:#0d7d6f;color:#fff;font-weight:800;cursor:pointer}.puro-hub-login .login-remember label{display:flex;align-items:center;gap:8px;font-weight:500}@media(max-width:782px){body.admin-bar .puro-hub-topbar{top:46px}}
:root{--ph-bg:#f3f6f5;--ph-paper:#fff;--ph-ink:#17332d;--ph-soft:#6d7d78;--ph-line:#dfe8e4;--ph-brand:#0d7d6f;--ph-brand2:#07594f;--ph-warn:#b8781e;--ph-bad:#a64555;--ph-shadow:0 18px 50px -38px rgba(16,58,47,.35)}
.puro-hub-app{min-height:100vh;background:var(--ph-bg);color:var(--ph-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.puro-hub-topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:24px;min-height:86px;padding:0 max(24px,calc((100vw - 1440px)/2));background:rgba(255,255,255,.96);border-bottom:1px solid var(--ph-line);backdrop-filter:blur(14px)}
.puro-hub-brand{text-decoration:none;color:var(--ph-brand);display:grid}.puro-hub-brand span{font-size:23px;font-weight:900;letter-spacing:.13em}.puro-hub-brand small{color:var(--ph-soft);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.puro-hub-title h1{margin:0;font-size:22px}.puro-hub-title p{margin:4px 0 0;color:var(--ph-soft);font-size:12px}.puro-hub-user{display:flex;gap:12px;align-items:center;font-size:12px}.puro-hub-user a{color:var(--ph-bad)}
.puro-hub-main{max-width:1440px;margin:0 auto;padding:30px 24px 60px}.hub-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:28px}.hub-kpis>div{background:var(--ph-paper);border:1px solid var(--ph-line);border-radius:18px;padding:17px;box-shadow:var(--ph-shadow)}.hub-kpis small,.hub-kpis b,.hub-kpis span{display:block}.hub-kpis small{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--ph-soft);font-weight:800}.hub-kpis b{font-size:30px;line-height:1;margin:9px 0 7px}.hub-kpis span{font-size:11px;color:var(--ph-soft)}.hub-kpis .is-alert{border-color:#efcbd2}.hub-kpis .is-alert b{color:var(--ph-bad)}
.hub-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:22px 0 14px}.hub-section-head h2{margin:0;font-size:20px}.hub-section-head p{margin:5px 0 0;color:var(--ph-soft);font-size:12px}.hub-btn{appearance:none;border:1px solid var(--ph-brand);background:var(--ph-brand);color:#fff;border-radius:11px;padding:10px 15px;font-weight:800;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.hub-btn:hover{background:var(--ph-brand2);color:#fff}.hub-btn-secondary{background:#fff;color:var(--ph-brand);border-color:#cfe0db}.hub-btn-secondary:hover{background:#edf7f4;color:var(--ph-brand2)}
.hub-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hub-client-card{display:block;text-decoration:none;color:var(--ph-ink);background:var(--ph-paper);border:1px solid var(--ph-line);border-radius:20px;padding:17px;box-shadow:var(--ph-shadow);transition:.16s ease}.hub-client-card:hover{transform:translateY(-2px);border-color:#bcd5cd;color:var(--ph-ink)}.hub-client-card-head{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}.hub-client-avatar{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--ph-brand),var(--ph-brand2));color:#fff;font-weight:900}.hub-client-card h3{margin:0;font-size:16px}.hub-client-card p{margin:4px 0 0;color:var(--ph-soft);font-size:11px}.hub-status-dot{width:10px;height:10px;border-radius:999px;background:#2ca66f;box-shadow:0 0 0 5px #e7f7ef}.hub-client-card.is-offline .hub-status-dot{background:var(--ph-bad);box-shadow:0 0 0 5px #fbecef}.hub-client-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0}.hub-client-metrics span{background:#f8faf9;border-radius:12px;padding:9px}.hub-client-metrics b,.hub-client-metrics small{display:block}.hub-client-metrics b{font-size:17px}.hub-client-metrics small{font-size:9px;color:var(--ph-soft)}.hub-client-foot{display:flex;justify-content:space-between;border-top:1px solid #edf1ef;padding-top:12px;font-size:10px;color:var(--ph-soft)}.hub-client-foot strong{color:var(--ph-brand)}.hub-client-error{margin-top:14px;border-radius:12px;background:#fff2f4;color:var(--ph-bad);padding:10px;font-size:11px}
.hub-client-toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.hub-client-toolbar a{color:var(--ph-brand);font-size:12px;text-decoration:none}.hub-tabs{display:flex;gap:8px;border-bottom:1px solid var(--ph-line);margin-bottom:22px}.hub-tabs a{padding:11px 14px;text-decoration:none;color:var(--ph-soft);font-size:12px;font-weight:800;border-bottom:2px solid transparent}.hub-tabs a.is-active{color:var(--ph-brand);border-color:var(--ph-brand)}
.hub-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hub-panel{background:#fff;border:1px solid var(--ph-line);border-radius:20px;padding:20px;box-shadow:var(--ph-shadow)}.hub-panel-head h2{margin:0;font-size:18px}.hub-panel-head p{margin:5px 0 16px;color:var(--ph-soft);font-size:11px}.hub-details{margin:0}.hub-details>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #edf1ef}.hub-details dt{color:var(--ph-soft);font-size:11px}.hub-details dd{margin:0;text-align:right;font-size:12px;overflow-wrap:anywhere}.hub-form{display:grid;gap:12px}.hub-form label{display:grid;gap:6px;color:var(--ph-soft);font-size:11px;font-weight:800}.hub-form input,.hub-form textarea,.hub-form select,.hub-inline-form select{width:100%;box-sizing:border-box;border:1px solid var(--ph-line);border-radius:11px;background:#fbfcfc;color:var(--ph-ink);padding:10px 11px;font:inherit}.hub-form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-count{background:#eaf5f2;color:var(--ph-brand);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}
.hub-ticket-list,.hub-proposal-list,.hub-lead-list{display:grid;gap:12px}.hub-ticket{background:#fff;border:1px solid var(--ph-line);border-radius:18px;padding:0 17px;box-shadow:var(--ph-shadow)}.hub-ticket summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 0}.hub-ticket summary::-webkit-details-marker{display:none}.hub-ticket h3{margin:5px 0 2px;font-size:15px}.hub-ticket summary p{margin:0;color:var(--ph-soft);font-size:10px}.hub-status{display:inline-flex;border-radius:999px;padding:5px 8px;background:#eef3f1;color:#58706a;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.hub-status-nuevo{background:#fff6e9;color:#9d6717}.hub-status-en_proceso{background:#edf5ff;color:#3266ac}.hub-status-respondido{background:#f4efff;color:#6c4cb2}.hub-status-cerrado,.hub-status-aprobado,.hub-status-publicado{background:#eaf7ef;color:#257c52}.hub-thread{display:grid;gap:9px;padding:14px 0;border-top:1px solid #edf1ef}.hub-thread article{max-width:82%;padding:11px 13px;border-radius:15px;background:#f1f7f5}.hub-thread article.is-agency{margin-left:auto;background:#eef3ff}.hub-thread small{font-size:9px;color:var(--ph-soft)}.hub-thread p{margin:4px 0 0;font-size:12px;line-height:1.5}.hub-ticket-actions{padding:0 0 17px}.hub-inline-form{display:flex;gap:8px;align-items:center;margin-top:10px}.hub-inline-form select{max-width:220px}.hub-reply .hub-form-row{grid-template-columns:1fr auto;align-items:end}
.hub-proposals-layout{grid-template-columns:minmax(350px,.8fr) minmax(0,1.2fr)}.hub-proposal{background:#fff;border:1px solid var(--ph-line);border-radius:17px;padding:15px}.hub-proposal:not(.hub-proposal-thread)>div{display:flex;justify-content:space-between;align-items:center}.hub-proposal h3{margin:10px 0 5px;font-size:15px}.hub-proposal p{margin:0;color:var(--ph-soft);font-size:11px;line-height:1.5}.hub-proposal footer{margin-top:11px;padding-top:9px;border-top:1px solid #edf1ef;color:var(--ph-soft);font-size:9px}.hub-lead{display:grid;grid-template-columns:42px 1fr;gap:12px;background:#fff;border:1px solid var(--ph-line);border-radius:17px;padding:14px}.hub-lead-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#edf7f3;color:var(--ph-brand);font-size:11px;font-weight:900}.hub-lead-call{background:#f4efff;color:#7953bd}.hub-lead-form{background:#fff4e8;color:#a66a1a}.hub-lead-meta{display:flex;justify-content:space-between;color:var(--ph-soft);font-size:9px}.hub-lead h3{margin:4px 0;font-size:14px}.hub-lead p{margin:0 0 5px;font-size:11px}.hub-lead small{color:var(--ph-soft);font-size:9px}.hub-empty,.hub-remote-error,.puro-hub-login{background:#fff;border:1px solid var(--ph-line);border-radius:18px;padding:24px;color:var(--ph-soft)}.hub-remote-error h2{color:var(--ph-bad)}
@media(max-width:1100px){.hub-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-two-col,.hub-proposals-layout{grid-template-columns:1fr}}
@media(max-width:720px){.puro-hub-topbar{grid-template-columns:1fr auto;padding:10px 16px}.puro-hub-title{grid-column:1/-1;order:3}.puro-hub-user span{display:none}.puro-hub-main{padding:20px 14px 50px}.hub-client-grid,.hub-kpis{grid-template-columns:1fr}.hub-tabs{overflow:auto}.hub-form-row{grid-template-columns:1fr}.hub-inline-form,.hub-reply .hub-form-row{display:grid;grid-template-columns:1fr}.hub-client-metrics{grid-template-columns:repeat(2,1fr)}.hub-thread article{max-width:92%}}
/* PURO Agency Hub 1.1 — presencia, perfiles y operación */
.hub-client-avatar{overflow:hidden;flex:0 0 auto}.hub-client-avatar.has-photo{background:#e8efed}.hub-client-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hub-client-avatar-xl{width:84px;height:84px;border-radius:24px;font-size:22px}
.hub-connection-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.03em}.hub-connection-badge.is-connected{background:#e8f7ef;color:#237c53}.hub-connection-badge.is-offline{background:#fff0f2;color:var(--ph-bad)}
.hub-activity-line{display:flex;align-items:center;gap:7px;margin-top:12px;padding:9px 11px;border-radius:12px;background:#f7faf9;color:var(--ph-soft);font-size:10px}.hub-activity-line i{width:8px;height:8px;border-radius:50%;background:#98aaa5;box-shadow:0 0 0 4px #eef3f1}.hub-activity-line b{color:var(--ph-ink);font-size:10px}.hub-activity-line span{margin-left:auto}.hub-activity-line.is-online i{background:#27aa70;box-shadow:0 0 0 4px #e2f7ec;animation:puroHubPulse 2.2s ease-in-out infinite}.hub-activity-line.is-recent i{background:#d69b37;box-shadow:0 0 0 4px #fff4dd}.hub-activity-line.is-inactive i,.hub-activity-line.is-never i,.hub-activity-line.is-unknown i{background:#9aaba6;box-shadow:0 0 0 4px #edf1ef}@keyframes puroHubPulse{50%{box-shadow:0 0 0 7px rgba(39,170,112,.08)}}
.hub-plan-badge{display:inline-flex;margin-top:7px;border-radius:999px;background:#edf7f4;color:var(--ph-brand);padding:4px 7px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.hub-card-alert{margin:0 0 13px;border-radius:11px;background:#fff8e9;border:1px solid #f0dfb9;color:#8f651e;padding:9px 10px;font-size:10px}.hub-client-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.hub-client-actions .hub-btn{padding:8px 11px}.hub-text-action{color:var(--ph-brand);font-size:10px;font-weight:800;text-decoration:none}.hub-text-action:hover{text-decoration:underline}
.hub-attention{margin:0 0 28px;padding:20px;border-radius:22px;background:linear-gradient(145deg,#123b34,#0a6256);color:#fff;box-shadow:0 25px 55px -40px rgba(5,60,50,.75)}.hub-attention-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.hub-attention-head small{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:9px;color:#a8d4ca;font-weight:900}.hub-attention-head h2{margin:4px 0 0;font-size:20px}.hub-attention-head>span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 9px;font-size:9px}.hub-attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-attention-list a{display:grid;grid-template-columns:minmax(120px,.6fr) 1fr auto;align-items:center;gap:12px;border-radius:13px;padding:11px 13px;background:rgba(255,255,255,.09);color:#fff;text-decoration:none}.hub-attention-list a:hover{background:rgba(255,255,255,.14)}.hub-attention-list b{font-size:11px}.hub-attention-list span{font-size:10px;color:#d6e9e4}.hub-attention-list strong{font-size:9px;color:#fff}
.hub-directory-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}.hub-search{position:relative;min-width:min(440px,42vw)}.hub-search span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:900;color:var(--ph-soft);text-transform:uppercase;letter-spacing:.05em}.hub-search input{width:100%;height:44px;border:1px solid var(--ph-line);border-radius:13px;background:#fff;padding:8px 13px 8px 68px;color:var(--ph-ink);font:inherit;box-shadow:var(--ph-shadow)}.hub-search input:focus{outline:2px solid rgba(13,125,111,.18);border-color:#9cc7bc}.hub-filter-group{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hub-filter-group button{appearance:none;border:1px solid var(--ph-line);border-radius:999px;background:#fff;color:var(--ph-soft);padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer}.hub-filter-group button.is-active,.hub-filter-group button:hover{background:var(--ph-brand);border-color:var(--ph-brand);color:#fff}.hub-filter-empty{margin-top:16px}
.hub-client-card[hidden]{display:none}.hub-client-card{display:flex;flex-direction:column}.hub-client-card-head{grid-template-columns:56px 1fr auto}.hub-client-card-head .hub-client-avatar{width:56px;height:56px;border-radius:17px}.hub-client-card .hub-client-actions{margin-top:auto}.hub-client-card .hub-client-foot{margin-top:13px}
.hub-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;background:#fff;border:1px solid var(--ph-line);border-radius:22px;padding:20px;margin-bottom:18px;box-shadow:var(--ph-shadow)}.hub-profile-eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--ph-brand);font-weight:900}.hub-profile-copy h2{margin:5px 0 3px;font-size:23px}.hub-profile-copy p{margin:0;color:var(--ph-soft);font-size:11px}.hub-profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.hub-profile-tags span{border-radius:999px;background:#f0f5f3;color:#58706a;padding:6px 9px;font-size:9px;font-weight:800}.hub-profile-status{display:grid;justify-items:end;min-width:220px}.hub-profile-status .hub-activity-line{width:100%;box-sizing:border-box}.hub-summary-second-row{margin-top:18px}.hub-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-quick-actions a{display:grid;gap:4px;border:1px solid var(--ph-line);border-radius:13px;padding:13px;text-decoration:none;color:var(--ph-ink);background:#fbfcfc}.hub-quick-actions a:hover{border-color:#9fc9bf;background:#f3faf8}.hub-quick-actions b{font-size:12px}.hub-quick-actions span{color:var(--ph-soft);font-size:9px}.hub-good{color:#237c53;font-weight:800}.hub-bad{color:var(--ph-bad);font-weight:800}.hub-details a{color:var(--ph-brand)}.hub-notice{margin:0 0 15px;border-radius:12px;padding:11px 13px;font-size:11px}.hub-notice.is-success{background:#e9f7ef;color:#237c53}
.hub-timeline{position:relative;display:grid;gap:0;background:#fff;border:1px solid var(--ph-line);border-radius:20px;padding:8px 20px;box-shadow:var(--ph-shadow)}.hub-timeline:before{content:"";position:absolute;left:31px;top:26px;bottom:26px;width:1px;background:#dce7e3}.hub-timeline article{position:relative;padding:16px 10px 16px 34px;border-bottom:1px solid #edf1ef}.hub-timeline article:last-child{border-bottom:0}.hub-timeline article>i{position:absolute;left:7px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--ph-brand);box-shadow:0 0 0 5px #e8f5f1}.hub-timeline time,.hub-timeline>article>span{display:inline-flex;margin-right:7px;color:var(--ph-soft);font-size:9px}.hub-timeline>article>span{border-radius:999px;background:#eef5f3;padding:4px 7px;font-weight:800}.hub-timeline h3{margin:7px 0 3px;font-size:13px}.hub-timeline p{margin:0;color:var(--ph-soft);font-size:10px}
@media(max-width:1100px){.hub-attention-list{grid-template-columns:1fr}.hub-directory-tools{align-items:stretch;flex-direction:column}.hub-search{min-width:0;width:100%}.hub-filter-group{justify-content:flex-start}.hub-profile-hero{grid-template-columns:auto 1fr}.hub-profile-status{grid-column:1/-1;justify-items:stretch;min-width:0}.hub-profile-status .hub-connection-badge{justify-self:start}}
@media(max-width:720px){.hub-attention{padding:16px}.hub-attention-list a{grid-template-columns:1fr auto}.hub-attention-list a span{grid-column:1/-1;grid-row:2}.hub-client-card-head{grid-template-columns:50px 1fr}.hub-client-card-head .hub-client-avatar{width:50px;height:50px}.hub-client-card-head .hub-connection-badge{grid-column:1/-1;justify-self:start}.hub-activity-line{flex-wrap:wrap}.hub-activity-line span{width:100%;margin-left:15px}.hub-profile-hero{grid-template-columns:1fr;text-align:center}.hub-profile-hero .hub-client-avatar{margin:0 auto}.hub-profile-status{justify-items:center}.hub-profile-status .hub-connection-badge{justify-self:center}.hub-profile-tags{justify-content:center}.hub-quick-actions{grid-template-columns:1fr}.hub-directory-head{align-items:stretch;flex-direction:column}.hub-directory-head .hub-btn{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.hub-activity-line.is-online i{animation:none}}
/* v1.2.0 · conversación y control de propuestas */
.hub-notice.is-error{background:#fff0f2;color:#a73b50}.hub-proposal-thread{padding:0;overflow:hidden}.hub-proposal-thread>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:16px}.hub-proposal-thread>summary::-webkit-details-marker{display:none}.hub-proposal-thread>summary h3{margin:8px 0 4px}.hub-proposal-thread>summary p{max-width:620px}.hub-proposal-thread>summary>b{font-size:9px;color:var(--ph-soft);white-space:nowrap}.hub-proposal-thread.is-withdrawn{opacity:.78;background:#f7f8f8}.hub-status-retirada{background:#ecefee;color:#66736f}.hub-response-badge{display:inline-flex;margin-left:7px;border-radius:999px;padding:5px 8px;background:#fff1d8;color:#8b5b10;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.hub-proposal-detail{border-top:1px solid #edf1ef;padding:0 16px 16px}.hub-proposal-meta{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;color:var(--ph-soft);font-size:9px}.hub-proposal-meta span{border-radius:999px;background:#f2f6f4;padding:5px 8px}.hub-proposal-copy{background:#f8faf9;border:1px solid var(--ph-line);border-radius:13px;padding:12px;margin-bottom:12px}.hub-proposal-copy b{font-size:10px}.hub-proposal-copy p{margin:6px 0 0;color:var(--ph-ink);white-space:normal}.hub-empty-message{color:var(--ph-soft);font-size:10px}.hub-proposal-reply{border-top:1px solid #edf1ef;padding-top:14px}.hub-proposal-reply .hub-form-row{grid-template-columns:minmax(220px,.6fr) auto;align-items:end}.hub-proposal-admin-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:13px;border-top:1px solid #edf1ef}.hub-proposal-admin-actions form{margin:0}.hub-btn-danger{background:#fff0f2!important;border:1px solid #efc4cc!important;color:#a73b50!important}.hub-btn-danger:hover{background:#ffe4e8!important}
@media(max-width:720px){.hub-proposal-thread>summary{display:grid}.hub-proposal-reply .hub-form-row{grid-template-columns:1fr}.hub-proposal-admin-actions{display:grid}.hub-proposal-admin-actions .hub-btn{width:100%}}
/* v1.3.0 · centro operativo, accesos y equipo asignado */
.puro-hub-topbar{grid-template-columns:210px minmax(260px,1fr) auto auto}.puro-hub-global-nav{display:flex;align-items:center;gap:6px}.puro-hub-global-nav a{display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:10px;padding:8px 10px;color:var(--ph-soft);font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap}.puro-hub-global-nav a:hover{background:#edf7f4;border-color:#d5e7e2;color:var(--ph-brand)}
.hub-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.hub-icon svg{display:block;width:100%;height:100%;fill:currentColor}.hub-btn .hub-icon{width:15px;height:15px;margin-right:7px}
.hub-client-avatar,.hub-client-card-head .hub-client-avatar,.hub-client-avatar-xl{border-radius:50%!important}.hub-client-avatar-xl{width:92px;height:92px}.hub-client-avatar img{border-radius:inherit}
.hub-card-team{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:11px 0 0;padding:10px 11px;border:1px solid #e6eeeb;border-radius:13px;background:#fbfcfc}.hub-card-team>span b,.hub-card-team>span small{display:block}.hub-card-team>span b{font-size:10px}.hub-card-team>span small{margin-top:2px;color:var(--ph-soft);font-size:8px}.hub-card-team.is-empty{color:var(--ph-soft);background:#f8faf9}.hub-team-empty-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf5f2;color:var(--ph-brand)}.hub-card-team-avatars{display:flex;align-items:center;padding-left:4px}.hub-expert-avatar{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#157f72,#07594f);color:#fff;font-size:11px;font-weight:900;box-shadow:0 0 0 3px #fff}.hub-expert-avatar img{display:block;width:100%;height:100%;object-fit:cover}.hub-expert-avatar.is-small{width:28px;height:28px;margin-left:-5px;font-size:8px}.hub-expert-avatar.is-small:first-child{margin-left:0}.hub-expert-avatar.is-medium{width:50px;height:50px;font-size:12px}.hub-expert-avatar.is-large{width:72px;height:72px;font-size:17px}.hub-expert-avatar.is-more{background:#e8f1ee;color:var(--ph-brand);box-shadow:0 0 0 3px #fff}
.hub-card-actions{align-items:center}.hub-card-actions>.hub-btn{gap:2px}.hub-icon-actions{display:flex;align-items:center;gap:6px}.hub-icon-actions>a,.hub-assignment-actions>a,.hub-assignment-actions button{width:34px;height:34px;border:1px solid #dce8e4;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--ph-brand);cursor:pointer;text-decoration:none}.hub-icon-actions>a:hover,.hub-assignment-actions>a:hover,.hub-assignment-actions button:hover{background:#edf7f4;border-color:#abcfc6}.hub-icon-actions .hub-icon,.hub-assignment-actions .hub-icon{width:16px;height:16px}
.hub-client-toolbar{align-items:center;gap:14px}.hub-back-link{font-weight:800}.hub-toolbar-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.hub-toolbar-links a{display:flex;align-items:center;gap:6px;border:1px solid #dce8e4;border-radius:10px;padding:8px 10px;background:#fff;font-weight:800}.hub-toolbar-links .hub-icon{width:15px;height:15px}
.hub-profile-tags a{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f0f5f3;color:#58706a;padding:6px 9px;font-size:9px;font-weight:800;text-decoration:none}.hub-profile-tags a:hover{background:#e4f3ef;color:var(--ph-brand)}.hub-profile-tags a .hub-icon{width:12px;height:12px}.hub-profile-team{margin-top:12px}.hub-profile-team>small{display:block;margin-bottom:6px;color:var(--ph-soft);font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.hub-profile-team>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hub-profile-team>div>span:not(.hub-expert-avatar){margin-right:8px;color:var(--ph-soft);font-size:8px}
.hub-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.hub-panel-head>.hub-icon{width:34px;height:34px;border-radius:11px;padding:8px;background:#edf7f4;color:var(--ph-brand)}.hub-details-rich>div{align-items:center}.hub-details-rich dt{font-weight:750}.hub-field-help{font-weight:500;color:#93a19d}.hub-panel-divider{border:0;border-top:1px solid #e8efed;margin:18px 0}.hub-quick-actions-icons a{display:flex;align-items:center;gap:11px}.hub-quick-actions-icons>a>.hub-icon{width:34px;height:34px;border-radius:11px;padding:8px;background:#eaf5f2;color:var(--ph-brand)}.hub-quick-actions-icons span{display:block}.hub-quick-actions-icons small{display:block;margin-top:3px;color:var(--ph-soft);font-size:9px}
.hub-team-management{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-bottom:27px}.hub-team-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-role-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.hub-role-cloud span{border:1px solid #dce8e4;border-radius:999px;padding:7px 10px;background:#f7faf9;color:#526d66;font-size:9px;font-weight:800}.hub-add-role-form{padding-top:15px;border-top:1px solid #edf1ef}.hub-expert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-expert-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--ph-line);border-radius:20px;padding:17px;box-shadow:var(--ph-shadow)}.hub-expert-card.is-inactive{opacity:.66;background:#f7f8f8}.hub-expert-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center}.hub-expert-card-head span{color:var(--ph-brand);font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.hub-expert-card-head h3{margin:4px 0 3px;font-size:16px}.hub-expert-card-head p{margin:0;color:var(--ph-soft);font-size:9px}.hub-expert-contact{display:grid;gap:7px}.hub-expert-contact a{display:flex;align-items:center;gap:8px;color:var(--ph-soft);font-size:10px;text-decoration:none;overflow-wrap:anywhere}.hub-expert-contact .hub-icon{width:14px;height:14px;color:var(--ph-brand)}.hub-expert-load{display:flex;align-items:baseline;gap:6px;border-radius:12px;padding:10px;background:#f7faf9}.hub-expert-load b{font-size:20px}.hub-expert-load span{color:var(--ph-soft);font-size:9px}.hub-expert-card form{margin-top:auto}
.hub-team-assignment-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.hub-assignment-list{display:grid;gap:10px}.hub-assignment-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #dfe9e5;border-radius:15px;padding:13px;background:#fbfcfc}.hub-assignment-card>div>span{color:var(--ph-brand);font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.hub-assignment-card h3{margin:4px 0 2px;font-size:14px}.hub-assignment-card p{margin:0;color:var(--ph-soft);font-size:9px}.hub-assignment-actions{display:flex;align-items:center;gap:6px}.hub-assignment-actions form{margin:0}.hub-assignment-actions button{padding:0}.hub-empty-team{display:grid;gap:6px;text-align:center}.hub-empty-team strong{color:var(--ph-ink)}
@media(max-width:1180px){.puro-hub-topbar{grid-template-columns:180px minmax(220px,1fr) auto}.puro-hub-global-nav{grid-column:1/-1;order:4;padding-bottom:10px}.hub-expert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hub-team-management,.hub-team-assignment-layout{grid-template-columns:1fr}.hub-team-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-toolbar-links{justify-content:flex-start}.hub-client-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.puro-hub-global-nav{width:100%;overflow:auto}.puro-hub-global-nav a{flex:0 0 auto}.hub-expert-grid{grid-template-columns:1fr}.hub-team-kpis{grid-template-columns:1fr 1fr}.hub-card-actions{align-items:stretch;flex-direction:column}.hub-icon-actions{justify-content:flex-start}.hub-assignment-card{grid-template-columns:auto minmax(0,1fr)}.hub-assignment-actions{grid-column:1/-1;justify-content:flex-end}.hub-toolbar-links{display:grid;grid-template-columns:1fr;width:100%}.hub-toolbar-links a{justify-content:center}}
/* v1.4.0 · producción mensual, autoría real y equipo visible */
.hub-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hub-head-actions form{margin:0}.hub-check-row{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #dfe9e5;border-radius:13px;padding:11px;background:#f8fbfa}.hub-check-row input{width:17px;height:17px;margin:2px 0 0;flex:0 0 auto}.hub-check-row span b,.hub-check-row span small{display:block}.hub-check-row span small{margin-top:3px;color:var(--ph-soft);font-size:9px}.hub-assignment-copy small{display:block;margin-top:6px;color:#8b9995;font-size:8px}.hub-assignment-titleline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hub-assignment-titleline>span{color:var(--ph-brand);font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.hub-assignment-titleline em{border-radius:999px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:850}.hub-assignment-titleline em.is-visible{background:#e8f7f1;color:#18705d}.hub-assignment-titleline em.is-internal{background:#eef1f0;color:#687772}.hub-assignment-responsibility{margin-top:4px!important;color:#536a64!important;line-height:1.45!important}
.hub-production-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.hub-production-overview>div{border:1px solid var(--ph-line);border-radius:16px;padding:14px;background:#fff;box-shadow:var(--ph-shadow)}.hub-production-overview span,.hub-production-overview b,.hub-production-overview small{display:block}.hub-production-overview span{color:var(--ph-soft);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.hub-production-overview b{margin:5px 0 1px;font-size:25px}.hub-production-overview small{color:var(--ph-soft);font-size:8px}.hub-production-overview .is-attention{border-color:#efd9a5;background:#fffbf2}.hub-production-overview .is-attention b{color:#9b6916}.hub-production-overview .is-client{border-color:#d7e1f4;background:#f7f9ff}.hub-production-overview .is-client b{color:#4d67a0}.hub-production-overview .is-done{border-color:#cce8dc;background:#f4fbf8}.hub-production-overview .is-done b{color:#17705d}.hub-create-proposal-panel{position:sticky;top:104px;align-self:start;max-height:calc(100vh - 125px);overflow:auto}.hub-form-warning{display:grid;gap:3px;margin:0 0 14px;padding:11px 12px;border:1px solid #ecd69d;border-radius:12px;background:#fffaf0;color:#7b5b1f}.hub-form-warning b{font-size:10px}.hub-form-warning span{font-size:8px;line-height:1.45}.hub-date-row{grid-template-columns:.55fr .7fr 1.2fr}.hub-proposal-summary-main{min-width:0}.hub-proposal-summary-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hub-stage-badge{display:inline-flex;border-radius:999px;padding:5px 8px;background:#edf3f1;color:#506760;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.hub-stage-badge.stage-doctor_review{background:#fff3d6;color:#865e15}.hub-stage-badge.stage-production,.hub-stage-badge.stage-internal_review,.hub-stage-badge.stage-changes{background:#e9f1ff;color:#43639a}.hub-stage-badge.stage-published{background:#e4f7ee;color:#18705b}.hub-proposal-thread>summary{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.hub-proposal-owner-compact{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:150px}.hub-proposal-owner-compact span small,.hub-proposal-owner-compact span b,.hub-proposal-owner-compact span em{display:block}.hub-proposal-owner-compact span small{color:var(--ph-soft);font-size:7px;text-transform:uppercase;letter-spacing:.05em}.hub-proposal-owner-compact span b{font-size:9px}.hub-proposal-owner-compact span em{color:var(--ph-soft);font-size:7px;font-style:normal}.hub-proposal-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.hub-proposal-people>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;border:1px solid #e4ece9;border-radius:12px;padding:10px;background:#fbfcfc}.hub-proposal-people>div>small{grid-column:1/-1;color:var(--ph-soft);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.hub-proposal-people b,.hub-proposal-people em{display:block}.hub-proposal-people b{font-size:9px}.hub-proposal-people em{margin-top:2px;color:var(--ph-soft);font-size:7px;font-style:normal}.hub-client-action{margin:0 0 12px;padding:12px;border:1px solid #eed59a;border-radius:13px;background:#fffaf0}.hub-client-action b{color:#896018;font-size:9px}.hub-client-action p{margin:5px 0 0;color:#63502b;font-size:10px;line-height:1.5}.hub-proposal-purpose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.hub-proposal-purpose>div{padding:11px;border:1px solid #e5ecea;border-radius:12px;background:#fafcfc}.hub-proposal-purpose b{font-size:9px}.hub-proposal-purpose p{margin:5px 0 0;color:var(--ph-soft);font-size:9px;line-height:1.5}.hub-proposal-timeline{margin:12px 0;padding:12px;border:1px solid #e4ece9;border-radius:13px;background:#fafcfc}.hub-proposal-timeline h4{margin:0 0 10px;font-size:11px}.hub-proposal-timeline>div{position:relative;display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;padding-bottom:10px}.hub-proposal-timeline>div:last-child{padding-bottom:0}.hub-proposal-timeline i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--ph-brand);box-shadow:0 0 0 3px #dff1ec}.hub-proposal-timeline>div:not(:last-child):before{content:"";position:absolute;left:3px;top:11px;bottom:1px;width:1px;background:#d9e5e1}.hub-proposal-timeline b,.hub-proposal-timeline small{display:block}.hub-proposal-timeline b{font-size:9px}.hub-proposal-timeline small{margin-top:2px;color:var(--ph-soft);font-size:7px}.hub-proposal-comments h4{margin:0 0 10px}.hub-comment-author{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;margin-bottom:7px}.hub-comment-author b,.hub-comment-author small{display:block}.hub-comment-author b{font-size:9px}.hub-comment-author small{margin-top:2px;color:var(--ph-soft);font-size:7px}.hub-proposal-reply .hub-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-proposal-reply .hub-form-row:last-child{grid-template-columns:minmax(220px,.7fr) auto}.hub-proposal-reply .hub-btn{align-self:end}
@media(max-width:1180px){.hub-production-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-create-proposal-panel{position:static;max-height:none}.hub-proposal-people,.hub-proposal-purpose{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hub-production-overview{grid-template-columns:1fr 1fr}.hub-proposal-thread>summary{grid-template-columns:1fr}.hub-proposal-owner-compact{margin-top:8px}.hub-proposal-people,.hub-proposal-purpose,.hub-proposal-reply .hub-form-row,.hub-proposal-reply .hub-form-row:last-child{grid-template-columns:1fr}.hub-date-row{grid-template-columns:1fr}}
.hub-proposal-people>div>p{grid-column:1/-1;margin:4px 0 0;color:var(--ph-soft);font-size:8px;line-height:1.45}
/* v1.5.0 · operación por rol, propuestas legibles y limpieza remota de spam */
.puro-hub-user-area{display:flex;align-items:center;justify-content:flex-end;gap:14px}.hub-mode-switcher{margin:0}.hub-mode-switcher label{display:grid;gap:3px}.hub-mode-switcher label>span{color:var(--ph-soft);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.hub-mode-switcher select{min-width:190px;border:1px solid var(--ph-line);border-radius:10px;background:#f8faf9;color:var(--ph-ink);padding:8px 30px 8px 10px;font-size:10px;font-weight:750}.hub-current-mode{display:inline-flex;border-radius:999px;background:#e8f5f1;color:var(--ph-brand);padding:7px 10px;font-size:9px;font-weight:850}.hub-card-alert{display:flex!important;align-items:center;justify-content:space-between;gap:12px;text-decoration:none}.hub-card-alert strong{white-space:nowrap;color:#8c651e;font-size:9px}.hub-card-alert:hover{border-color:#dcb65d;background:#fff7df}.hub-attention-list a strong{white-space:nowrap}.hub-production-overview>a{display:block;text-decoration:none;color:inherit}.hub-production-overview>a:hover{transform:translateY(-1px);border-color:#dfbd69}.hub-proposal-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:20px 0 14px}.hub-proposal-toolbar h2{margin:0;font-size:22px}.hub-proposal-toolbar p{margin:5px 0 0;color:var(--ph-soft);font-size:12px}.hub-proposal-filters{display:flex;gap:7px;flex-wrap:wrap}.hub-proposal-filters a{border:1px solid var(--ph-line);border-radius:999px;padding:8px 11px;background:#fff;color:var(--ph-soft);font-size:10px;font-weight:800;text-decoration:none}.hub-proposal-filters a.is-active,.hub-proposal-filters a:hover{border-color:var(--ph-brand);background:var(--ph-brand);color:#fff}.hub-composer{margin-bottom:18px;border:1px solid #cfe2dc;border-radius:18px;background:#fff;box-shadow:var(--ph-shadow);overflow:hidden}.hub-composer>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:17px 19px;cursor:pointer;background:linear-gradient(135deg,#f7fbfa,#edf7f4)}.hub-composer>summary::-webkit-details-marker{display:none}.hub-composer>summary>.hub-icon{width:38px;height:38px;border-radius:12px;padding:9px;background:#dff1ec;color:var(--ph-brand)}.hub-composer>summary span{display:grid;gap:3px;min-width:0}.hub-composer>summary b{font-size:14px}.hub-composer>summary small{color:var(--ph-soft);font-size:10px}.hub-composer>summary strong{margin-left:auto;color:var(--ph-brand);font-size:11px}.hub-composer[open]>summary strong{font-size:0}.hub-composer[open]>summary strong:after{content:'Cerrar ↑';font-size:11px}.hub-composer-body{padding:20px;border-top:1px solid var(--ph-line)}.hub-proposal-create-form{gap:18px}.hub-form-section{display:grid;gap:12px;border:1px solid #e4ece9;border-radius:15px;padding:16px;background:#fbfcfc}.hub-form-section h3{margin:0;color:var(--ph-brand2);font-size:13px}.hub-proposal-create-form .hub-form-row{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-proposal-create-form .hub-form-section:nth-child(2) .hub-form-row,.hub-proposal-create-form .hub-form-section:nth-child(3) .hub-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-form-submit{display:flex;justify-content:flex-end}.hub-form-submit .hub-btn{min-width:190px}.hub-proposal-list-full{gap:15px}.hub-proposal-thread{border-radius:20px}.hub-proposal-thread>summary{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,240px) auto!important;gap:20px!important;align-items:center!important;padding:18px 20px!important}.hub-proposal-thread>summary h3{font-size:17px!important;line-height:1.25}.hub-proposal-thread>summary p{font-size:11px!important;line-height:1.5}.hub-proposal-owner-compact{min-width:0!important}.hub-proposal-owner-compact span small{font-size:8px!important}.hub-proposal-owner-compact span b{font-size:11px!important}.hub-proposal-owner-compact span em{font-size:9px!important}.hub-proposal-detail{padding:0 20px 20px!important}.hub-proposal-people{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.hub-proposal-people>div{padding:13px!important;align-content:start}.hub-proposal-people>div>small{font-size:8px!important}.hub-proposal-people b{font-size:11px!important}.hub-proposal-people em,.hub-proposal-people>div>p{font-size:9px!important}.hub-proposal-content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:16px;align-items:start}.hub-proposal-content-main{min-width:0}.hub-proposal-sidebar{display:grid;gap:12px;position:sticky;top:105px}.hub-proposal-purpose{grid-template-columns:1fr!important}.hub-proposal-purpose>div,.hub-proposal-copy,.hub-client-action{padding:15px!important}.hub-proposal-purpose b,.hub-proposal-copy b,.hub-client-action b{font-size:11px!important}.hub-proposal-purpose p,.hub-proposal-copy p,.hub-client-action p{font-size:11px!important;line-height:1.65!important;overflow-wrap:anywhere}.hub-proposal-comments .hub-thread article,.hub-proposal-comments article{max-width:92%}.hub-proposal-comments h4,.hub-proposal-timeline h4{font-size:13px!important}.hub-comment-author b{font-size:11px!important}.hub-comment-author small,.hub-proposal-timeline small{font-size:9px!important}.hub-proposal-timeline b{font-size:10px!important}.hub-proposal-reply{border:1px solid #dce8e4!important;border-radius:15px;padding:14px!important;background:#f8fbfa}.hub-proposal-reply .hub-form-row{grid-template-columns:1fr!important}.hub-proposal-reply label{font-size:10px}.hub-proposal-reply textarea,.hub-proposal-reply select{background:#fff}.hub-proposal-reply .hub-btn{width:100%}.hub-proposal-admin-actions{margin-top:14px}.hub-proposal-thread.is-highlighted,.hub-ticket.is-highlighted,.hub-lead.is-highlighted{animation:puroHubHighlight 2.6s ease}.hub-lead{grid-template-columns:44px minmax(0,1fr) auto!important;align-items:start}.hub-lead-content{min-width:0}.hub-lead-actions form{margin:0}.hub-spam-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid #efc7ce;border-radius:10px;background:#fff5f6;color:#a43e50;padding:8px 10px;font-size:9px;font-weight:850;cursor:pointer}.hub-spam-btn:hover{background:#ffe8ec}.hub-spam-btn .hub-icon{width:15px;height:15px}.hub-lead p{font-size:11px;line-height:1.55}.hub-lead h3{font-size:15px}.hub-tabs{scroll-margin-top:110px}.hub-client-avatar,.hub-client-avatar img{border-radius:50%!important}.hub-client-avatar{overflow:hidden}.hub-client-avatar-xl{border-radius:50%!important}.hub-client-avatar-xl img{border-radius:50%!important}.hub-icon-actions a,.hub-toolbar-links a{position:relative}.puro-mode-social .hub-client-card{border-top:3px solid #aa67d1}.puro-mode-ads .hub-client-card{border-top:3px solid #4b7fd2}.puro-mode-web .hub-client-card{border-top:3px solid #1f967f}.puro-mode-analytics .hub-client-card{border-top:3px solid #d18b3c}
@keyframes puroHubHighlight{0%{box-shadow:0 0 0 0 rgba(13,125,111,.35)}35%{box-shadow:0 0 0 8px rgba(13,125,111,.14)}100%{box-shadow:var(--ph-shadow)}}
@media(max-width:1180px){.puro-hub-user-area{grid-column:3;align-self:center}.hub-mode-switcher select{min-width:160px}.hub-proposal-content-grid{grid-template-columns:1fr}.hub-proposal-sidebar{position:static}.hub-proposal-create-form .hub-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.puro-hub-topbar{grid-template-columns:1fr auto}.puro-hub-title{grid-column:1/-1}.puro-hub-global-nav{grid-column:1/-1}.puro-hub-user-area{grid-column:1/-1;justify-content:space-between}.hub-proposal-toolbar{align-items:flex-start;flex-direction:column}.hub-proposal-thread>summary{grid-template-columns:1fr!important}.hub-proposal-people,.hub-proposal-create-form .hub-form-row,.hub-proposal-create-form .hub-form-section:nth-child(2) .hub-form-row,.hub-proposal-create-form .hub-form-section:nth-child(3) .hub-form-row{grid-template-columns:1fr!important}.hub-lead{grid-template-columns:42px minmax(0,1fr)!important}.hub-lead-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.hub-spam-btn span{display:inline}}
@media(max-width:560px){.hub-mode-switcher{width:100%}.hub-mode-switcher select{width:100%;min-width:0}.puro-hub-user-area{align-items:stretch;flex-direction:column}.hub-composer>summary{align-items:flex-start}.hub-composer>summary strong{display:none}.hub-proposal-filters{width:100%;overflow:auto;flex-wrap:nowrap}.hub-proposal-filters a{white-space:nowrap}.hub-production-overview{grid-template-columns:1fr 1fr}.hub-lead-actions{justify-content:stretch}.hub-spam-btn{width:100%;justify-content:center}}
/* v1.6.0 · cartera primero, permisos reales, carga por especialista y facturación */
.puro-hub-menu-area{display:flex;justify-content:flex-end;align-items:center;min-width:180px}.hub-operations-menu{position:relative}.hub-operations-menu>summary{list-style:none;display:grid;grid-template-columns:28px auto;column-gap:9px;align-items:center;min-width:170px;padding:9px 12px;border:1px solid var(--ph-line);border-radius:13px;background:#fff;cursor:pointer;box-shadow:0 10px 30px -25px rgba(16,58,47,.35)}.hub-operations-menu>summary::-webkit-details-marker{display:none}.hub-operations-menu>summary .hub-icon{grid-row:1/3;width:23px;height:23px;color:var(--ph-brand)}.hub-operations-menu>summary span{font-size:11px;font-weight:850}.hub-operations-menu>summary small{font-size:8px;color:var(--ph-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-operations-popover{position:absolute;right:0;top:calc(100% + 9px);z-index:80;width:min(360px,calc(100vw - 32px));max-height:min(78vh,720px);overflow:auto;padding:12px;border:1px solid var(--ph-line);border-radius:18px;background:#fff;box-shadow:0 28px 80px -32px rgba(10,45,37,.45)}.hub-menu-user{display:grid;gap:2px;padding:9px 10px 12px;border-bottom:1px solid var(--ph-line)}.hub-menu-user b{font-size:12px}.hub-menu-user span{color:var(--ph-soft);font-size:9px}.hub-operations-popover nav{display:grid;gap:5px;padding:10px 0}.hub-operations-popover nav>a{display:flex;align-items:center;gap:9px;border-radius:11px;padding:10px;color:var(--ph-ink);font-size:10px;font-weight:800;text-decoration:none}.hub-operations-popover nav>a:hover{background:#edf7f4;color:var(--ph-brand)}.hub-operations-popover nav .hub-icon{width:18px;height:18px;color:var(--ph-brand)}.hub-menu-section{display:grid;gap:5px;padding:11px 0;border-top:1px solid var(--ph-line)}.hub-menu-section>small,.hub-menu-role-note>small{padding:0 9px;color:var(--ph-soft);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.hub-menu-section>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;color:var(--ph-soft);font-size:10px;font-weight:750;text-decoration:none}.hub-menu-section>a:hover,.hub-menu-section>a.is-active{background:#e8f5f1;color:var(--ph-brand2)}.hub-menu-section>a b{font-size:7px;text-transform:uppercase;letter-spacing:.06em}.hub-menu-role-note{padding:12px 0;border-top:1px solid var(--ph-line)}.hub-menu-role-note p{margin:6px 9px 0;color:var(--ph-soft);font-size:9px;line-height:1.5}.hub-menu-logout{display:block;margin-top:5px;border-radius:10px;padding:9px 10px;background:#fff5f6;color:var(--ph-bad);font-size:10px;font-weight:850;text-decoration:none}
.hub-portfolio-first{margin-top:0}.hub-directory-head{margin-top:0}.hub-directory-tools-simple{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.hub-directory-tools-simple .hub-search{width:min(560px,100%)}.hub-filter-hint{color:var(--ph-soft);font-size:9px}.hub-card-specialists{display:grid;gap:7px;margin:12px 0}.hub-card-specialist{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e4ece9;border-radius:13px;background:#fbfcfc;color:var(--ph-ink);text-decoration:none;transition:.16s ease}.hub-card-specialist:hover{border-color:#bcd9d1;background:#f1f8f6;transform:translateY(-1px)}.hub-card-specialist>span{min-width:0}.hub-card-specialist b,.hub-card-specialist small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-card-specialist b{font-size:10px}.hub-card-specialist small{margin-top:2px;color:var(--ph-soft);font-size:8px}.hub-card-specialist em{max-width:170px;border-radius:999px;padding:5px 8px;background:#eef3f1;color:var(--ph-soft);font-size:8px;font-style:normal;font-weight:850;text-align:right}.hub-card-specialist em.has-pending{background:#fff4d8;color:#91651b}.hub-card-specialist.is-more{display:block;text-align:center;color:var(--ph-brand);font-size:9px;font-weight:800}.hub-payment-chip{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin:9px 0;padding:9px 11px;border:1px solid #dce7e3;border-radius:12px;background:#f8faf9;color:var(--ph-ink);text-decoration:none}.hub-payment-chip span{font-size:9px}.hub-payment-chip b{border-radius:999px;padding:4px 7px;background:#edf2f0;font-size:8px}.hub-payment-chip em{font-size:9px;font-style:normal;font-weight:850}.hub-payment-chip.status-paid b{background:#e1f5ec;color:#23764f}.hub-payment-chip.status-overdue{border-color:#edc5cc;background:#fff5f6}.hub-payment-chip.status-overdue b{background:#fbe1e6;color:#a33f51}.hub-payment-chip.status-pending b{background:#fff0cc;color:#91651b}
.hub-team-workload-section{margin-top:28px}.hub-workload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.hub-workload-card{display:grid;gap:11px;border:1px solid var(--ph-line);border-radius:18px;padding:15px;background:#fff;box-shadow:var(--ph-shadow)}.hub-workload-card.has-pending{border-color:#ead9aa}.hub-workload-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.hub-workload-head h3{margin:0;font-size:13px}.hub-workload-head p{margin:3px 0;color:var(--ph-soft);font-size:8px;line-height:1.4}.hub-workload-head small{color:var(--ph-soft);font-size:8px}.hub-workload-head>strong{min-width:54px;text-align:center;color:var(--ph-brand);font-size:24px;line-height:1}.hub-workload-head>strong span{display:block;margin-top:4px;color:var(--ph-soft);font-size:7px;text-transform:uppercase;letter-spacing:.05em}.hub-workload-items{display:grid;gap:5px;border-top:1px solid var(--ph-line);padding-top:9px}.hub-workload-items>a{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:9px;padding:7px 8px;background:#f8faf9;color:var(--ph-ink);text-decoration:none}.hub-workload-items>a:hover{background:#edf7f4}.hub-workload-items b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-workload-items span{color:var(--ph-soft);font-size:8px;line-height:1.35}.hub-workload-items em{color:var(--ph-brand);font-size:8px;font-style:normal;font-weight:850;white-space:nowrap}.hub-workload-items>small,.hub-workload-clear{color:var(--ph-soft);font-size:8px;text-align:center}.hub-workload-clear{border-top:1px solid var(--ph-line);padding-top:10px}
.hub-role-restriction,.hub-role-panel{border:1px solid #d9e6e2;border-radius:14px;background:#f8fbfa;padding:13px 15px;color:var(--ph-soft)}.hub-role-restriction{display:flex;align-items:center;gap:10px;margin-bottom:13px}.hub-role-restriction b{color:var(--ph-ink);font-size:10px}.hub-role-restriction span{font-size:9px}.hub-panel-wide{grid-column:1/-1}.hub-team-readonly{max-width:920px}.hub-team-readonly .hub-panel{padding:0;background:transparent;border:0;box-shadow:none}
.hub-billing-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:18px;align-items:start}.hub-billing-sidebar{position:sticky;top:105px;border:1px solid var(--ph-line);border-radius:18px;padding:14px;background:#fff;box-shadow:var(--ph-shadow)}.hub-billing-sidebar .hub-section-head{margin:0 0 10px}.hub-billing-client-list{display:grid;gap:6px;max-height:72vh;overflow:auto}.hub-billing-client-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:12px;color:var(--ph-ink);text-decoration:none}.hub-billing-client-list>a:hover,.hub-billing-client-list>a.is-active{border-color:#bedbd3;background:#edf7f4}.hub-billing-client-list b,.hub-billing-client-list small{display:block}.hub-billing-client-list b{font-size:9px}.hub-billing-client-list small{margin-top:2px;color:var(--ph-soft);font-size:7px}.hub-billing-client-list em{border-radius:999px;padding:4px 7px;background:#eef3f1;color:var(--ph-soft);font-size:7px;font-style:normal;font-weight:850}.hub-billing-client-list em.status-overdue{background:#fbe1e6;color:#a33f51}.hub-billing-client-list em.status-paid{background:#e1f5ec;color:#23764f}.hub-billing-main{display:grid;gap:14px;min-width:0}.hub-billing-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ph-line);border-radius:18px;padding:15px;background:#fff}.hub-billing-head>div{display:flex;align-items:center;gap:11px}.hub-billing-head h2{margin:2px 0;font-size:18px}.hub-billing-head p,.hub-billing-head small{margin:0;color:var(--ph-soft);font-size:8px}.hub-billing-head form{display:flex;align-items:flex-end;gap:8px}.hub-billing-head label{display:grid;gap:4px;color:var(--ph-soft);font-size:8px;font-weight:800}.hub-billing-head select,.hub-billing-head input{min-height:36px;border:1px solid var(--ph-line);border-radius:9px;background:#fff;padding:6px 8px}.hub-billing-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-billing-status-grid>div{border:1px solid var(--ph-line);border-radius:15px;padding:13px;background:#fff}.hub-billing-status-grid small,.hub-billing-status-grid b,.hub-billing-status-grid span{display:block}.hub-billing-status-grid small{color:var(--ph-soft);font-size:8px;text-transform:uppercase;font-weight:850}.hub-billing-status-grid b{margin:5px 0;font-size:17px}.hub-billing-status-grid span{color:var(--ph-soft);font-size:8px}.hub-billing-status-grid .status-overdue{border-color:#efcbd2;background:#fff7f8}.hub-billing-panel{border:1px solid var(--ph-line);border-radius:17px;background:#fff;overflow:hidden}.hub-billing-panel>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.hub-billing-panel>summary::-webkit-details-marker{display:none}.hub-billing-panel>summary b{font-size:12px}.hub-billing-panel>summary span{color:var(--ph-soft);font-size:8px}.hub-billing-panel[open]>summary{border-bottom:1px solid var(--ph-line);background:#f8fbfa}.hub-billing-form{padding:16px}.hub-billing-form .hub-form-row{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-sat-card{border:1px solid #cfe0db;border-radius:18px;padding:16px;background:linear-gradient(145deg,#fff,#f2f9f7)}.hub-sat-card .hub-section-head{margin:0 0 12px}.hub-sat-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hub-sat-rows>div{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1fr);gap:10px;padding:9px 10px;border-radius:10px;background:#fff}.hub-sat-rows span{color:var(--ph-soft);font-size:8px}.hub-sat-rows b{font-size:8px;overflow-wrap:anywhere}
@media(max-width:1120px){.hub-workload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-billing-layout{grid-template-columns:1fr}.hub-billing-sidebar{position:static}.hub-billing-client-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.hub-billing-form .hub-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.puro-hub-topbar{position:sticky;display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;min-height:72px!important;padding:10px 20px!important}.puro-hub-title{display:none!important}.puro-hub-menu-area{grid-column:auto!important;min-width:0!important}.hub-operations-menu>summary{min-width:0;width:46px;height:46px;display:flex;justify-content:center;padding:10px}.hub-operations-menu>summary>span,.hub-operations-menu>summary>small{display:none}.hub-operations-menu>summary .hub-icon{width:24px;height:24px}.hub-operations-popover{position:fixed;right:14px;top:calc(74px + env(safe-area-inset-top));width:min(360px,calc(100vw - 28px))}.puro-hub-main{padding:18px 16px 50px!important}.hub-directory-tools-simple{align-items:stretch;flex-direction:column}.hub-filter-hint{display:none}.hub-client-grid{grid-template-columns:1fr!important}.hub-workload-grid{grid-template-columns:1fr}.hub-card-specialist em{max-width:145px}.hub-billing-head{align-items:flex-start;flex-direction:column}.hub-billing-head form{width:100%;display:grid;grid-template-columns:1fr 1fr auto}.hub-billing-status-grid{grid-template-columns:1fr 1fr}.hub-billing-status-grid>div:first-child{grid-column:1/-1}.hub-sat-rows{grid-template-columns:1fr}}
@media(max-width:560px){.puro-hub-topbar{padding:8px 14px!important;min-height:64px!important}.puro-hub-brand span{font-size:20px}.puro-hub-brand small{font-size:8px}.hub-operations-popover{top:66px}.puro-hub-main{padding:14px 12px 42px!important}.hub-section-head{align-items:flex-start;flex-direction:column;margin:14px 0 10px}.hub-section-head h2{font-size:19px}.hub-directory-head .hub-btn{width:100%}.hub-client-card{border-radius:20px!important;padding:15px!important}.hub-client-card-head{align-items:flex-start}.hub-card-specialist{grid-template-columns:auto minmax(0,1fr);padding:8px}.hub-card-specialist em{grid-column:2;max-width:none;width:max-content;text-align:left}.hub-client-metrics{grid-template-columns:1fr 1fr!important}.hub-client-actions{align-items:stretch;flex-direction:column}.hub-card-actions>.hub-btn{width:100%}.hub-icon-actions{justify-content:flex-start}.hub-workload-items>a{grid-template-columns:1fr auto}.hub-workload-items>a span{grid-column:1/-1;grid-row:2}.hub-billing-client-list{grid-template-columns:1fr}.hub-billing-head form{grid-template-columns:1fr 1fr}.hub-billing-head form .hub-btn{grid-column:1/-1}.hub-billing-status-grid{grid-template-columns:1fr}.hub-billing-status-grid>div:first-child{grid-column:auto}.hub-billing-form .hub-form-row{grid-template-columns:1fr}.hub-sat-rows>div{grid-template-columns:1fr}.hub-proposal-content-grid{grid-template-columns:1fr!important}.hub-proposal-thread>summary{padding:14px!important}.hub-proposal-detail{padding:0 14px 14px!important}}
.hub-payment-chip.status-unconfigured,.hub-billing-client-list em.status-unconfigured{border-color:#dfe8e4;background:#f3f6f5;color:#687973}.hub-payment-chip.status-unconfigured b{background:#e9efed;color:#687973}
.hub-kpis .hub-kpi-text{font-size:14px;line-height:1.25;margin-top:10px}
/* PURO Hub 1.6.0 · resumen de cartera administrativa */
.hub-billing-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}.hub-billing-kpis>div{min-width:0;border:1px solid var(--ph-line);border-radius:17px;padding:15px;background:#fff;box-shadow:var(--ph-shadow)}.hub-billing-kpis small,.hub-billing-kpis b,.hub-billing-kpis span{display:block}.hub-billing-kpis small{color:var(--ph-soft);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.hub-billing-kpis b{margin:7px 0 5px;font-size:23px;line-height:1;overflow-wrap:anywhere}.hub-billing-kpis span{color:var(--ph-soft);font-size:8px;line-height:1.35}.hub-billing-kpis .is-warning{border-color:#ecd9aa;background:#fffbf2}.hub-billing-kpis .is-warning b{color:#94691d}.hub-billing-kpis .is-alert{border-color:#efcbd2;background:#fff7f8}.hub-billing-kpis .is-alert b{color:var(--ph-bad)}
@media(max-width:1120px){.hub-billing-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.hub-billing-kpis{grid-template-columns:1fr 1fr}.hub-billing-kpis>div:first-child{grid-column:1/-1}}
@media(max-width:420px){.hub-billing-kpis{grid-template-columns:1fr}.hub-billing-kpis>div:first-child{grid-column:auto}}
/* PURO Agency Hub 1.7.0 · Planes, servicios y facturación compartida */
.hub-plan-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.hub-plan-summary>div,.hub-billing-client-kpis>div{min-width:0;border:1px solid var(--ph-line);border-radius:18px;padding:16px;background:linear-gradient(145deg,#fff,#f8fbfa);box-shadow:var(--ph-shadow)}.hub-plan-summary small,.hub-plan-summary b,.hub-plan-summary span,.hub-billing-client-kpis small,.hub-billing-client-kpis b,.hub-billing-client-kpis span{display:block}.hub-plan-summary small,.hub-billing-client-kpis small{color:var(--ph-soft);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.hub-plan-summary b,.hub-billing-client-kpis b{margin:8px 0 4px;color:var(--ph-ink);font-size:23px;line-height:1.05;overflow-wrap:anywhere}.hub-plan-summary span,.hub-billing-client-kpis span{color:var(--ph-soft);font-size:9px;line-height:1.4}.hub-plan-summary .is-total,.hub-billing-client-kpis .is-total{border-color:#b9dad1;background:linear-gradient(145deg,#eaf7f3,#fff)}.hub-plan-summary .is-total b,.hub-billing-client-kpis .is-total b{color:var(--ph-brand)}
.hub-plan-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;align-items:start;margin-bottom:18px}.hub-plan-main{min-width:0}.hub-plan-main>.hub-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.hub-plan-form{gap:15px}.hub-plan-form>.hub-form-row{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.hub-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding-top:4px}.hub-form-actions .hub-btn{min-width:160px}.hub-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start!important;gap:9px!important;padding:11px 12px;border:1px solid var(--ph-line);border-radius:12px;background:#f8fbfa;color:var(--ph-ink)!important}.hub-check input{width:auto!important;margin:2px 0 0!important;accent-color:var(--ph-brand)}
.hub-subpanel,.hub-create-panel{border:1px solid var(--ph-line);border-radius:15px;background:#f8fbfa;overflow:hidden}.hub-subpanel>summary,.hub-create-panel>summary{list-style:none;cursor:pointer;padding:13px 15px;color:var(--ph-ink);font-size:11px;font-weight:900}.hub-subpanel>summary::-webkit-details-marker,.hub-create-panel>summary::-webkit-details-marker{display:none}.hub-subpanel>summary:after,.hub-create-panel>summary:after{content:'+';float:right;color:var(--ph-brand);font-size:17px;line-height:.8}.hub-subpanel[open]>summary:after,.hub-create-panel[open]>summary:after{content:'−'}.hub-subpanel[open]>summary,.hub-create-panel[open]>summary{border-bottom:1px solid var(--ph-line);background:#edf7f4}.hub-subpanel>div,.hub-subpanel>label,.hub-create-panel>form{margin:0;padding:14px}.hub-subpanel>.hub-form-row{padding:14px 14px 0}.hub-subpanel>.hub-form-row+ .hub-form-row{padding-top:0}.hub-subpanel>label{padding-top:0}.hub-create-panel{margin-top:13px;background:#fff}.hub-create-panel>form{display:grid}
.hub-price-list{display:grid;gap:7px;margin:13px 0}.hub-price-list>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;border-radius:11px;background:#f7faf9}.hub-price-list span{color:var(--ph-soft);font-size:10px}.hub-price-list b{color:var(--ph-ink);font-size:11px;white-space:nowrap}.hub-price-list>div:last-child{border-top:1px solid var(--ph-line)}
.hub-service-list{display:grid;gap:11px}.hub-service-item{border:1px solid var(--ph-line);border-radius:17px;background:#fff;overflow:hidden}.hub-service-item>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 15px}.hub-service-item>summary::-webkit-details-marker{display:none}.hub-service-item>summary>div b,.hub-service-item>summary>div small{display:block}.hub-service-item>summary>div b{font-size:12px}.hub-service-item>summary>div small{margin-top:3px;color:var(--ph-soft);font-size:8px}.hub-service-item>summary>strong{font-size:13px;white-space:nowrap}.hub-service-item[open]>summary{border-bottom:1px solid var(--ph-line);background:#f8fbfa}.hub-service-item>.hub-form{padding:15px}.hub-service-item .hub-danger-zone{margin-top:4px;padding-top:13px;border-top:1px dashed #ebc9cf}.hub-link-danger{appearance:none;border:0;background:transparent;color:var(--ph-bad);font:800 10px/1.2 inherit;text-decoration:underline;cursor:pointer;padding:7px 0}.hub-danger-zone{display:flex;justify-content:flex-end}.hub-empty-inline{padding:12px;border:1px dashed var(--ph-line);border-radius:12px;color:var(--ph-soft);font-size:10px;text-align:center;background:#fafcfb}
.hub-simple-list,.hub-history-list{display:grid;gap:8px}.hub-simple-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--ph-line);border-radius:12px;background:#fff}.hub-simple-list b,.hub-simple-list small{display:block}.hub-simple-list b{font-size:10px}.hub-simple-list small{margin-top:3px;color:var(--ph-soft);font-size:8px}.hub-simple-list strong{font-size:10px;white-space:nowrap}.hub-history-list{max-height:360px;overflow:auto;padding-right:4px}.hub-history-list>article{position:relative;padding:10px 12px 10px 27px;border-left:1px solid #cfe0db}.hub-history-list>article:before{content:'';position:absolute;left:-5px;top:15px;width:9px;height:9px;border-radius:50%;background:var(--ph-brand);box-shadow:0 0 0 4px #edf7f4}.hub-history-list b,.hub-history-list span,.hub-history-list time{display:block}.hub-history-list b{font-size:10px}.hub-history-list span{margin:3px 0;color:var(--ph-soft);font-size:9px;line-height:1.45}.hub-history-list time{color:#93a19d;font-size:8px}
.hub-billing-client-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.hub-billing-client-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);margin-bottom:18px}.hub-invoice-preview{display:grid;align-content:start;gap:12px}.hub-invoice-preview .hub-price-list{margin:0}.hub-invoice-preview .hub-form{padding-top:4px}.hub-invoice-preview>.hub-btn{width:100%}
.hub-billing-records{display:grid;gap:12px}.hub-billing-record{border:1px solid var(--ph-line);border-radius:17px;background:#fff;overflow:hidden}.hub-billing-record>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:15px 16px}.hub-billing-record>summary::-webkit-details-marker{display:none}.hub-billing-record>summary div b,.hub-billing-record>summary div small{display:block}.hub-billing-record>summary div b{font-size:12px}.hub-billing-record>summary div small{margin-top:4px;color:var(--ph-soft);font-size:8px}.hub-billing-record>summary>strong{font-size:14px;white-space:nowrap}.hub-billing-record[open]>summary{border-bottom:1px solid var(--ph-line);background:#f8fbfa}.hub-billing-record-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:16px;padding:16px}.hub-billing-record-body>.hub-form:first-child{grid-row:1/4}.hub-billing-files{display:grid;gap:8px}.hub-billing-files>div{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--ph-line);border-radius:12px;background:#f8fbfa}.hub-billing-files b{font-size:9px}.hub-billing-files span,.hub-billing-files a{color:var(--ph-soft);font-size:9px;overflow-wrap:anywhere}.hub-billing-files a{color:var(--ph-brand);font-weight:800}.hub-upload-invoice{align-self:start;padding:13px;border:1px dashed #bfd8d1;border-radius:13px;background:#f3faf8}.hub-upload-invoice input[type=file]{padding:8px;background:#fff}.hub-upload-invoice .hub-btn{width:100%}
.hub-status-facturado{background:#eaf5ff;color:#2f6b9c}.hub-status-vencido{background:#fff0f2;color:var(--ph-bad)}.hub-status-pendiente{background:#fff6e9;color:#95641a}.hub-status-en_revision{background:#f4efff;color:#694dad}.hub-status-pagado{background:#e8f7ef;color:#247a52}
.hub-notice{margin:0 0 16px;padding:12px 14px;border-radius:13px;border:1px solid var(--ph-line);background:#fff;font-size:11px;font-weight:750}.hub-notice.is-success{border-color:#bcdccd;background:#edf9f3;color:#22764f}.hub-notice.is-error{border-color:#efc7cf;background:#fff4f5;color:var(--ph-bad)}
@media(max-width:1120px){.hub-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-plan-layout,.hub-billing-client-layout{grid-template-columns:1fr}.hub-billing-record-body{grid-template-columns:1fr}.hub-billing-record-body>.hub-form:first-child{grid-row:auto}.hub-plan-form>.hub-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hub-plan-summary,.hub-billing-client-kpis,.hub-two-columns{grid-template-columns:1fr}.hub-plan-form>.hub-form-row,.hub-subpanel>.hub-form-row{grid-template-columns:1fr}.hub-service-item>summary,.hub-billing-record>summary{grid-template-columns:minmax(0,1fr) auto}.hub-service-item>summary>.hub-status,.hub-billing-record>summary>.hub-status{grid-row:2;grid-column:1;width:max-content}.hub-service-item>summary>strong,.hub-billing-record>summary>strong{grid-column:2;grid-row:1/3}.hub-simple-list>div{grid-template-columns:minmax(0,1fr) auto}.hub-simple-list>div form{grid-column:1/-1;justify-self:end}.hub-form-actions{display:grid;grid-template-columns:1fr}.hub-form-actions .hub-btn{width:100%}.hub-billing-record-body{padding:13px}.hub-section-head>.hub-btn{width:100%}}
@media(max-width:480px){.hub-plan-summary{grid-template-columns:1fr 1fr}.hub-plan-summary>div{padding:13px}.hub-plan-summary b{font-size:19px}.hub-service-item>summary,.hub-billing-record>summary{padding:12px}.hub-service-item>summary>strong,.hub-billing-record>summary>strong{font-size:11px}.hub-simple-list>div{grid-template-columns:1fr}.hub-simple-list>div>strong,.hub-simple-list>div>form{justify-self:start}.hub-billing-client-kpis{grid-template-columns:1fr}.hub-check{padding:10px}}
.hub-onetime-item{border:1px solid var(--ph-line);border-radius:13px;background:#fff;overflow:hidden}.hub-onetime-item>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px}.hub-onetime-item>summary::-webkit-details-marker{display:none}.hub-onetime-item>summary b,.hub-onetime-item>summary small{display:block}.hub-onetime-item>summary b{font-size:10px}.hub-onetime-item>summary small{margin-top:3px;color:var(--ph-soft);font-size:8px}.hub-onetime-item>summary strong{font-size:10px}.hub-onetime-item[open]>summary{border-bottom:1px solid var(--ph-line);background:#f8fbfa}.hub-onetime-item>.hub-form{padding:13px}.hub-onetime-item>.hub-danger-zone{padding:0 13px 13px}.hub-history-list>div{position:relative;padding:10px 12px 10px 27px;border-left:1px solid #cfe0db}.hub-history-list>div:before{content:'';position:absolute;left:-5px;top:15px;width:9px;height:9px;border-radius:50%;background:var(--ph-brand);box-shadow:0 0 0 4px #edf7f4}.hub-history-list time,.hub-history-list p,.hub-history-list small{display:block}.hub-history-list time{color:#93a19d;font-size:8px}.hub-history-list p{margin:3px 0;color:var(--ph-ink);font-size:9px;line-height:1.45}.hub-history-list small{color:var(--ph-soft);font-size:8px}
/* PURO Hub 1.8.0 · App, bienvenida y plan visible en cartera */
body.puro-hub-standalone #wpadminbar{display:none!important}html:has(body.puro-hub-standalone){margin-top:0!important}body.puro-hub-standalone.admin-bar{margin-top:0!important}.puro-hub-standalone.admin-bar .puro-hub-topbar{top:0!important}
.hub-menu-install{width:100%;display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--ph-line);background:#edf8f5;color:var(--ph-brand);padding:13px 15px;font:800 11px/1.2 inherit;cursor:pointer;text-align:left}.hub-menu-install .hub-icon{width:18px;height:18px}.hub-menu-install[hidden],.hub-install-app[hidden]{display:none!important}
.hub-welcome-backdrop{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:rgba(8,35,29,.62);backdrop-filter:blur(12px)}.hub-welcome-card{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.55);border-radius:30px;padding:30px;box-shadow:0 38px 100px -40px rgba(0,35,27,.8)}.hub-welcome-brand{display:grid;color:var(--ph-brand);margin-bottom:25px}.hub-welcome-brand span{font-size:25px;font-weight:950;letter-spacing:.15em}.hub-welcome-brand small{color:var(--ph-soft);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.hub-welcome-copy>span{display:block;color:var(--ph-brand);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.hub-welcome-copy h2{margin:8px 0 8px;color:var(--ph-ink);font-size:34px;line-height:1.08}.hub-welcome-copy p{margin:0;color:var(--ph-soft);font-size:14px;line-height:1.55}.hub-welcome-role{display:grid;gap:3px;margin:22px 0 16px;padding:15px 17px;border:1px solid #cfe4de;border-radius:16px;background:#eff9f6}.hub-welcome-role b{font-size:14px}.hub-welcome-role span{color:var(--ph-soft);font-size:10px}.hub-welcome-card ul{display:grid;gap:9px;margin:0 0 22px;padding:0;list-style:none}.hub-welcome-card li{position:relative;padding:11px 13px 11px 39px;border-radius:13px;background:#f6f9f8;color:var(--ph-ink);font-size:11px;line-height:1.45}.hub-welcome-card li:before{content:'✓';position:absolute;left:13px;top:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#dff3ec;color:var(--ph-brand);font-weight:900}.hub-welcome-actions{display:flex;flex-wrap:wrap;gap:9px}.hub-welcome-dismiss{display:block;margin:18px auto 0;border:0;background:transparent;color:var(--ph-soft);font:750 10px/1.2 inherit;text-decoration:underline;cursor:pointer}
.hub-app-nav{display:none}.puro-is-app .puro-hub-topbar{padding-top:max(10px,env(safe-area-inset-top))}
.hub-billing-account-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.hub-billing-account-nav a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--ph-line);border-radius:15px;background:#fff;color:var(--ph-ink);text-decoration:none;box-shadow:var(--ph-shadow)}.hub-billing-account-nav a.is-active{border-color:#a9d1c6;background:#edf8f5}.hub-billing-account-nav .hub-icon{width:20px;height:20px;color:var(--ph-brand)}.hub-billing-account-nav b,.hub-billing-account-nav small{display:block}.hub-billing-account-nav b{font-size:10px}.hub-billing-account-nav small{margin-top:3px;color:var(--ph-soft);font-size:8px}
.hub-billing-plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;margin:0 0 15px;padding:17px 18px;border:1px solid #bcded4;border-radius:20px;background:linear-gradient(135deg,#edf9f5,#fff);box-shadow:var(--ph-shadow)}.hub-billing-plan-card.is-unconfigured{border-color:#ecd8a8;background:linear-gradient(135deg,#fff8e9,#fff)}.hub-billing-plan-copy>span{display:block;color:var(--ph-brand);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.hub-billing-plan-copy h3{margin:5px 0 4px;font-size:18px}.hub-billing-plan-copy p{margin:0;color:var(--ph-soft);font-size:9px}.hub-billing-plan-total{text-align:right}.hub-billing-plan-total small,.hub-billing-plan-total b,.hub-billing-plan-total span{display:block}.hub-billing-plan-total small{color:var(--ph-soft);font-size:8px}.hub-billing-plan-total b{margin:4px 0;font-size:21px}.hub-billing-plan-total span{color:var(--ph-soft);font-size:8px}
@media(max-width:820px){.hub-welcome-backdrop{padding:14px}.hub-welcome-card{padding:23px;border-radius:24px}.hub-welcome-copy h2{font-size:28px}.hub-billing-account-nav{grid-template-columns:1fr}.hub-billing-plan-card{grid-template-columns:1fr}.hub-billing-plan-total{text-align:left}.hub-billing-plan-card .hub-btn{width:100%}.hub-app-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--ph-line);background:rgba(255,255,255,.97);box-shadow:0 -18px 45px -32px rgba(15,55,45,.6);backdrop-filter:blur(16px)}.hub-app-nav a,.hub-app-nav button{appearance:none;border:0;background:transparent;color:#6d7d78;text-decoration:none;display:grid;justify-items:center;gap:4px;padding:5px 2px;font:800 8px/1.15 inherit;cursor:pointer;min-width:0}.hub-app-nav .hub-icon{width:21px;height:21px}.hub-app-nav a:hover,.hub-app-nav button:hover{color:var(--ph-brand)}.puro-hub-main{padding-bottom:96px!important}.puro-hub-topbar{padding-top:max(8px,env(safe-area-inset-top))!important}}
@media(max-width:480px){.hub-welcome-copy h2{font-size:25px}.hub-welcome-actions{display:grid;grid-template-columns:1fr}.hub-welcome-actions .hub-btn{width:100%}.hub-welcome-card{max-height:calc(100vh - 24px);padding:20px}.hub-billing-plan-card{padding:15px}.hub-billing-plan-copy h3{font-size:16px}}
/* v1.9.0 · sincronización de cobranza y factura */
.hub-notice.is-warning{border-color:#ead59a;background:#fff9e8;color:#7a5b10}.hub-invoice-attachment{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:12px;border:1px dashed #bfd6d0;border-radius:13px;background:#f8fbfa}.hub-invoice-attachment label{margin:0}.hub-invoice-attachment span{color:var(--ph-soft);font-size:9px;line-height:1.5}.hub-invoice-attachment input[type=file]{min-height:42px;padding:8px;background:#fff}@media(max-width:680px){.hub-invoice-attachment{grid-template-columns:1fr}.hub-invoice-attachment .hub-btn{width:100%}}
/* 1.10.0 – mejoras de propuestas mobile */
.hub-proposal-mobile-nav{display:none;margin:0 0 12px;padding:8px;border:1px solid #dce8e4;border-radius:14px;background:#f8fbfa;gap:8px;overflow:auto;white-space:nowrap}
.hub-proposal-mobile-nav a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ph-line);border-radius:999px;background:#fff;color:var(--ph-brand2);padding:8px 12px;font-size:10px;font-weight:800;text-decoration:none}
.hub-proposal-mobile-nav a:hover{border-color:var(--ph-brand);color:var(--ph-brand)}
.hub-proposal-section{scroll-margin-top:96px}
.hub-proposal-content-main,.hub-proposal-sidebar{min-width:0}
.hub-proposal-copy,.hub-client-action,.hub-proposal-purpose>div,.hub-proposal-timeline,.hub-proposal-reply{width:100%;min-width:0;box-sizing:border-box}
.hub-proposal-copy p,.hub-client-action p,.hub-proposal-purpose p,.hub-proposal-comments p,.hub-proposal-timeline small{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
.hub-proposal-comments{padding-top:0;border-top:0}
.hub-proposal-comments h4{margin:0 0 10px}
.hub-proposal-comments article{width:100%;box-sizing:border-box}
.hub-proposal-sidebar .hub-proposal-section + .hub-proposal-section{margin-top:12px}
@media(max-width:820px){
.hub-proposal-mobile-nav{display:flex}
.hub-proposal-content-grid{grid-template-columns:1fr!important;gap:14px!important}
.hub-proposal-sidebar{position:static!important;top:auto!important}
.hub-proposal-purpose{grid-template-columns:1fr!important}
.hub-proposal-thread>summary{grid-template-columns:1fr!important;gap:12px!important}
.hub-proposal-owner-compact{grid-template-columns:auto minmax(0,1fr)!important}
.hub-proposal-thread>summary>b{white-space:normal}
}
@media(max-width:560px){
.hub-production-overview{grid-template-columns:1fr 1fr!important}
.hub-production-overview>div,.hub-production-overview>a{padding:12px!important}
.hub-proposal-toolbar h2{font-size:18px!important}
.hub-proposal-toolbar p{font-size:11px!important}
.hub-composer>summary{padding:14px!important}
.hub-composer-body{padding:14px!important}
.hub-form-section{padding:13px!important}
.hub-proposal-thread{border-radius:18px!important;overflow:hidden}
.hub-proposal-thread>summary{padding:14px!important}
.hub-proposal-detail{padding:0 12px 12px!important}
.hub-proposal-meta{gap:6px;padding:10px 0!important}
.hub-proposal-people{grid-template-columns:1fr!important;gap:8px!important}
.hub-proposal-people>div{padding:11px!important}
.hub-proposal-purpose>div,.hub-proposal-copy,.hub-client-action,.hub-proposal-timeline,.hub-proposal-reply{padding:12px!important;border-radius:14px!important}
.hub-proposal-copy b,.hub-client-action b,.hub-proposal-purpose b{font-size:11px!important}
.hub-proposal-copy p,.hub-client-action p,.hub-proposal-purpose p{font-size:13px!important;line-height:1.62!important}
.hub-proposal-comments article{max-width:100%!important;padding:11px 12px!important}
.hub-comment-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}
.hub-comment-author b{font-size:12px!important}
.hub-comment-author small,.hub-proposal-timeline small{font-size:10px!important;line-height:1.45!important}
.hub-proposal-timeline b{font-size:11px!important}
.hub-proposal-admin-actions{display:grid!important;grid-template-columns:1fr!important}
.hub-proposal-admin-actions form,.hub-proposal-admin-actions .hub-btn{width:100%}
.hub-proposal-reply label{font-size:11px!important}
.hub-proposal-reply textarea{min-height:140px}
.hub-proposal-reply textarea,.hub-proposal-reply select,.hub-proposal-reply input{font-size:16px!important}
}
/* 1.10.1 – corrección estructural definitiva de propuestas */
.hub-proposal-thread > .hub-proposal-detail{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
box-sizing:border-box!important;
align-items:initial!important;
justify-content:initial!important;
}
.hub-proposal-thread > .hub-proposal-detail > *{
width:100%;
min-width:0;
max-width:100%;
box-sizing:border-box;
}
.hub-proposal-thread .hub-proposal-content-grid,
.hub-proposal-thread .hub-proposal-content-main,
.hub-proposal-thread .hub-proposal-sidebar{
width:100%!important;
min-width:0!important;
max-width:100%!important;
box-sizing:border-box!important;
}
.hub-proposal-thread .hub-proposal-people{
width:100%!important;
}
.hub-proposal-thread .hub-proposal-admin-actions{
width:100%!important;
}
@media(max-width:820px){
.hub-proposal-thread > .hub-proposal-detail{
display:block!important;
}
.hub-proposal-thread .hub-proposal-people,
.hub-proposal-thread .hub-proposal-content-grid,
.hub-proposal-thread .hub-proposal-sidebar,
.hub-proposal-thread .hub-proposal-admin-actions{
display:grid!important;
grid-template-columns:1fr!important;
}
}
/* 1.11.0 – propuestas visuales */
.hub-proposal-thread>summary{grid-template-columns:112px minmax(0,1fr) minmax(170px,220px) auto!important}
.hub-proposal-card-cover{position:relative;width:112px;height:84px;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#e9f5f1,#d5ebe4);display:grid;place-items:center;color:var(--ph-brand)}
.hub-proposal-card-cover img{width:100%;height:100%;object-fit:cover;display:block}
.hub-proposal-card-cover>span .hub-icon{width:28px;height:28px}
.hub-proposal-card-cover small{position:absolute;left:9px;bottom:8px;right:9px;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--ph-brand2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-proposal-card-cover i{position:absolute;right:7px;top:7px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:rgba(5,33,28,.82);color:#fff;font-size:9px;font-style:normal;font-weight:900}
.hub-proposal-open-label{display:block;margin-top:8px;color:var(--ph-brand);font-size:9px;font-weight:850}
.hub-proposal-message-count{display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;background:#f1f5f3;padding:7px 10px;color:var(--ph-soft)!important}
.hub-proposal-showcase{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:18px;margin:4px 0 16px;padding:16px;border:1px solid #dbe8e4;border-radius:18px;background:linear-gradient(145deg,#fbfdfc,#f3f8f6)}
.hub-proposal-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:105px;gap:8px;min-width:0}
.hub-proposal-gallery a{display:block;border-radius:13px;overflow:hidden;background:#e9f2ef;border:1px solid #dce8e4}
.hub-proposal-gallery a.is-primary{grid-column:span 3;grid-row:span 2}
.hub-proposal-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.hub-proposal-gallery a:hover img{transform:scale(1.025)}
.hub-proposal-gallery.is-empty{display:block}
.hub-proposal-visual-placeholder{min-height:320px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#eaf5f1,#d8ebe4);color:var(--ph-brand);padding:24px}
.hub-proposal-visual-placeholder .hub-icon{width:46px;height:46px;margin-bottom:14px}
.hub-proposal-visual-placeholder span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hub-proposal-visual-placeholder b{margin-top:8px;font-size:22px;color:var(--ph-brand2)}
.hub-proposal-visual-placeholder small{margin-top:8px;color:var(--ph-soft);font-size:10px}
.hub-proposal-presentation{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:6px 4px}
.hub-proposal-kicker{color:var(--ph-brand);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.hub-proposal-presentation h3{margin:9px 0 10px;font-size:25px;line-height:1.16}
.hub-proposal-presentation>p{margin:0;color:var(--ph-soft);font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.hub-proposal-presentation>div{margin-top:16px;padding:12px 14px;border:1px solid #ead69f;border-radius:13px;background:#fffaf0}
.hub-proposal-presentation>div b,.hub-proposal-presentation>div span{display:block}
.hub-proposal-presentation>div b{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#8a6319}
.hub-proposal-presentation>div span{margin-top:5px;font-size:11px;line-height:1.5;color:#654f28}
.hub-conversation-panel{border:1px solid #dfe8e5;border-radius:15px;background:#fff;overflow:hidden}
.hub-conversation-panel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;background:#f8fbfa}
.hub-conversation-panel>summary::-webkit-details-marker{display:none}
.hub-conversation-panel>summary span{font-size:12px;font-weight:850;color:var(--ph-brand2)}
.hub-conversation-panel>summary b{font-size:9px;color:var(--ph-soft)}
.hub-conversation-panel .hub-proposal-comments{padding:14px;border-top:1px solid #e7eeeb}
.hub-proposal-media-field{display:grid!important;gap:8px}
.hub-proposal-media-field input[type=file]{padding:12px;border:1px dashed #bad6cc;border-radius:12px;background:#f6fbf9}
.hub-proposal-media-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.hub-proposal-media-preview:empty{display:none}
.hub-proposal-media-preview img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid #dce8e4}
@media(max-width:980px){
.hub-proposal-thread>summary{grid-template-columns:96px minmax(0,1fr) auto!important}
.hub-proposal-owner-compact{grid-column:2}
.hub-proposal-message-count{grid-column:3;grid-row:1/3}
.hub-proposal-card-cover{width:96px;height:78px}
.hub-proposal-showcase{grid-template-columns:1fr}
}
@media(max-width:620px){
.hub-proposal-thread>summary{grid-template-columns:86px minmax(0,1fr)!important;padding:12px!important}
.hub-proposal-card-cover{width:86px;height:86px;grid-row:1/3}
.hub-proposal-owner-compact{grid-column:1/-1!important;margin-left:98px}
.hub-proposal-message-count{position:absolute;right:12px;bottom:12px;grid-column:auto;grid-row:auto}
.hub-proposal-summary-main h3{font-size:15px!important}
.hub-proposal-summary-main p{font-size:10px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hub-proposal-showcase{padding:12px;margin-bottom:12px}
.hub-proposal-gallery{grid-auto-rows:78px}
.hub-proposal-gallery a.is-primary{grid-column:span 3;grid-row:span 3}
.hub-proposal-visual-placeholder{min-height:230px}
.hub-proposal-presentation h3{font-size:20px}
.hub-proposal-presentation>p{font-size:12px}
.hub-proposal-media-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.hub-proposal-thread>summary{position:relative}
/* =========================================================
PURO Agency Hub 2.0 · cartera compacta y UX operativa
========================================================= */
.hub-client-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hub-client-card-compact{padding:0!important;overflow:hidden;transform:none!important}
.hub-client-card-compact:hover{transform:none!important}
.hub-client-drawer{width:100%}
.hub-client-drawer>summary{list-style:none}
.hub-client-drawer>summary::-webkit-details-marker{display:none}
.hub-client-summary{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:78px;padding:13px 14px;cursor:pointer;background:#fff}
.hub-client-summary:hover{background:#fbfdfc}
.hub-client-summary .hub-client-avatar{width:44px;height:44px;border-radius:50%!important}
.hub-client-summary-copy{display:grid;min-width:0;gap:2px}
.hub-client-summary-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25}
.hub-client-summary-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ph-soft);font-size:9px}
.hub-client-summary-copy>em{display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#566a64;font-size:8px;font-style:normal;font-weight:750}
.hub-presence-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#9aa8a4}
.hub-presence-dot.is-online{background:#28a66d;box-shadow:0 0 0 3px #e3f5ec}
.hub-presence-dot.is-recent{background:#d39a35;box-shadow:0 0 0 3px #fff3dc}
.hub-presence-dot.is-away,.hub-presence-dot.is-unknown{background:#9aa8a4}
.hub-notification-bubble{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#b54759;color:#fff;font-size:10px;font-weight:900;box-shadow:0 7px 16px -9px rgba(181,71,89,.9)}
.hub-notification-bubble.is-clear{background:#e7f5ef;color:#24764f;box-shadow:none}
.hub-client-chevron{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0f5f3;color:#657670;font-size:14px;transition:transform .18s ease}
.hub-client-drawer[open] .hub-client-chevron{transform:rotate(180deg)}
.hub-client-drawer[open]>.hub-client-summary{border-bottom:1px solid var(--ph-line);background:#f8fbfa}
.hub-client-expanded{display:grid;gap:10px;padding:12px 14px 14px;background:#fff}
.hub-client-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hub-client-expanded .hub-connection-badge{font-size:8px;padding:5px 8px}
.hub-client-expanded .hub-activity-line{margin:0;padding:0;background:transparent;border:0;font-size:8px}
.hub-client-expanded .hub-card-specialists{margin:0;gap:5px}
.hub-client-expanded .hub-card-specialist{grid-template-columns:auto minmax(0,1fr) auto;padding:7px 8px;border-radius:10px}
.hub-client-expanded .hub-card-specialist .hub-expert-avatar{width:24px;height:24px}
.hub-client-expanded .hub-card-specialist b{font-size:9px}
.hub-client-expanded .hub-card-specialist small,.hub-client-expanded .hub-card-specialist em{font-size:7px}
.hub-client-expanded .hub-client-metrics{margin:0;gap:6px}
.hub-client-expanded .hub-client-metrics span{padding:7px 8px;border:1px solid #edf2f0;background:#fafcfb}
.hub-client-expanded .hub-client-metrics b{font-size:15px}
.hub-client-expanded .hub-client-metrics small{font-size:7px}
.hub-client-expanded .hub-payment-chip{margin:0;padding:8px 9px}
.hub-client-expanded .hub-card-alert{margin:0;padding:9px 10px;border-radius:11px;font-size:8px}
.hub-client-expanded .hub-client-actions{margin-top:0;padding-top:9px;border-top:1px solid #edf2f0}
.hub-client-expanded .hub-card-actions>.hub-btn{min-height:36px;padding:8px 11px;font-size:9px}
.hub-client-expanded .hub-icon-actions a{width:35px;height:35px}
.hub-client-card-compact.is-offline .hub-client-summary{background:#fffafb}
.hub-client-card-compact.is-offline .hub-notification-bubble{background:#a64555}
.hub-client-card-compact[hidden]{display:none!important}
/* Bandeja y cargas operativas más compactas */
.hub-team-workload-section{margin-top:28px}
.hub-workload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hub-workload-card{border-radius:17px!important;padding:14px!important}
.hub-workload-head strong{min-width:52px}
@media(max-width:1260px){.hub-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.hub-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-workload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
.hub-client-grid{grid-template-columns:1fr!important;gap:9px}
.hub-client-card{padding:0!important;border-radius:16px!important}
.hub-client-summary{grid-template-columns:42px minmax(0,1fr) auto auto;min-height:70px;padding:11px 12px}
.hub-client-summary .hub-client-avatar{width:42px;height:42px}
.hub-client-summary-copy>b{font-size:12px}
.hub-client-summary-copy>small{font-size:8px}
.hub-notification-bubble{min-width:24px;height:24px;font-size:9px}
.hub-client-expanded{padding:10px 12px 12px}
.hub-client-expanded .hub-card-specialist em{grid-column:auto;width:auto;max-width:110px;text-align:right}
.hub-client-expanded .hub-client-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.hub-client-expanded .hub-client-actions{display:grid;grid-template-columns:1fr auto;align-items:center}
.hub-client-expanded .hub-card-actions>.hub-btn{width:100%}
.hub-workload-grid{grid-template-columns:1fr}
}
.hub-unified-pending{margin-top:28px}
.hub-unified-pending-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hub-unified-pending-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #eadcb7;border-radius:15px;background:#fffaf0;color:var(--ph-ink);text-decoration:none}
.hub-unified-pending-list>a:hover{border-color:#d9b95f;background:#fff7df}
.hub-unified-pending-list .hub-client-avatar{width:34px;height:34px;border-radius:50%!important;font-size:9px}
.hub-unified-pending-list b,.hub-unified-pending-list small{display:block}
.hub-unified-pending-list b{font-size:10px}
.hub-unified-pending-list small{margin-top:3px;color:#765f32;font-size:8px;line-height:1.4}
.hub-unified-pending-list strong{color:#8f681c;font-size:8px;white-space:nowrap}
@media(max-width:720px){.hub-unified-pending-list{grid-template-columns:1fr}.hub-unified-pending-list>a{grid-template-columns:auto minmax(0,1fr)}.hub-unified-pending-list strong{grid-column:2}}
/* =========================================================
PURO Agency Hub 2.1 · navegación contextual y propuestas premium
========================================================= */
.hub-client-back-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;color:var(--ph-soft);font-size:10px;font-weight:800}
.hub-client-back-row>span{display:inline-flex;border:1px solid var(--ph-line);border-radius:999px;background:#fff;padding:7px 10px;color:var(--ph-brand2)}
.hub-menu-current-client{border:1px solid #d7e7e1;border-radius:14px;background:#f5faf8;padding:8px!important}
.hub-menu-current-client>small{padding:5px 8px!important;color:var(--ph-brand)!important}
.hub-menu-client-tools a{grid-template-columns:auto minmax(0,1fr)!important}
.hub-menu-client-tools .hub-icon{width:17px;height:17px}
.hub-profile-hero{position:relative}
.hub-profile-notifications{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;min-width:145px;border:1px solid #dce8e4;border-radius:16px;background:#f7faf9;padding:11px 13px}
.hub-profile-notifications>b{grid-row:1/3;font-size:27px;line-height:1;color:#557069}
.hub-profile-notifications>span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#596d67}
.hub-profile-notifications>small{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ph-soft);font-size:8px}
.hub-profile-notifications.has-pending{border-color:#ead7a7;background:#fffaf0}
.hub-profile-notifications.has-pending>b{color:#a16e16}
.hub-profile-notifications.is-clear{border-color:#d1e9df;background:#f1faf6}
.hub-profile-notifications.is-clear>b{color:#23825d}
.hub-proposal-summary-strip{display:flex;align-items:center;gap:7px;margin:0 0 14px;overflow:auto;padding:2px 1px 5px;scrollbar-width:none}
.hub-proposal-summary-strip::-webkit-scrollbar{display:none}
.hub-proposal-summary-strip>span,.hub-proposal-summary-strip>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ph-line);border-radius:999px;background:#fff;padding:8px 11px;color:var(--ph-soft);font-size:9px;font-weight:750;text-decoration:none}
.hub-proposal-summary-strip b{color:var(--ph-brand2);font-size:12px}
.hub-proposal-summary-strip .is-attention{border-color:#ead5a2;background:#fff8e8;color:#80601d}
.hub-proposal-summary-strip .is-attention b{color:#a36c0e}
.hub-proposal-thread{overflow:hidden}
.hub-proposal-thread>summary{min-height:92px!important;cursor:pointer}
.hub-proposal-notice-bubble{display:grid;place-items:center;align-self:center;min-width:55px;border-radius:14px;padding:8px 9px;background:#f1f5f3;color:#65756f;text-align:center}
.hub-proposal-notice-bubble b,.hub-proposal-notice-bubble small{display:block}
.hub-proposal-notice-bubble b{font-size:15px;line-height:1}
.hub-proposal-notice-bubble small{margin-top:3px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.hub-proposal-notice-bubble.is-new{background:#fff0d7;color:#966414;box-shadow:0 8px 18px -13px rgba(150,100,20,.75)}
.hub-proposal-thread[open]{border-color:#bfd9d0;box-shadow:0 22px 55px -42px rgba(15,89,74,.55)}
.hub-proposal-thread[open]>summary{background:#f8fbfa}
.hub-social-showcase,.hub-search-ad-showcase,.hub-web-showcase{align-items:center}
.hub-social-preview{min-width:0}
.hub-social-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.hub-social-preview-toolbar>span{color:var(--ph-soft);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.hub-social-preview-toolbar>div{display:flex;gap:5px;padding:3px;border:1px solid #dce7e3;border-radius:999px;background:#f5f8f7}
.hub-social-preview-toolbar button{appearance:none;border:0;border-radius:999px;background:transparent;padding:6px 9px;color:#6b7c76;font-size:8px;font-weight:850;cursor:pointer}
.hub-social-preview-toolbar button.is-active{background:#fff;color:var(--ph-brand);box-shadow:0 5px 14px -10px rgba(12,76,63,.6)}
.hub-social-post-card{max-width:460px;margin:0 auto;border:1px solid #dfe7e4;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 22px 50px -38px rgba(22,62,53,.65)}
.hub-social-post-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 12px}
.hub-social-post-card .hub-client-avatar{width:34px;height:34px;border-radius:50%!important}
.hub-social-post-card header b,.hub-social-post-card header small{display:block}
.hub-social-post-card header b{font-size:10px}
.hub-social-post-card header small{margin-top:2px;color:var(--ph-soft);font-size:8px}
.hub-social-post-card header>i{font-style:normal;color:#65746f;letter-spacing:2px}
.hub-social-slider{position:relative;overflow:hidden;background:#eef3f1;aspect-ratio:1/1}
.hub-social-slides,.hub-social-slides figure{width:100%;height:100%;margin:0}
.hub-social-slides figure{display:none;place-items:center}
.hub-social-slides figure.is-active{display:grid}
.hub-social-slides img{width:100%;height:100%;object-fit:contain;background:#eef3f1}
.hub-social-slides figure.is-empty{gap:8px;color:var(--ph-soft);font-size:10px}
.hub-social-slides figure.is-empty .hub-icon{width:38px;height:38px}
.hub-social-prev,.hub-social-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#143c34;font-size:23px;cursor:pointer;box-shadow:0 8px 20px -12px rgba(0,0,0,.55)}
.hub-social-prev{left:9px}.hub-social-next{right:9px}
.hub-social-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(10,34,29,.38)}
.hub-social-dots button{width:6px;height:6px;border:0;border-radius:50%;background:rgba(255,255,255,.55);padding:0;cursor:pointer}
.hub-social-dots button.is-active{background:#fff;transform:scale(1.25)}
.hub-social-actions{display:flex;align-items:center;gap:13px;padding:10px 12px 4px;font-size:20px;line-height:1}
.hub-social-actions .is-save{margin-left:auto}
.hub-social-caption{padding:6px 12px 13px;font-size:9px;line-height:1.45}
.hub-social-caption b{margin-right:4px}
.hub-social-caption p{display:inline;margin:0;color:#344b45}
.hub-social-post-card.is-facebook{max-width:520px;border-radius:13px}
.hub-social-post-card.is-facebook .hub-social-slider{aspect-ratio:1.22/1}
.hub-social-post-card.is-facebook .hub-social-actions{border-top:1px solid #edf1ef;justify-content:space-around;font-size:14px;color:#60716b}
.hub-social-post-card.is-facebook .hub-social-actions .is-save{margin-left:0}
.hub-search-ad-preview{border:1px solid #dfe5ea;border-radius:18px;background:#fff;padding:18px;box-shadow:0 22px 55px -42px rgba(33,57,89,.6)}
.hub-ad-sponsored{color:#3c4043;font-size:9px;font-weight:800}
.hub-ad-site{display:flex;align-items:center;gap:9px;margin:9px 0}
.hub-ad-site>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9f3ef;color:var(--ph-brand);font-style:normal;font-weight:900}
.hub-ad-site b,.hub-ad-site small{display:block}.hub-ad-site b{font-size:9px}.hub-ad-site small{color:#5f6d69;font-size:8px}
.hub-search-ad-preview h3{margin:7px 0 5px;color:#1a0dab;font:500 18px/1.25 Arial,sans-serif}
.hub-search-ad-preview p{margin:0;color:#4d5156;font:400 11px/1.5 Arial,sans-serif}
.hub-search-ad-preview>div:last-child{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.hub-search-ad-preview>div:last-child span{border-radius:999px;background:#f2f6ff;padding:6px 9px;color:#284d90;font-size:8px;font-weight:750}
.hub-browser-preview{overflow:hidden;border:1px solid #dce6e2;border-radius:18px;background:#fff;box-shadow:0 22px 55px -42px rgba(22,62,53,.58)}
.hub-browser-bar{display:flex;align-items:center;gap:5px;padding:9px 11px;background:#eef3f1}.hub-browser-bar i{width:7px;height:7px;border-radius:50%;background:#c5d0cc}.hub-browser-bar span{flex:1;margin-left:6px;border-radius:999px;background:#fff;padding:5px 8px;color:#75827e;font-size:7px}
.hub-browser-preview>img{display:block;width:100%;max-height:300px;object-fit:cover}.hub-browser-placeholder{display:grid;place-items:center;gap:8px;min-height:220px;background:linear-gradient(145deg,#edf6f3,#dfeee9);color:var(--ph-brand)}.hub-browser-placeholder .hub-icon{width:42px;height:42px}
.hub-browser-copy{padding:15px}.hub-browser-copy small{color:var(--ph-brand);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.hub-browser-copy h3{margin:6px 0 5px;font-size:18px}.hub-browser-copy p{margin:0;color:var(--ph-soft);font-size:10px;line-height:1.55}
@media(max-width:820px){
.hub-profile-notifications{min-width:0;width:100%}
.hub-proposal-thread>summary{grid-template-columns:82px minmax(0,1fr) auto!important}
.hub-proposal-owner-compact{display:none!important}
.hub-proposal-notice-bubble{min-width:42px;padding:7px}
}
@media(max-width:620px){
.hub-client-back-row{margin-bottom:10px}
.hub-profile-hero{padding:18px!important}
.hub-profile-copy .hub-profile-team>div{display:flex!important;flex-wrap:wrap!important}
.hub-profile-status{width:100%;gap:8px!important}
.hub-profile-notifications{order:-1;grid-template-columns:auto minmax(0,1fr);padding:10px 11px}
.hub-profile-notifications>b{font-size:23px}
.hub-proposal-thread>summary{grid-template-columns:72px minmax(0,1fr) auto!important;min-height:80px!important}
.hub-proposal-card-cover{width:72px!important;height:72px!important;grid-row:auto!important}
.hub-proposal-summary-main h3{font-size:13px!important;margin:5px 0!important}
.hub-proposal-summary-main p{display:none!important}
.hub-proposal-summary-badges .hub-status,.hub-proposal-summary-badges .hub-stage-badge{font-size:6.5px!important;padding:4px 6px!important}
.hub-proposal-open-label{font-size:8px!important;margin-top:4px!important}
.hub-proposal-notice-bubble{min-width:38px;border-radius:12px;padding:6px}
.hub-proposal-notice-bubble b{font-size:13px}.hub-proposal-notice-bubble small{font-size:6px}
.hub-proposal-showcase{display:grid!important;grid-template-columns:1fr!important;padding:10px!important}
.hub-social-preview-toolbar{align-items:flex-start;flex-direction:column}
.hub-social-preview-toolbar>div{width:100%}.hub-social-preview-toolbar button{flex:1}
.hub-social-post-card{width:100%;max-width:none}
.hub-proposal-presentation{padding:10px 3px 2px!important}
.hub-proposal-presentation h3{font-size:18px!important}
.hub-search-ad-preview{padding:14px}.hub-search-ad-preview h3{font-size:17px}
}
@media(max-width:720px){
.hub-profile-hero{grid-template-columns:68px minmax(0,1fr)!important;align-items:start!important;gap:13px!important;text-align:left!important;margin-bottom:13px!important}
.hub-profile-hero .hub-client-avatar-xl{width:68px!important;height:68px!important;margin:0!important}
.hub-profile-copy h2{font-size:18px!important;margin-top:2px!important}
.hub-profile-copy p{font-size:9px!important}
.hub-profile-eyebrow{font-size:7px!important}
.hub-profile-tags{justify-content:flex-start!important;margin-top:7px!important;gap:5px!important}
.hub-profile-tags span,.hub-profile-tags a{font-size:7px!important;padding:5px 7px!important}
.hub-profile-team{margin-top:8px!important}
.hub-profile-team>small{font-size:7px!important}
.hub-profile-team>div>span:not(.hub-expert-avatar){font-size:7px!important;margin-right:5px!important}
.hub-profile-team .hub-expert-avatar{width:26px!important;height:26px!important}
.hub-profile-status{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;justify-items:stretch!important;gap:8px!important}
.hub-profile-status .hub-profile-notifications{grid-column:1/-1!important}
.hub-profile-status .hub-connection-badge{justify-self:start!important}
.hub-profile-status .hub-activity-line{width:auto!important;justify-self:end!important;padding:7px 9px!important}
.hub-profile-status .hub-activity-line span{width:auto!important;margin-left:4px!important}
}
/* 2.2.0 · Resumen operativo del cliente */
.hub-summary-section,.hub-summary-attention{margin:18px 0;padding:22px;border:1px solid var(--ph-line);border-radius:24px;background:#fff;box-shadow:var(--ph-shadow)}
.hub-summary-attention{background:linear-gradient(135deg,#f8fcfb,#eff8f5)}
.hub-section-eyebrow{display:block;margin-bottom:5px;color:var(--ph-brand);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.hub-summary-section .hub-section-head,.hub-summary-attention .hub-section-head{margin:0 0 16px}
.hub-summary-section .hub-section-head h2,.hub-summary-attention .hub-section-head h2{margin:0;font-size:22px}
.hub-summary-section .hub-section-head p,.hub-summary-attention .hub-section-head p{margin:5px 0 0;color:var(--ph-soft);font-size:11px}
.hub-summary-section .hub-section-head>a,.hub-summary-attention .hub-section-head>a{color:var(--ph-brand);font-size:10px;font-weight:850;text-decoration:none}
.hub-summary-section .hub-section-head>a:hover,.hub-summary-attention .hub-section-head>a:hover{text-decoration:underline}
.hub-attention-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hub-attention-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #ead9ae;border-radius:18px;background:#fffaf0;color:var(--ph-ink);text-decoration:none;transition:.18s ease}
.hub-attention-card:hover{transform:translateY(-2px);border-color:#dcb65d;box-shadow:0 12px 28px rgba(53,72,66,.09)}
.hub-attention-card.is-billing{border-color:#efc8cf;background:#fff6f7}
.hub-attention-card .hub-attention-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:13px;background:#fff;color:#956715}
.hub-attention-card.is-billing .hub-attention-icon{color:#a44355}
.hub-attention-card .hub-attention-icon .hub-icon{width:19px;height:19px}
.hub-attention-card>span:nth-child(2){display:grid;gap:3px;min-width:0}
.hub-attention-card small{color:#8d6d2f;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.hub-attention-card b{font-size:12px;line-height:1.3}
.hub-attention-card em{overflow:hidden;color:var(--ph-soft);font-size:9px;font-style:normal;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.hub-attention-card strong{color:var(--ph-brand);font-size:9px;white-space:nowrap}
.hub-attention-clear{display:flex;grid-column:1/-1;align-items:center;gap:12px;padding:16px;border:1px solid #c9e7db;border-radius:18px;background:#f2fbf7}
.hub-attention-clear>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:#dff5eb;color:#19775f;font-size:18px;font-weight:900}
.hub-attention-clear div{display:grid;gap:3px}.hub-attention-clear b{font-size:12px}.hub-attention-clear small{color:var(--ph-soft);font-size:10px}
.hub-digital-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hub-digital-card{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;min-width:0;padding:16px;border:1px solid var(--ph-line);border-radius:19px;background:#fbfcfc;color:var(--ph-ink);text-decoration:none;transition:.18s ease}
.hub-digital-card:hover{transform:translateY(-2px);border-color:#b9d9d0;background:#fff;box-shadow:0 14px 30px rgba(35,73,62,.08)}
.hub-digital-card .hub-digital-icon{grid-row:1/5;display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:#e8f5f1;color:var(--ph-brand)}
.hub-digital-card.is-ads .hub-digital-icon{background:#edf3ff;color:#4b69a8}.hub-digital-card.is-contacts .hub-digital-icon{background:#f5efff;color:#7755a7}.hub-digital-card.is-tracking .hub-digital-icon{background:#fff5e8;color:#9d6b1d}
.hub-digital-card .hub-digital-icon .hub-icon{width:20px;height:20px}
.hub-digital-card small{color:var(--ph-soft);font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.hub-digital-card b{font-size:17px;line-height:1.15}.hub-digital-card em{font-size:9px;font-style:normal;font-weight:800}.hub-digital-card p{grid-column:2;margin:0;color:var(--ph-soft);font-size:9px;line-height:1.4}
.hub-digital-card em.is-up,.hub-action-kpis em.is-up{color:#16815f}.hub-digital-card em.is-down,.hub-action-kpis em.is-down{color:#b04a5b}.hub-digital-card em.is-flat,.hub-action-kpis em.is-flat{color:var(--ph-soft)}
.hub-action-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hub-action-kpis>a{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:15px;border:1px solid var(--ph-line);border-radius:18px;background:#fbfcfc;color:var(--ph-ink);text-decoration:none;transition:.18s ease}
.hub-action-kpis>a:hover{border-color:#b9d9d0;background:#fff;transform:translateY(-2px)}
.hub-action-kpis>a>span{grid-row:1/4;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:#e8f5f1;color:var(--ph-brand)}
.hub-action-kpis .hub-icon{width:18px;height:18px}.hub-action-kpis small{color:var(--ph-soft);font-size:8px;font-weight:900;text-transform:uppercase}.hub-action-kpis b{font-size:22px}.hub-action-kpis em{font-size:8px;font-style:normal;font-weight:800}
.hub-findings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hub-finding{display:grid;gap:7px;padding:17px;border:1px solid var(--ph-line);border-radius:19px;background:#fbfcfc;color:var(--ph-ink);text-decoration:none;transition:.18s ease}
.hub-finding:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(35,73,62,.08)}
.hub-finding.is-attention{border-color:#ecd8a5;background:#fffbf3}.hub-finding.is-success{border-color:#c9e5da;background:#f4fbf8}.hub-finding.is-info{border-color:#d4dff0;background:#f7f9ff}.hub-finding.is-danger{border-color:#efc6ce;background:#fff6f7}
.hub-finding small{color:var(--ph-brand);font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.hub-finding b{font-size:13px;line-height:1.35}.hub-finding p{margin:0;color:var(--ph-soft);font-size:10px;line-height:1.55}.hub-finding strong{margin-top:3px;color:var(--ph-brand);font-size:9px}
.hub-summary-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hub-summary-compact{margin:0}.hub-service-list,.hub-summary-team,.hub-summary-activity{display:grid;gap:9px}
.hub-service-list>a,.hub-summary-team>a,.hub-summary-activity>a{display:grid;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e4ece9;border-radius:15px;background:#fbfcfc;color:var(--ph-ink);text-decoration:none;transition:.16s ease}
.hub-service-list>a:hover,.hub-summary-team>a:hover,.hub-summary-activity>a:hover{border-color:#b9d9d0;background:#fff}
.hub-service-list>a{grid-template-columns:auto minmax(0,1fr) auto}.hub-service-status{width:9px;height:9px;border-radius:50%;background:#b8c7c2}.hub-service-status.is-active{background:#28a879;box-shadow:0 0 0 4px #e0f4ec}.hub-service-list span:nth-child(2),.hub-summary-team span:nth-child(2),.hub-summary-activity span:nth-child(2){display:grid;gap:2px;min-width:0}.hub-service-list b,.hub-summary-team b,.hub-summary-activity b{font-size:11px}.hub-service-list small,.hub-summary-team small,.hub-summary-activity small{color:var(--ph-soft);font-size:8px}.hub-service-list strong{color:#277a61;font-size:8px;text-transform:uppercase}
.hub-summary-team>a{grid-template-columns:auto minmax(0,1fr) auto}.hub-summary-team strong{max-width:190px;padding:5px 8px;border-radius:999px;background:#eef3f1;color:var(--ph-soft);font-size:8px;font-weight:850;text-align:right}.hub-summary-team strong.has-pending{background:#fff2d7;color:#8f6419}
.hub-summary-activity>a{grid-template-columns:auto minmax(0,1fr) auto}.hub-summary-activity>a>i{width:9px;height:9px;border-radius:50%;background:var(--ph-brand);box-shadow:0 0 0 4px #e1f2ed}.hub-summary-activity em{overflow:hidden;color:var(--ph-soft);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.hub-summary-activity strong{color:var(--ph-brand);font-size:12px}
.hub-account-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px;border:1px solid var(--ph-line);border-radius:18px;background:#fbfcfc;color:var(--ph-ink);text-decoration:none}.hub-account-status>span{display:grid;gap:5px}.hub-account-status small{color:var(--ph-soft);font-size:8px;text-transform:uppercase}.hub-account-status b{font-size:17px}.hub-account-status em{color:var(--ph-soft);font-size:9px;font-style:normal}.hub-account-status>strong{font-size:20px}.hub-account-status.status-pagado,.hub-account-status.status-paid{border-color:#c6e5d8;background:#f3fbf7}.hub-account-status.status-vencido,.hub-account-status.status-overdue{border-color:#efc5cd;background:#fff5f6}
.hub-doctor-activity{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--ph-line);border-radius:18px;background:#fbfcfc}.hub-doctor-activity>div{display:grid;gap:4px}.hub-doctor-activity b{font-size:15px}.hub-doctor-activity small{color:var(--ph-soft);font-size:10px}
.hub-summary-operations{margin:18px 0;border:1px solid var(--ph-line);border-radius:22px;background:#fff;box-shadow:var(--ph-shadow);overflow:hidden}.hub-summary-operations>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;cursor:pointer;list-style:none}.hub-summary-operations>summary::-webkit-details-marker{display:none}.hub-summary-operations>summary>span{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.hub-summary-operations>summary .hub-icon{grid-row:1/3;width:22px;height:22px;color:var(--ph-brand)}.hub-summary-operations>summary b{font-size:13px}.hub-summary-operations>summary small{color:var(--ph-soft);font-size:9px}.hub-summary-operations>summary>strong{color:var(--ph-brand);font-size:9px}.hub-summary-operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 18px 18px}.hub-summary-operations-grid .hub-panel{box-shadow:none}
@media(max-width:1100px){.hub-digital-grid,.hub-action-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-attention-cards,.hub-findings-grid{grid-template-columns:1fr}.hub-summary-split{grid-template-columns:1fr}}
@media(max-width:640px){
.hub-summary-section,.hub-summary-attention{margin:13px 0;padding:15px;border-radius:20px}
.hub-summary-section .hub-section-head,.hub-summary-attention .hub-section-head{align-items:flex-start;flex-direction:column;gap:8px}
.hub-summary-section .hub-section-head h2,.hub-summary-attention .hub-section-head h2{font-size:19px}
.hub-attention-card{grid-template-columns:auto minmax(0,1fr);padding:13px}.hub-attention-card>strong{grid-column:2}.hub-attention-card em{white-space:normal}
.hub-digital-grid,.hub-action-kpis{grid-template-columns:1fr 1fr;gap:9px}
.hub-digital-card{grid-template-columns:1fr;padding:13px}.hub-digital-card .hub-digital-icon{grid-row:auto;width:35px;height:35px}.hub-digital-card p{grid-column:1}.hub-digital-card b{font-size:15px}
.hub-action-kpis>a{grid-template-columns:1fr;padding:13px}.hub-action-kpis>a>span{grid-row:auto;width:34px;height:34px}.hub-action-kpis b{font-size:20px}
.hub-findings-grid{gap:9px}.hub-finding{padding:14px}
.hub-summary-team>a{grid-template-columns:auto minmax(0,1fr)}.hub-summary-team strong{grid-column:2;max-width:none;width:max-content;text-align:left}
.hub-summary-operations-grid{grid-template-columns:1fr;padding:0 12px 12px}.hub-summary-operations>summary{padding:14px}
}
/* 2.3.0 — editor de propuestas, pendientes e hitos digitales */
.hub-proposal-editor{margin-top:16px;border:1px solid #cfe2dc;border-radius:16px;background:#f8fbfa;overflow:hidden}.hub-proposal-editor>summary{list-style:none;display:flex;align-items:center;gap:11px;padding:14px 16px;cursor:pointer}.hub-proposal-editor>summary::-webkit-details-marker{display:none}.hub-proposal-editor>summary .hub-icon{width:34px;height:34px;padding:8px;border-radius:10px;background:#dff1ec;color:var(--ph-brand)}.hub-proposal-editor>summary span{display:grid;gap:2px;min-width:0}.hub-proposal-editor>summary b{font-size:12px}.hub-proposal-editor>summary small{color:var(--ph-soft);font-size:9px}.hub-proposal-editor>summary strong{margin-left:auto;color:var(--ph-brand);font-size:9px}.hub-proposal-editor[open]>summary{border-bottom:1px solid var(--ph-line)}.hub-proposal-edit-form{padding:16px}.hub-edit-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.hub-edit-media-grid label{position:relative;display:grid;gap:7px;padding:8px;border:1px solid #dce7e3;border-radius:13px;background:#fff}.hub-edit-media-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px}.hub-edit-media-grid span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:750}.hub-response-badge.is-waiting{background:#eef3ff;color:#536ca5}.hub-proposal-notice-bubble.is-waiting{background:#f1f4ff;color:#536ca5}.hub-milestone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-milestone-grid>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px solid #cfe4dd;border-radius:16px;background:linear-gradient(135deg,#f7fcfa,#eef8f4);color:inherit;text-decoration:none}.hub-milestone-grid>a:hover{transform:translateY(-1px);border-color:var(--ph-brand)}.hub-milestone-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#dff1ec;color:var(--ph-brand)}.hub-milestone-icon .hub-icon{width:22px;height:22px}.hub-milestone-grid small,.hub-milestone-grid b,.hub-milestone-grid em{display:block}.hub-milestone-grid small{font-size:8px;color:var(--ph-soft);text-transform:uppercase;font-weight:900;letter-spacing:.05em}.hub-milestone-grid b{margin:3px 0;font-size:11px;line-height:1.4}.hub-milestone-grid em{font-size:9px;color:var(--ph-soft);font-style:normal}.hub-social-slider{touch-action:pan-y}.hub-social-slides{position:relative;overflow:hidden}.hub-social-slides figure{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .2s ease}.hub-social-slides figure.is-active{position:relative;opacity:1;pointer-events:auto}.hub-social-slides img{width:100%;height:100%;object-fit:contain;background:#edf2f0}
@media(max-width:760px){.hub-milestone-grid{grid-template-columns:1fr}.hub-proposal-edit-form{padding:12px}.hub-edit-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-proposal-editor>summary strong{display:none}}
/* 2.3.0 – revisiones, hitos e iconos oficiales */
.hub-brand-icon{display:block;width:22px;height:22px;object-fit:contain}
.hub-milestone-icon .hub-brand-icon{width:28px;height:28px}
.hub-field-help{margin:0;color:var(--ph-soft);font-size:10px;line-height:1.5}
.hub-edit-media-grid [data-media-item]{position:relative;cursor:grab;transition:opacity .18s ease,transform .18s ease}
.hub-edit-media-grid [data-media-item].is-dragging{opacity:.55;transform:scale(.98)}
.hub-media-drag{position:absolute;left:8px;top:8px;z-index:2;border-radius:8px;background:rgba(8,45,39,.78);color:#fff;padding:3px 6px;font-size:11px;line-height:1}
.hub-media-order{position:absolute;right:7px;top:7px;z-index:2;display:flex;gap:4px}
.hub-media-order button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:8px;background:rgba(255,255,255,.92);color:var(--ph-brand2);font-weight:900;box-shadow:0 2px 8px rgba(13,48,42,.16);cursor:pointer}
.hub-social-counter{position:absolute;right:13px;top:13px;z-index:4;border-radius:999px;background:rgba(10,34,30,.78);color:#fff;padding:5px 9px;font-size:10px;font-weight:850}
.hub-social-slider{touch-action:pan-y;user-select:none}
.hub-social-slides img{-webkit-user-drag:none;user-select:none}
@media(max-width:560px){
.hub-edit-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.hub-media-drag{display:none}
.hub-media-order button{width:30px;height:30px}
}
/* 2.3.1 · Mini dashboard de presencia digital */
.hub-presence-mini-dashboard{overflow:hidden}
.hub-presence-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.hub-presence-kpis>a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;align-items:center;border:1px solid var(--ph-line);border-radius:17px;background:#fff;padding:15px;text-decoration:none;color:var(--ph-ink);box-shadow:var(--ph-shadow)}
.hub-presence-kpis>a>span{grid-row:1/4;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#edf7f3;color:var(--ph-brand);overflow:hidden}
.hub-presence-kpis>a>span .hub-icon{width:20px;height:20px}
.hub-presence-kpis>a>span .hub-brand-icon{width:24px;height:24px}
.hub-presence-kpis small,.hub-presence-kpis b,.hub-presence-kpis em{display:block;min-width:0}
.hub-presence-kpis small{color:var(--ph-soft);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.hub-presence-kpis b{font-size:20px;line-height:1.05;overflow-wrap:anywhere}
.hub-presence-kpis em{color:var(--ph-soft);font-size:9px;font-style:normal}
.hub-presence-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px}
.hub-presence-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}
.hub-presence-compare-card{display:grid;gap:12px;border:1px solid var(--ph-line);border-radius:18px;background:#fff;padding:15px;text-decoration:none;color:var(--ph-ink);box-shadow:var(--ph-shadow)}
.hub-presence-compare-card.is-previous{background:linear-gradient(180deg,#fbfcfc 0%,#ffffff 100%)}
.hub-presence-compare-card.is-current{background:linear-gradient(180deg,#f4faf7 0%,#ffffff 100%);border-color:#dceee8}
.hub-presence-compare-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.hub-presence-compare-head small{font-size:9px;color:var(--ph-soft);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hub-presence-compare-head b{font-size:14px;color:var(--ph-brand2)}
.hub-presence-compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hub-presence-compare-grid span{display:grid;gap:4px;border-radius:14px;background:#f7faf9;padding:11px 10px}
.hub-presence-compare-grid small{font-size:8px;color:var(--ph-soft);font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.hub-presence-compare-grid b{font-size:18px;line-height:1.05}
.hub-presence-channels,.hub-presence-insights{border:1px solid var(--ph-line);border-radius:18px;background:#fff;padding:14px;box-shadow:var(--ph-shadow)}
.hub-presence-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.hub-presence-subhead span{font-size:12px;font-weight:900;color:var(--ph-brand2)}
.hub-presence-subhead small{font-size:8px;color:var(--ph-soft)}
.hub-presence-channel{display:grid;grid-template-columns:36px minmax(0,1fr) 58px 62px;gap:10px;align-items:center;padding:10px 4px;border-top:1px solid #edf2f0;text-decoration:none;color:var(--ph-ink)}
.hub-presence-channel:first-of-type{border-top:0}
.hub-presence-channel:hover{background:#f8fbfa}
.hub-presence-channel-icon{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#f2f7f5}
.hub-presence-channel-icon .hub-brand-icon{width:21px;height:21px}
.hub-presence-channel-copy{display:grid;gap:6px;min-width:0}
.hub-presence-channel-copy>b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-presence-channel-copy>i{display:block;height:6px;border-radius:999px;background:#edf2f0;overflow:hidden}
.hub-presence-channel-copy>i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ph-brand),#38a88e)}
.hub-presence-channel-values{display:grid;justify-items:end;line-height:1}
.hub-presence-channel-values b{font-size:13px}
.hub-presence-channel-values small{margin-top:4px;color:var(--ph-soft);font-size:7px;text-transform:uppercase;letter-spacing:.04em}
.hub-presence-channel-values.is-contact b{color:var(--ph-brand)}
.hub-presence-insights{display:grid;gap:9px;align-content:start}
.hub-presence-insights>a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:3px 10px;align-items:center;border:1px solid #e7eeeb;border-radius:14px;background:#fafcfc;padding:12px;text-decoration:none;color:var(--ph-ink)}
.hub-presence-insights>a>span{grid-row:1/4;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eaf5f1;color:var(--ph-brand)}
.hub-presence-insights>a>span .hub-icon{width:18px;height:18px}
.hub-presence-insights small{font-size:8px;color:var(--ph-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:900}
.hub-presence-insights b{font-size:11px;overflow-wrap:anywhere}
.hub-presence-insights em{font-size:8px;color:var(--ph-soft);font-style:normal;overflow-wrap:anywhere}
@media(max-width:1050px){.hub-presence-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-presence-compare{grid-template-columns:1fr}.hub-presence-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-presence-body{grid-template-columns:1fr}}
@media(max-width:560px){
.hub-presence-kpis{grid-template-columns:1fr 1fr;gap:8px}
.hub-presence-kpis>a{grid-template-columns:1fr;padding:12px;gap:4px}
.hub-presence-kpis>a>span{grid-row:auto;width:32px;height:32px;margin-bottom:3px}
.hub-presence-kpis b{font-size:18px}
.hub-presence-compare{grid-template-columns:1fr;gap:8px;margin-bottom:10px}
.hub-presence-compare-card{padding:12px;border-radius:16px;gap:10px}
.hub-presence-compare-head{align-items:flex-start;flex-direction:column;gap:2px}
.hub-presence-compare-head b{font-size:13px}
.hub-presence-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hub-presence-compare-grid span{padding:10px 9px}
.hub-presence-compare-grid b{font-size:16px}
.hub-presence-body{gap:10px}
.hub-presence-channels,.hub-presence-insights{padding:11px;border-radius:16px}
.hub-presence-subhead{align-items:flex-start;flex-direction:column;gap:2px}
.hub-presence-channel{grid-template-columns:32px minmax(0,1fr) 48px;padding:9px 2px}
.hub-presence-channel-values.is-contact{grid-column:2/4;display:flex;justify-content:flex-start;gap:5px;margin-top:-3px}
.hub-presence-channel-values.is-contact small{margin-top:0;align-self:center}
.hub-presence-channel-icon{width:30px;height:30px}
.hub-presence-insights>a{padding:11px}
}
/* 2.4.0 — Transferencia de responsables y Equipo PURO operativo */
.hub-work-transfer{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,320px) auto;gap:12px;align-items:center;margin:0 0 14px;padding:13px 14px;border:1px solid #d9e7e2;border-radius:15px;background:linear-gradient(135deg,#f8fbfa,#eef7f4)}
.hub-work-transfer>span{display:grid;gap:3px}.hub-work-transfer>span b{font-size:11px;color:var(--ph-brand2)}.hub-work-transfer>span small{font-size:8px;color:var(--ph-soft);line-height:1.45}
.hub-work-transfer select{width:100%;border:1px solid #cfded9;border-radius:10px;background:#fff;padding:10px 34px 10px 11px;color:var(--ph-ink);font-size:10px;font-weight:750}
.hub-ticket-owner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;min-width:150px}.hub-ticket-owner>span{display:grid}.hub-ticket-owner small{font-size:7px;color:var(--ph-soft);text-transform:uppercase;letter-spacing:.05em}.hub-ticket-owner b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-ticket>summary{grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto!important;align-items:center}
.hub-ticket-actions{display:grid;gap:13px}
.hub-team-assignment-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)!important;align-items:start}
.hub-team-assignment-layout>.hub-panel:first-child{min-height:520px}
.hub-team-assignment-layout>.hub-panel:last-child{position:sticky;top:100px}
.hub-assignment-list{max-height:calc(100vh - 240px);overflow:auto;padding-right:6px;scrollbar-gutter:stable}
.hub-assignment-card{grid-template-columns:auto minmax(0,1fr) auto!important;padding:14px 15px!important;border-radius:17px!important;background:#fff!important;box-shadow:0 10px 30px -28px rgba(11,66,54,.6)}
.hub-assignment-card:hover{border-color:#b8d6ce;box-shadow:0 16px 38px -30px rgba(11,66,54,.65)}
.hub-assignment-titleline{justify-content:flex-start}.hub-assignment-responsibility{font-size:10px!important;line-height:1.55!important;max-width:720px}
.hub-assignment-actions{align-self:flex-start}
.hub-expert-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hub-expert-card{padding:15px!important;gap:11px!important}.hub-expert-contact{display:none}.hub-expert-load{margin-top:auto}
@media(max-width:1180px){.hub-expert-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hub-team-assignment-layout{grid-template-columns:1fr!important}.hub-team-assignment-layout>.hub-panel:last-child{position:static}.hub-assignment-list{max-height:none;overflow:visible}}
@media(max-width:820px){.hub-work-transfer{grid-template-columns:1fr}.hub-ticket>summary{grid-template-columns:1fr auto!important}.hub-ticket-owner{grid-column:1/-1;min-width:0}.hub-expert-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.hub-work-transfer{padding:12px}.hub-work-transfer select{font-size:16px}.hub-expert-grid{grid-template-columns:1fr!important}.hub-assignment-card{grid-template-columns:auto minmax(0,1fr)!important}.hub-assignment-actions{grid-column:1/-1;justify-content:flex-end}}
/* 2.4.0 · Recorrido de responsables y carga real del equipo */
.hub-assignment-timeline{margin:0 16px 14px;border:1px solid #dce8e4;border-radius:14px;background:#fafcfc;overflow:hidden}
.hub-assignment-timeline>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;cursor:pointer;list-style:none;color:var(--ph-brand2)}
.hub-assignment-timeline>summary::-webkit-details-marker{display:none}
.hub-assignment-timeline>summary span{font-size:10px;font-weight:900}.hub-assignment-timeline>summary b{font-size:8px;color:var(--ph-soft)}
.hub-assignment-timeline>div{display:grid;gap:8px;padding:0 13px 12px;border-top:1px solid #e5eeeb}
.hub-assignment-timeline p{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;margin:0;padding-top:10px}
.hub-assignment-timeline p i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--ph-brand);box-shadow:0 0 0 3px #dff1ec}
.hub-assignment-timeline p span{display:grid;gap:2px}.hub-assignment-timeline p b{font-size:9px}.hub-assignment-timeline p small{font-size:8px;color:var(--ph-soft)}
.hub-expert-load{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center;gap:8px!important}
.hub-expert-load strong{border-radius:999px;background:#edf3f1;color:var(--ph-soft);padding:6px 9px;font-size:8px;white-space:nowrap}
.hub-expert-load strong.has-pending{background:#fff2d8;color:#936515}
.hub-expert-pending-list{border-top:1px solid #e6eeeb;padding-top:9px}
.hub-expert-pending-list>summary{cursor:pointer;list-style:none;color:var(--ph-brand);font-size:9px;font-weight:850}
.hub-expert-pending-list>summary::-webkit-details-marker{display:none}
.hub-expert-pending-list>div{display:grid;gap:6px;margin-top:8px}
.hub-expert-pending-list a{display:grid;gap:2px;border:1px solid #e3ece9;border-radius:10px;background:#fafcfc;padding:8px 9px;text-decoration:none;color:var(--ph-ink)}
.hub-expert-pending-list a b{font-size:9px}.hub-expert-pending-list a small{font-size:8px;color:var(--ph-soft)}
@media(max-width:560px){.hub-assignment-timeline{margin:0 12px 12px}.hub-expert-load{grid-template-columns:auto minmax(0,1fr)!important}.hub-expert-load strong{grid-column:1/-1;width:max-content}}
/* 2.5.0 · Accesos del equipo y prioridades de solicitudes */
.hub-expert-access{margin-top:11px;border:1px solid #dfe9e6;border-radius:14px;background:#fafcfc;overflow:hidden}.hub-expert-access>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;cursor:pointer}.hub-expert-access>summary::-webkit-details-marker{display:none}.hub-expert-access>summary span{display:grid;gap:2px;min-width:0}.hub-expert-access>summary b{font-size:10px}.hub-expert-access>summary small{color:var(--ph-soft);font-size:8px;overflow-wrap:anywhere}.hub-expert-access>summary strong{color:var(--ph-brand);font-size:9px;white-space:nowrap}.hub-expert-access>div{padding:12px;border-top:1px solid #dfe9e6}.hub-expert-access .hub-form{gap:10px}.hub-expert-access .hub-btn{width:100%}
.hub-ticket-tags{display:flex!important;align-items:center;gap:6px!important;flex-wrap:wrap;margin-top:7px!important}.hub-ticket-tags span,.hub-ticket-tags time{display:inline-flex;border-radius:999px;background:#f1f5f4;padding:5px 8px;color:var(--ph-soft);font-size:8px;font-style:normal}.hub-ticket-tags .priority-alta{background:#fff0f1;color:#ad4152}.hub-ticket-tags .priority-media{background:#fff7e6;color:#916819}.hub-ticket-tags .priority-baja{background:#eaf7ef;color:#287654}
@media(max-width:720px){.hub-expert-access>summary{align-items:flex-start}.hub-ticket-tags time{width:100%;background:transparent;padding-left:0}}
/* 2.6.0 · periodos, metas, activos de presencia y atribución local */
.hub-period-filter{display:grid;grid-template-columns:minmax(240px,1fr) minmax(170px,220px) auto auto;align-items:end;gap:12px;margin:18px 0 22px;padding:16px 18px;border:1px solid var(--ph-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f7faf9);box-shadow:var(--ph-shadow)}
.hub-period-filter>div:first-child{display:grid;gap:3px}.hub-period-filter>div:first-child small,.hub-period-filter label>span{color:var(--ph-soft);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.hub-period-filter>div:first-child b{font-size:14px}.hub-period-filter>div:first-child span{color:var(--ph-soft);font-size:9px}.hub-period-filter label{display:grid;gap:5px}.hub-period-filter select,.hub-period-filter input{min-height:40px;border:1px solid var(--ph-line);border-radius:11px;background:#fff;color:var(--ph-ink);padding:8px 10px;font:inherit}.hub-period-custom{display:none;grid-template-columns:repeat(2,minmax(125px,1fr));gap:8px}.hub-period-custom.is-visible{display:grid}.hub-period-filter:has(.hub-period-custom.is-visible){grid-template-columns:minmax(220px,1fr) minmax(170px,210px) minmax(270px,.9fr) auto}
.hub-summary-section,.hub-presence-mini-dashboard{scroll-margin-top:110px}.hub-summary-section a,.hub-presence-mini-dashboard a{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hub-action-kpis>a:hover,.hub-digital-card:hover,.hub-presence-kpis>a:hover,.hub-presence-channel:hover,.hub-presence-insights>a:hover{transform:translateY(-2px);border-color:#b7d5cc;box-shadow:0 18px 35px -30px rgba(16,58,47,.55)}
.hub-goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hub-goal-card{display:grid;gap:10px;border:1px solid var(--ph-line);border-radius:16px;padding:14px;background:#fff}.hub-goal-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.hub-goal-card small{color:var(--ph-soft);font-size:9px}.hub-goal-card>div>span{border-radius:999px;padding:5px 8px;background:#eef3f1;color:var(--ph-soft);font-size:8px;font-weight:850}.hub-goal-card>b{font-size:23px}.hub-goal-card>b small{font-weight:650}.hub-goal-card>i{display:block;height:7px;border-radius:999px;background:#e8efec;overflow:hidden}.hub-goal-card>i>span{display:block;height:100%;border-radius:inherit;background:var(--ph-brand)}.hub-goal-card>p{margin:0;color:var(--ph-soft);font-size:8px;line-height:1.45}.hub-goal-card.is-complete{border-color:#bfe2d1;background:#f8fdfb}.hub-goal-card.is-complete>div>span{background:#e1f5ec;color:#23764f}.hub-goal-card.is-route>div>span{background:#eaf5f2;color:var(--ph-brand)}.hub-goal-card.is-risk{border-color:#ead9aa}.hub-goal-card.is-risk>div>span{background:#fff0cc;color:#91651b}.hub-goal-card.is-risk>i>span{background:#c28a2b}
.hub-inline-editor{position:relative}.hub-inline-editor>summary{list-style:none;cursor:pointer;border:1px solid #cfe0db;border-radius:11px;padding:9px 12px;background:#fff;color:var(--ph-brand);font-size:10px;font-weight:850}.hub-inline-editor>summary::-webkit-details-marker{display:none}.hub-inline-editor[open]>summary{background:#edf7f4}.hub-inline-editor>form{position:absolute;z-index:70;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:9px;width:min(430px,calc(100vw - 34px));padding:14px;border:1px solid var(--ph-line);border-radius:15px;background:#fff;box-shadow:0 24px 55px -30px rgba(15,50,43,.5)}.hub-inline-editor>form label{display:grid;gap:5px;color:var(--ph-soft);font-size:9px;font-weight:800}.hub-inline-editor>form input{min-height:38px;border:1px solid var(--ph-line);border-radius:9px;padding:7px 9px}.hub-inline-editor>form .hub-btn{grid-column:1/-1}
.hub-assets-overview{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:18px;border:1px solid var(--ph-line);border-radius:16px;padding:15px;background:#fff}.hub-assets-overview>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px}.hub-assets-overview>div:first-child>b{grid-row:1/3;font-size:28px;color:var(--ph-brand)}.hub-assets-overview>div:first-child>span{height:9px;border-radius:999px;background:#e8efec;overflow:hidden}.hub-assets-overview>div:first-child>span i{display:block;height:100%;border-radius:inherit;background:var(--ph-brand)}.hub-assets-overview>div:first-child>small{color:var(--ph-soft);font-size:9px}.hub-assets-editor>form{width:min(620px,calc(100vw - 34px));grid-template-columns:1fr}.hub-assets-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hub-assets-checklist label{display:flex!important;align-items:flex-start;gap:8px;border:1px solid #edf1ef;border-radius:10px;padding:9px;background:#fafcfb;color:var(--ph-ink)!important;font-size:9px!important}.hub-assets-checklist input{width:auto!important;min-height:0!important;margin-top:1px}
.hub-regulatory-note{margin:12px 0 0;padding:10px 12px;border-left:3px solid #c9dcd6;border-radius:8px;background:#f7faf9;color:var(--ph-soft);font-size:9px;line-height:1.5}
.hub-lead-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.hub-lead-summary>div{border:1px solid var(--ph-line);border-radius:14px;padding:12px;background:#fff}.hub-lead-summary small,.hub-lead-summary b{display:block}.hub-lead-summary small{color:var(--ph-soft);font-size:8px;text-transform:uppercase;font-weight:850}.hub-lead-summary b{margin-top:5px;font-size:22px}.hub-lead{grid-template-columns:42px minmax(0,1fr) auto;align-items:start;box-shadow:var(--ph-shadow)}.hub-lead.is-outcome-cerrado{border-left:4px solid #2d9668}.hub-lead.is-outcome-no_cerrado{border-left:4px solid #bd7582}.hub-lead.is-outcome-pendiente{border-left:4px solid #d2a64d}.hub-lead-meta{justify-content:flex-start;align-items:center;gap:7px;flex-wrap:wrap}.hub-lead-meta time{margin-left:auto}.hub-outcome-badge{border-radius:999px;padding:4px 7px;background:#eef3f1;color:var(--ph-soft);font-size:8px;font-weight:850}.hub-outcome-badge.is-cerrado{background:#e1f5ec;color:#23764f}.hub-outcome-badge.is-no_cerrado{background:#fbe8eb;color:#9a4251}.hub-outcome-badge.is-pendiente{background:#fff0cc;color:#91651b}.hub-lead-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ph-soft);font-size:9px}.hub-lead-path b{border-radius:999px;padding:4px 7px;background:#eef6ff;color:#356399;font-size:8px}.hub-lead-detail{margin-top:9px;border-top:1px solid #edf1ef;padding-top:8px}.hub-lead-detail>summary{cursor:pointer;color:var(--ph-brand);font-size:9px;font-weight:850}.hub-lead-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0 0}.hub-lead-detail dl>div{min-width:0;border-radius:9px;padding:8px;background:#f8faf9}.hub-lead-detail dt{color:var(--ph-soft);font-size:7px;text-transform:uppercase;font-weight:850}.hub-lead-detail dd{margin:3px 0 0;font-size:8px;overflow-wrap:anywhere}.hub-lead-actions{display:grid;gap:8px;min-width:150px}.hub-lead-outcome-editor>summary{list-style:none;cursor:pointer;border:1px solid #cfe0db;border-radius:10px;padding:8px 10px;color:var(--ph-brand);text-align:center;font-size:9px;font-weight:850}.hub-lead-outcome-editor>summary::-webkit-details-marker{display:none}.hub-lead-outcome-editor form{display:grid;gap:8px;margin-top:7px;width:210px}.hub-lead-outcome-editor label{display:grid;gap:4px;color:var(--ph-soft);font-size:8px;font-weight:800}.hub-lead-outcome-editor select,.hub-lead-outcome-editor textarea{width:100%;border:1px solid var(--ph-line);border-radius:9px;padding:8px;background:#fff;color:var(--ph-ink);font:inherit}.hub-spam-btn{width:100%}
@media(max-width:1050px){.hub-period-filter,.hub-period-filter:has(.hub-period-custom.is-visible){grid-template-columns:1fr 1fr}.hub-period-filter>div:first-child{grid-column:1/-1}.hub-period-custom{grid-column:1/-1}.hub-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-lead-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hub-period-filter,.hub-period-filter:has(.hub-period-custom.is-visible){grid-template-columns:1fr}.hub-period-filter>div:first-child,.hub-period-custom{grid-column:auto}.hub-period-filter .hub-btn{width:100%}.hub-period-custom{grid-template-columns:1fr 1fr}.hub-goal-grid,.hub-lead-summary{grid-template-columns:1fr 1fr}.hub-assets-overview{grid-template-columns:1fr}.hub-inline-editor{width:100%}.hub-inline-editor>summary{width:100%;text-align:center}.hub-inline-editor>form{position:relative;right:auto;top:auto;width:100%;margin-top:8px}.hub-assets-checklist{grid-template-columns:1fr}.hub-lead{grid-template-columns:42px minmax(0,1fr)}.hub-lead-actions{grid-column:2;min-width:0}.hub-lead-outcome-editor form{width:100%}.hub-lead-detail dl{grid-template-columns:1fr}}
@media(max-width:480px){.hub-period-custom,.hub-goal-grid,.hub-lead-summary{grid-template-columns:1fr}.hub-lead-meta time{width:100%;margin-left:0}}
.puro-hub-brand{display:grid;gap:3px}.puro-hub-brandline{display:flex!important;align-items:center;gap:10px}.puro-hub-wordmark{font-family:Montserrat,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:22px!important;font-weight:900!important;letter-spacing:.19em!important;line-height:1}.puro-hub-logo-mark{position:relative;display:grid!important;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px;width:19px;height:19px}.puro-hub-logo-mark i{display:block;width:8px;height:8px;border-radius:999px;background:var(--ph-brand);box-shadow:0 0 9px rgba(13,125,111,.28)}.puro-hub-logo-mark i:first-child{box-shadow:0 0 13px rgba(13,125,111,.46)}.puro-hub-brand>small{padding-left:29px}
@media(max-width:560px){.puro-hub-wordmark{font-size:19px!important}.puro-hub-logo-mark{transform:scale(.9);transform-origin:left center}.puro-hub-brand>small{padding-left:27px}}
/* v2.7.0 — configuración geográfica local por cliente. */
.hub-geo-status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.hub-geo-status.is-ready{background:#e8f7f2;color:#087565}.hub-geo-status.is-pending{background:#fff5dc;color:#946200}.hub-geo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.hub-geo-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--hub-border,#dfe5e8);border-radius:14px;background:var(--hub-surface,#fff)}.hub-geo-card span b,.hub-geo-card span small,.hub-geo-card strong small{display:block}.hub-geo-card span b{font-size:13px}.hub-geo-card span small,.hub-geo-card strong small{margin-top:3px;font-size:10px;color:var(--hub-muted,#69737d)}.hub-geo-card strong{text-align:right;font-size:18px}.hub-geo-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.hub-geo-summary span{padding:7px 10px;border-radius:999px;background:#f3f6f5;font-size:11px}.hub-geo-summary b{margin-right:4px}.hub-geo-editor{margin-top:15px}.hub-geo-editor>summary{cursor:pointer}.hub-geo-editor form{display:grid;gap:13px;margin-top:14px}.hub-geo-editor label{display:grid;gap:6px;font-size:12px;font-weight:600}.hub-geo-editor label small{font-weight:400;color:var(--hub-muted,#69737d)}.hub-geo-editor textarea,.hub-geo-editor input[type=number]{width:100%;border:1px solid var(--hub-border,#dfe5e8);border-radius:10px;padding:9px 10px;background:#fff}.hub-check-row{display:flex;gap:18px;flex-wrap:wrap}.hub-check-row label{display:flex;grid-template-columns:none;align-items:center;gap:7px}.hub-geo-update-form{padding-top:13px;border-top:1px solid var(--hub-border,#dfe5e8)}.hub-geo-update-form small{font-size:11px;color:var(--hub-muted,#69737d)}
@media(max-width:1000px){.hub-geo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.hub-geo-grid{grid-template-columns:1fr}.hub-geo-summary{display:grid}.hub-geo-section .hub-section-head{display:grid;gap:10px}}
/* v2.7.1 — corrección visual del configurador geográfico. */
.hub-geo-section{overflow:visible}
.hub-geo-section .hub-section-head{align-items:flex-start}
.hub-geo-editor{position:static;width:100%;margin-top:16px;border:1px solid #d7e6e1;border-radius:16px;background:#fbfdfc;overflow:hidden}
.hub-geo-editor>summary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;border:0;border-radius:0;padding:13px 16px;background:#edf7f4;color:var(--ph-brand);font-size:11px;font-weight:900;text-align:left}
.hub-geo-editor>summary:after{content:'+';display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:999px;background:#fff;color:var(--ph-brand);font-size:18px;line-height:1;box-shadow:0 4px 12px -9px rgba(16,58,47,.6)}
.hub-geo-editor[open]>summary{border-bottom:1px solid #d7e6e1;background:#e8f5f1}
.hub-geo-editor[open]>summary:after{content:'−'}
.hub-geo-editor>form{position:static!important;right:auto!important;top:auto!important;z-index:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%!important;max-width:none!important;margin:0!important;padding:18px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.hub-geo-editor>form+form{border-top:1px solid #e2ebe8!important}
.hub-geo-editor .hub-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hub-geo-editor label{min-width:0;gap:7px;color:var(--ph-ink);font-size:11px;font-weight:850}
.hub-geo-editor label>span{display:block;color:var(--ph-ink)}
.hub-geo-editor label small{display:block;margin-top:1px;color:var(--ph-soft);font-size:9px;font-weight:500;line-height:1.45}
.hub-geo-editor textarea,.hub-geo-editor input[type=number]{display:block;width:100%;max-width:100%;box-sizing:border-box;border:1px solid #dbe7e3;border-radius:11px;padding:10px 11px;background:#fbfcfc;color:var(--ph-ink);font:500 11px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:normal;word-break:normal}
.hub-geo-editor textarea{min-height:104px;resize:vertical;white-space:pre-wrap}
.hub-geo-editor>form>label>textarea[name=zones]{min-height:126px}
.hub-geo-editor .hub-geo-options{grid-template-columns:repeat(2,minmax(190px,280px));justify-content:start;padding:14px;border:1px solid #e3ece9;border-radius:13px;background:#f8fbfa}
.hub-geo-editor .hub-geo-options input[type=number]{min-height:42px;background:#fff}
.hub-geo-editor .hub-check-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #e3ece9;border-radius:13px;background:#f8fbfa}
.hub-geo-editor .hub-check-row label{display:flex;align-items:flex-start;gap:8px;padding:0;color:var(--ph-ink);font-size:10px;font-weight:750;line-height:1.4}
.hub-geo-editor .hub-check-row input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--ph-brand)}
.hub-geo-editor>form>.hub-btn{justify-self:start;min-width:190px}
.hub-geo-editor>.hub-geo-update-form{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px!important;padding:14px 18px!important;background:#f7faf9!important}
.hub-geo-editor>.hub-geo-update-form .hub-btn{min-width:250px}
.hub-geo-editor>.hub-geo-update-form small{margin-left:auto;color:var(--ph-soft);font-size:10px}
.hub-geo-section .hub-regulatory-note{margin-top:10px;padding:8px 11px;background:transparent;border-left-color:#d7e6e1;font-size:8px}
@media(max-width:820px){
.hub-geo-editor .hub-form-row,.hub-geo-editor .hub-check-row{grid-template-columns:1fr}
.hub-geo-editor .hub-geo-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
.hub-geo-status{align-self:flex-start}
.hub-geo-editor>summary{padding:12px 13px}
.hub-geo-editor>form{padding:14px!important}
.hub-geo-editor .hub-geo-options{grid-template-columns:1fr}
.hub-geo-editor>form>.hub-btn,.hub-geo-editor>.hub-geo-update-form .hub-btn{width:100%;min-width:0}
.hub-geo-editor>.hub-geo-update-form{align-items:stretch;padding:13px 14px!important}
.hub-geo-editor>.hub-geo-update-form small{width:100%;margin-left:0;text-align:center}
}
/* ========================================================================
* 2.7.2 · refinamiento visual de cobertura y configuración geográfica
* ======================================================================== */
.hub-geo-section{
position:relative;
overflow:visible!important;
isolation:isolate;
}
.hub-geo-section .hub-section-head{
align-items:flex-start;
gap:18px;
}
.hub-geo-section .hub-section-head>div{
max-width:780px;
}
.hub-geo-status{
flex:0 0 auto;
padding:8px 11px;
border:1px solid transparent;
font-size:9px;
letter-spacing:.02em;
}
.hub-geo-status.is-ready{
border-color:#cde8df;
background:#eaf7f3;
}
.hub-geo-status.is-pending{
border-color:#eadcb5;
background:#fff8e8;
}
.hub-geo-empty{
display:flex;
align-items:center;
justify-content:center;
gap:11px;
min-height:70px;
margin-top:15px;
border:1px dashed #d8e4e0;
border-radius:14px;
background:#fafcfb;
color:var(--ph-soft);
text-align:left;
}
.hub-geo-empty>span{
display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:11px;
background:#eaf5f1;
color:var(--ph-brand);
}
.hub-geo-empty .hub-icon,
.hub-geo-empty svg{
width:17px;
height:17px;
}
.hub-geo-empty>div{
display:grid;
gap:3px;
}
.hub-geo-empty b{
color:var(--ph-ink);
font-size:10px;
}
.hub-geo-empty small{
font-size:8px;
line-height:1.45;
}
.hub-geo-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:9px;
margin-top:15px;
}
.hub-geo-card{
min-width:0;
padding:12px 13px;
border-color:#dfe8e5;
border-radius:13px;
background:#fff;
box-shadow:0 12px 28px -28px rgba(16,58,47,.55);
}
.hub-geo-card span{
min-width:0;
}
.hub-geo-card span b{
overflow:hidden;
color:var(--ph-ink);
font-size:10px;
text-overflow:ellipsis;
white-space:nowrap;
}
.hub-geo-card span small,
.hub-geo-card strong small{
font-size:8px;
}
.hub-geo-card strong{
color:var(--ph-brand2);
font-size:17px;
}
.hub-geo-summary{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin-top:11px;
}
.hub-geo-summary span{
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:center;
gap:7px;
min-width:0;
padding:9px 11px;
border:1px solid #e1e9e6;
border-radius:12px;
background:#f7faf9;
}
.hub-geo-summary b{
margin:0;
color:var(--ph-brand2);
font-size:14px;
}
.hub-geo-summary small{
min-width:0;
color:var(--ph-soft);
font-size:8px;
line-height:1.3;
}
/* El editor deja de heredar el popover genérico: siempre participa en el flujo. */
.hub-geo-editor{
position:static!important;
display:block;
width:100%;
margin-top:14px;
border:1px solid #d5e4df;
border-radius:15px;
background:#fff;
overflow:hidden;
box-shadow:none;
}
.hub-geo-editor>summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
width:100%;
min-height:48px;
box-sizing:border-box;
padding:11px 14px;
border:0!important;
border-radius:0!important;
background:#edf7f4!important;
color:var(--ph-brand2)!important;
cursor:pointer;
list-style:none;
}
.hub-geo-editor>summary::-webkit-details-marker{
display:none;
}
.hub-geo-editor>summary>span{
display:grid;
gap:2px;
min-width:0;
}
.hub-geo-editor>summary b{
font-size:10px;
}
.hub-geo-editor>summary small{
color:#637771;
font-size:8px;
font-weight:550;
line-height:1.35;
}
.hub-geo-editor>summary:after{
content:'+';
display:grid;
place-items:center;
flex:0 0 26px;
width:26px;
height:26px;
border-radius:9px;
background:#fff;
color:var(--ph-brand);
font-size:18px;
line-height:1;
box-shadow:0 5px 15px -12px rgba(16,58,47,.65);
}
.hub-geo-editor[open]>summary{
border-bottom:1px solid #d5e4df!important;
background:#e8f4f0!important;
}
.hub-geo-editor[open]>summary:after{
content:'−';
}
.hub-geo-settings-form{
position:static!important;
inset:auto!important;
z-index:auto!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:13px!important;
width:100%!important;
max-width:none!important;
box-sizing:border-box;
margin:0!important;
padding:16px!important;
border:0!important;
border-radius:0!important;
background:#fbfcfc!important;
box-shadow:none!important;
}
.hub-geo-editor-intro{
display:grid;
grid-template-columns:34px minmax(0,1fr);
align-items:center;
gap:10px;
padding:11px 12px;
border:1px solid #dce8e4;
border-radius:12px;
background:#f3f9f7;
}
.hub-geo-editor-intro>span{
display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:10px;
background:#fff;
color:var(--ph-brand);
}
.hub-geo-editor-intro .hub-icon,
.hub-geo-editor-intro svg{
width:16px;
height:16px;
}
.hub-geo-editor-intro>div{
display:grid;
gap:2px;
}
.hub-geo-editor-intro b{
color:var(--ph-ink);
font-size:9px;
}
.hub-geo-editor-intro small{
color:var(--ph-soft);
font-size:8px;
line-height:1.45;
}
.hub-geo-fieldset{
min-width:0;
margin:0;
padding:13px;
border:1px solid #e0e9e6;
border-radius:13px;
background:#fff;
}
.hub-geo-fieldset legend{
display:flex;
align-items:center;
gap:9px;
max-width:calc(100% - 10px);
padding:0 6px 0 0;
color:var(--ph-ink);
}
.hub-geo-fieldset legend>span{
display:grid;
place-items:center;
flex:0 0 24px;
width:24px;
height:24px;
border-radius:8px;
background:#eaf5f1;
color:var(--ph-brand);
font-size:9px;
font-weight:900;
}
.hub-geo-fieldset legend>div{
display:grid;
gap:1px;
min-width:0;
}
.hub-geo-fieldset legend b{
font-size:9px;
}
.hub-geo-fieldset legend small{
color:var(--ph-soft);
font-size:7.5px;
font-weight:500;
line-height:1.3;
}
.hub-geo-fieldset>.hub-form-row,
.hub-geo-fieldset>.hub-geo-zone-builder,
.hub-geo-fieldset>.hub-check-row{
margin-top:10px;
}
.hub-geo-editor .hub-form-row{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:11px;
}
.hub-geo-editor label{
display:grid;
min-width:0;
gap:6px;
color:var(--ph-ink);
font-size:9px;
font-weight:800;
}
.hub-geo-editor label>span{
display:block;
}
.hub-geo-editor label small{
display:block;
margin:0;
color:var(--ph-soft);
font-size:7.5px;
font-weight:500;
line-height:1.4;
}
.hub-geo-editor textarea,
.hub-geo-editor input[type=number]{
display:block;
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
border:1px solid #dce6e3;
border-radius:10px;
background:#fbfcfc;
color:var(--ph-ink);
padding:9px 10px;
font:500 10px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
word-break:normal;
overflow-wrap:normal;
}
.hub-geo-editor textarea{
min-height:92px;
resize:vertical;
white-space:pre-wrap;
}
.hub-geo-zone-builder textarea{
min-height:112px;
}
.hub-geo-options{
grid-template-columns:repeat(2,minmax(180px,260px))!important;
justify-content:start;
}
.hub-geo-options input[type=number]{
min-height:40px;
background:#fff;
}
.hub-geo-editor .hub-check-row{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
padding:0;
border:0;
background:transparent;
}
.hub-geo-editor .hub-check-row label{
display:grid;
grid-template-columns:17px minmax(0,1fr);
align-items:start;
gap:8px;
padding:10px;
border:1px solid #e0e9e6;
border-radius:11px;
background:#f8faf9;
}
.hub-geo-editor .hub-check-row input[type=checkbox]{
width:16px;
height:16px;
margin:1px 0 0;
accent-color:var(--ph-brand);
}
.hub-geo-editor .hub-check-row label>span{
display:grid;
gap:2px;
}
.hub-geo-editor .hub-check-row b{
font-size:8.5px;
}
.hub-geo-editor .hub-check-row small{
font-size:7.5px;
}
.hub-geo-actionbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:12px;
border:1px solid #d5e4df;
border-radius:12px;
background:#eef7f4;
}
.hub-geo-actionbar>div{
display:grid;
gap:2px;
}
.hub-geo-actionbar b{
color:var(--ph-ink);
font-size:9px;
}
.hub-geo-actionbar small{
color:var(--ph-soft);
font-size:7.5px;
}
.hub-geo-actionbar .hub-btn{
flex:0 0 auto;
min-width:170px;
}
.hub-geo-editor>.hub-geo-update-form{
position:static!important;
inset:auto!important;
z-index:auto!important;
display:flex!important;
align-items:center;
justify-content:space-between;
gap:14px!important;
width:100%!important;
max-width:none!important;
box-sizing:border-box;
margin:0!important;
padding:13px 16px!important;
border:0!important;
border-top:1px solid #dce6e3!important;
border-radius:0!important;
background:#fff!important;
box-shadow:none!important;
}
.hub-geo-update-form>div{
display:grid;
gap:2px;
}
.hub-geo-update-form b{
color:var(--ph-ink);
font-size:9px;
}
.hub-geo-update-form small{
margin:0!important;
color:var(--ph-soft)!important;
font-size:7.5px!important;
}
.hub-geo-update-form .hub-btn{
flex:0 0 auto;
min-width:180px!important;
}
.hub-geo-section .hub-regulatory-note{
margin-top:9px;
padding:7px 10px;
border-left-width:2px;
background:transparent;
font-size:7.5px;
}
@media(max-width:1100px){
.hub-geo-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:760px){
.hub-geo-section .hub-section-head{
display:grid;
gap:10px;
}
.hub-geo-status{
justify-self:start;
}
.hub-geo-summary{
grid-template-columns:1fr;
}
.hub-geo-editor .hub-form-row,
.hub-geo-editor .hub-check-row,
.hub-geo-options{
grid-template-columns:1fr!important;
}
.hub-geo-settings-form{
padding:12px!important;
}
.hub-geo-fieldset{
padding:11px;
}
.hub-geo-actionbar,
.hub-geo-editor>.hub-geo-update-form{
align-items:stretch;
flex-direction:column;
}
.hub-geo-actionbar .hub-btn,
.hub-geo-update-form .hub-btn{
width:100%;
min-width:0!important;
}
}
@media(max-width:520px){
.hub-geo-grid{
grid-template-columns:1fr;
}
.hub-geo-empty{
justify-content:flex-start;
padding:12px;
}
.hub-geo-editor>summary{
align-items:flex-start;
}
.hub-geo-fieldset legend{
align-items:flex-start;
}
}
/* 2.7.3 — Archivos enviados desde el chat del doctor */
.hub-ticket-attachment{display:flex;margin-top:8px;text-decoration:none}
.hub-ticket-attachment.is-image{display:grid;gap:5px}
.hub-ticket-attachment.is-image img{display:block;width:min(320px,100%);max-height:240px;object-fit:cover;border-radius:11px}
.hub-ticket-attachment.is-image span{color:var(--ph-soft);font-size:9px}
.hub-ticket-attachment.is-file{align-items:center;gap:9px;padding:9px;border:1px solid #dfe8e5;border-radius:11px;background:rgba(255,255,255,.74)}
.hub-ticket-attachment.is-file>span:first-child{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:9px;background:#edf5f2;color:#0a806d;font-weight:900}
.hub-ticket-attachment.is-file>span:last-child{display:grid;min-width:0}
.hub-ticket-attachment.is-file b{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#23473d;font-size:10px}
.hub-ticket-attachment.is-file small{color:var(--ph-soft);font-size:8px}
/* ==========================================================================
* v2.8.0 — Propuestas centradas en la pieza y chat de ajustes
* ========================================================================== */
.hub-proposal-review-list{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:980px;margin:18px auto 0}
.hub-proposal-review-card{overflow:hidden;border:1px solid var(--ph-line);border-radius:20px;background:#fff;box-shadow:0 22px 56px -46px rgba(18,55,46,.5)}
.hub-proposal-review-card.needs-reply{border-color:#e9d7aa;box-shadow:0 22px 56px -44px rgba(139,96,21,.35)}
.hub-proposal-review-card.is-withdrawn{opacity:.72}
.hub-proposal-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e8efec;background:#fbfcfc}
.hub-proposal-review-head>div:first-child{min-width:0}.hub-proposal-review-head span{display:block;color:var(--ph-soft);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.hub-proposal-review-head h3{margin:4px 0 0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-proposal-head-right{display:flex;align-items:center;gap:7px;flex:none}
.hub-proposal-preview-only{padding:18px;background:linear-gradient(180deg,#f7faf9,#fff)}
.hub-proposal-preview-only .hub-proposal-showcase{display:block!important;grid-template-columns:1fr!important;max-width:780px;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none}
.hub-proposal-preview-only .hub-social-preview{max-width:520px;margin:0 auto}.hub-proposal-preview-only .hub-social-post-card{border:1px solid #dfe7e4;border-radius:16px;background:#fff;box-shadow:0 18px 46px -39px rgba(16,50,42,.72)}
.hub-social-caption-full p{display:block!important;max-height:none!important;overflow:visible!important;white-space:normal!important;line-height:1.55}
.hub-proposal-preview-only .hub-search-ad-preview,.hub-proposal-preview-only .hub-browser-preview{max-width:740px;margin:0 auto}.hub-proposal-preview-only .hub-search-ad-preview p,.hub-proposal-preview-only .hub-browser-copy p{white-space:normal;line-height:1.6}
.hub-proposal-review-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #e8efec;background:#fff}.hub-proposal-owner-brief{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0}.hub-proposal-owner-brief small,.hub-proposal-owner-brief b,.hub-proposal-owner-brief em{display:block}.hub-proposal-owner-brief small{color:var(--ph-soft);font-size:7px;text-transform:uppercase;letter-spacing:.05em}.hub-proposal-owner-brief b{font-size:9px}.hub-proposal-owner-brief em{color:var(--ph-soft);font-size:8px;font-style:normal}.hub-proposal-review-footer>.hub-btn{display:inline-flex;align-items:center;gap:7px}.hub-proposal-review-footer>.hub-btn span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.2);font-size:8px}
.hub-proposal-internal-tools{border-top:1px solid #e8efec;background:#fafcfc}.hub-proposal-internal-tools>summary{padding:10px 16px;cursor:pointer;color:var(--ph-soft);font-size:9px;font-weight:800}.hub-proposal-internal-tools>div{display:grid;gap:12px;padding:0 16px 16px}.hub-proposal-internal-tools .hub-proposal-editor{margin:0}.hub-proposal-create-compact{margin-top:14px}
.hub-proposal-chat-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(10,30,25,.58);backdrop-filter:blur(5px)}.hub-proposal-chat-modal[hidden]{display:none!important}.hub-has-proposal-chat{overflow:hidden}.hub-proposal-chat-card{position:relative;display:flex;flex-direction:column;width:min(760px,calc(100vw - 30px));height:min(780px,calc(100vh - 36px));overflow:hidden;border:1px solid #dce6e2;border-radius:22px;background:#eef3f1;box-shadow:0 35px 90px -38px rgba(4,26,21,.75)}.hub-proposal-chat-close{position:absolute;z-index:5;top:12px;right:13px;width:34px;height:34px;border:1px solid #dce5e2;border-radius:50%;background:#fff;color:#33443f;font-size:22px;cursor:pointer}.hub-proposal-chat-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 56px 13px 14px;border-bottom:1px solid #dfe8e5;background:#fff}.hub-proposal-chat-card>header>div:nth-child(2){min-width:0}.hub-proposal-chat-card>header small{display:block;color:var(--ph-soft);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.hub-proposal-chat-card>header h3{margin:3px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-proposal-chat-owner{display:flex;align-items:center;gap:7px}.hub-proposal-chat-owner b,.hub-proposal-chat-owner small{display:block}.hub-proposal-chat-owner b{font-size:9px}.hub-proposal-chat-owner small{font-size:7px;text-transform:none!important;letter-spacing:0!important}
.hub-proposal-chat-thread{display:flex;flex:1;min-height:0;flex-direction:column;gap:9px;overflow:auto;padding:17px 14px}.hub-proposal-chat-thread article{width:fit-content;max-width:82%;padding:10px 12px;border:1px solid #dfe8e5;border-radius:15px;background:#fff}.hub-proposal-chat-thread article.is-agency{align-self:flex-end;background:#dcf8ea;border-color:#c8e9dc}.hub-proposal-chat-thread article.is-client{align-self:flex-start}.hub-proposal-chat-thread article p{margin:6px 0 0;line-height:1.5}.hub-chat-attachment{display:flex;margin-top:8px;border-radius:12px;overflow:hidden;text-decoration:none}.hub-chat-attachment.is-image{display:grid;background:#f5f8f7}.hub-chat-attachment.is-image img{display:block;max-width:260px;max-height:220px;object-fit:contain}.hub-chat-attachment.is-image span{padding:6px 8px;color:var(--ph-soft);font-size:8px}.hub-chat-attachment.is-file{align-items:center;gap:8px;padding:9px;border:1px solid #dce6e2;background:#f7faf9;color:var(--ph-ink)}.hub-chat-attachment.is-file>b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff}.hub-chat-attachment.is-file strong,.hub-chat-attachment.is-file small{display:block}.hub-chat-attachment.is-file strong{font-size:9px}.hub-chat-attachment.is-file small{color:var(--ph-soft);font-size:7px}
.hub-proposal-chat-composer{position:relative;display:grid;gap:7px;padding:10px;border-top:1px solid #dbe5e1;background:#fff}.hub-proposal-chat-composer>textarea{min-height:62px;max-height:140px;padding:10px;border:1px solid #d8e3df;border-radius:15px;background:#f8faf9;resize:vertical}.hub-proposal-chat-tools{display:flex;align-items:center;gap:6px}.hub-proposal-chat-tools>button:not(.hub-btn),.hub-proposal-chat-tools>label{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce5e2;border-radius:50%;background:#f8faf9;color:#52635e;cursor:pointer}.hub-proposal-chat-tools input{display:none}.hub-proposal-chat-tools>[data-hub-proposal-file-name]{min-width:0;max-width:220px;overflow:hidden;color:var(--ph-soft);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.hub-proposal-chat-tools>.hub-btn{margin-left:auto}.hub-proposal-emoji-panel{position:absolute;z-index:4;bottom:55px;left:10px;display:grid;grid-template-columns:repeat(6,34px);gap:4px;padding:7px;border:1px solid #dce6e2;border-radius:13px;background:#fff;box-shadow:0 18px 45px -30px rgba(15,46,38,.7)}.hub-proposal-emoji-panel[hidden]{display:none}.hub-proposal-emoji-panel button{height:34px;border:0;border-radius:8px;background:#f6f9f8;cursor:pointer}.hub-proposal-chat-options{border-top:1px solid #edf1ef}.hub-proposal-chat-options>summary{cursor:pointer;color:var(--ph-soft);font-size:8px;font-weight:800}.hub-proposal-chat-options>.hub-form-row{margin-top:8px}.hub-proposal-chat-composer>small{color:var(--ph-soft);font-size:7px}.hub-proposal-chat-history{flex:none;border-top:1px solid #dbe5e1;background:#fff}.hub-proposal-chat-history>summary{padding:9px 12px;cursor:pointer;color:var(--ph-soft);font-size:8px;font-weight:800}.hub-proposal-chat-history>div{max-height:150px;overflow:auto;padding:0 12px 10px}.hub-proposal-chat-history p{margin:0;padding:6px 0;border-top:1px solid #edf1ef}.hub-proposal-chat-history b,.hub-proposal-chat-history small{display:block}.hub-proposal-chat-history b{font-size:8px}.hub-proposal-chat-history small{color:var(--ph-soft);font-size:7px}
@media(max-width:720px){.hub-proposal-review-head{align-items:flex-start;padding:12px}.hub-proposal-head-right{display:grid;justify-items:end}.hub-proposal-preview-only{padding:8px}.hub-proposal-review-footer{display:grid;padding:11px 12px}.hub-proposal-review-footer>.hub-btn{width:100%;justify-content:center}.hub-proposal-chat-modal{padding:0}.hub-proposal-chat-card{width:100vw;height:100dvh;border-radius:0}.hub-proposal-chat-card>header{grid-template-columns:minmax(0,1fr);padding-top:max(13px,env(safe-area-inset-top))}.hub-proposal-chat-owner,.hub-proposal-chat-card>header>.hub-stage-badge{display:none}.hub-proposal-chat-thread{padding:13px 10px}.hub-proposal-chat-thread article{max-width:89%}.hub-proposal-chat-composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.hub-proposal-chat-options>.hub-form-row{grid-template-columns:1fr}.hub-proposal-emoji-panel{grid-template-columns:repeat(6,32px)}}
/* 2.8.1 — propuestas plegadas, archivo y bandeja de respuestas */
.hub-proposal-review-card{display:block}.hub-proposal-review-card>summary{position:relative;list-style:none;cursor:pointer;padding-right:60px}.hub-proposal-review-card>summary::-webkit-details-marker{display:none}.hub-proposal-review-card>summary::after{content:'›';position:absolute;right:15px;top:50%;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce6e2;border-radius:50%;background:#fff;color:#31564c;font-size:24px;line-height:1;transform:translateY(-50%) rotate(90deg);transition:transform .18s ease,background .18s ease}.hub-proposal-review-card[open]>summary::after{transform:translateY(-50%) rotate(-90deg);background:#edf7f3}.hub-proposal-review-card>summary .hub-proposal-head-right{margin-right:31px}.hub-proposal-review-card[open]>summary{border-bottom:1px solid #e8efec}
.hub-social-caption-full p,.hub-proposal-preview-only .hub-social-caption p{display:block!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important;white-space:normal!important;line-height:1.55!important}.hub-proposal-preview-only .hub-social-prev,.hub-proposal-preview-only .hub-social-next{top:50%!important;width:38px!important;height:38px!important;border:1px solid rgba(18,55,46,.12)!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;box-shadow:0 10px 24px -14px rgba(8,38,31,.65)!important;transform:translateY(-50%)!important}.hub-proposal-preview-only .hub-social-prev{left:10px!important}.hub-proposal-preview-only .hub-social-next{right:10px!important}
.hub-published-archive{max-width:980px;margin:18px auto 0;border:1px solid #dfe8e5;border-radius:18px;background:#f8faf9;overflow:hidden}.hub-published-archive>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;list-style:none;cursor:pointer}.hub-published-archive>summary::-webkit-details-marker{display:none}.hub-published-archive>summary span{display:grid;gap:2px}.hub-published-archive>summary small{color:var(--ph-soft);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.hub-published-archive>summary b{font-size:12px}.hub-published-archive>summary em{color:var(--ph-soft);font-size:8px;font-style:normal}.hub-published-archive>summary strong{display:grid;place-items:center;min-width:31px;height:31px;border-radius:50%;background:#e7f3ef;color:#17745f;font-size:9px}.hub-published-archive[open]>summary{border-bottom:1px solid #e2ebe8}.hub-published-grid{display:grid;gap:11px;padding:12px}.hub-published-grid .hub-proposal-review-card{box-shadow:none;border-radius:15px}.hub-published-grid .hub-proposal-review-head{background:#fff}
.hub-doctor-message-fab{position:fixed;z-index:8500;right:24px;bottom:24px;display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;align-items:center;gap:0 9px;min-width:126px;padding:8px 13px 8px 8px;border:0;border-radius:22px;background:#0d7d6f;color:#fff;box-shadow:0 20px 44px -22px rgba(4,56,46,.8);cursor:pointer}.hub-doctor-message-fab>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16)}.hub-doctor-message-fab .hub-icon{width:20px;height:20px}.hub-doctor-message-fab>b{align-self:end;font-size:14px;line-height:1}.hub-doctor-message-fab>em{align-self:start;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.hub-doctor-message-inbox{position:fixed;z-index:8600;right:24px;bottom:82px;width:min(390px,calc(100vw - 30px));max-height:min(600px,calc(100vh - 120px));overflow:hidden;border:1px solid #dce6e2;border-radius:21px;background:#fff;box-shadow:0 30px 80px -34px rgba(5,38,31,.78)}.hub-doctor-message-inbox[hidden]{display:none!important}.hub-doctor-message-inbox>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid #e4ece9;background:#f8faf9}.hub-doctor-message-inbox>header small{display:block;color:var(--ph-soft);font-size:7px;text-transform:uppercase;font-weight:850;letter-spacing:.06em}.hub-doctor-message-inbox>header h3{margin:3px 0 0;font-size:13px}.hub-doctor-message-inbox>header button{width:32px;height:32px;border:1px solid #dce5e2;border-radius:50%;background:#fff;color:#40534d;font-size:20px;cursor:pointer}.hub-doctor-message-list{display:grid;max-height:510px;overflow:auto}.hub-doctor-message-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:11px 12px;border:0;border-bottom:1px solid #edf2f0;background:#fff;color:var(--ph-ink);text-align:left;cursor:pointer}.hub-doctor-message-item:hover{background:#f4faf7}.hub-doctor-message-item>span{display:grid;gap:2px;min-width:0}.hub-doctor-message-item b,.hub-doctor-message-item small,.hub-doctor-message-item em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-doctor-message-item b{font-size:10px}.hub-doctor-message-item small{color:var(--ph-soft);font-size:7px}.hub-doctor-message-item em{color:#5f706a;font-size:8px;font-style:normal}.hub-doctor-message-item>i{color:var(--ph-brand);font-size:20px;font-style:normal}
@media(max-width:720px){.hub-proposal-review-card>summary{padding:11px 52px 11px 11px}.hub-proposal-review-card>summary::after{right:10px;width:32px;height:32px}.hub-proposal-review-card>summary .hub-proposal-head-right{margin-right:0}.hub-published-archive>summary em{display:none}.hub-doctor-message-fab{right:14px;bottom:88px;min-width:0;width:54px;height:54px;padding:8px;border-radius:50%}.hub-doctor-message-fab>span{grid-row:auto;width:38px;height:38px}.hub-doctor-message-fab>b{position:absolute;top:-3px;right:-2px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#b54759;font-size:9px}.hub-doctor-message-fab>em{display:none}.hub-doctor-message-inbox{right:10px;bottom:151px;width:calc(100vw - 20px);max-height:calc(100dvh - 180px);border-radius:18px}.hub-doctor-message-list{max-height:calc(100dvh - 245px)}}
/* ==========================================================================
* v2.9.0 — Navegación contextual y flujo unificado por cuenta
* ========================================================================== */
.hub-client-primary-tabs{
position:sticky;
top:86px;
z-index:42;
display:flex;
align-items:center;
gap:6px;
margin:0 0 18px;
padding:8px;
overflow-x:auto;
border:1px solid var(--ph-line);
border-radius:17px;
background:rgba(255,255,255,.96);
box-shadow:0 16px 38px -34px rgba(13,55,45,.55);
backdrop-filter:blur(14px);
scrollbar-width:none;
}
.hub-client-primary-tabs::-webkit-scrollbar{display:none}
.hub-client-primary-tabs>a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:42px;
padding:8px 12px;
border:1px solid transparent;
border-radius:12px;
color:#65766f;
font-size:9px;
font-weight:850;
text-decoration:none;
white-space:nowrap;
}
.hub-client-primary-tabs>a:hover{border-color:#d7e6e1;background:#f3f8f6;color:var(--ph-brand)}
.hub-client-primary-tabs>a.is-active{border-color:#cfe3dc;background:#eaf6f2;color:#0b7565;box-shadow:0 10px 24px -22px rgba(5,82,68,.75)}
.hub-client-primary-tabs .hub-icon{width:18px;height:18px;flex:none}
.hub-tab-notice{
display:grid;
place-items:center;
min-width:20px;
height:20px;
padding:0 5px;
border:2px solid #fff;
border-radius:999px;
background:#bd5061;
color:#fff;
font-size:8px;
line-height:1;
box-shadow:0 6px 16px -10px rgba(128,30,49,.8);
}
.hub-client-tab-content{min-width:0}
.hub-client-subtabs{
display:flex;
align-items:center;
gap:7px;
margin:0 0 15px;
padding:4px;
overflow-x:auto;
border-bottom:1px solid #dde8e4;
scrollbar-width:none;
}
.hub-client-subtabs::-webkit-scrollbar{display:none}
.hub-client-subtabs a{
flex:none;
padding:9px 11px;
border-bottom:2px solid transparent;
color:#6a7a75;
font-size:9px;
font-weight:850;
text-decoration:none;
white-space:nowrap;
}
.hub-client-subtabs a.is-active{border-color:var(--ph-brand);color:var(--ph-brand)}
.hub-work-inbox,.hub-results-overview,.hub-account-information,.hub-more-tools{
border:1px solid var(--ph-line);
border-radius:20px;
padding:18px;
background:#fff;
box-shadow:var(--ph-shadow);
}
.hub-work-filters{display:flex;gap:7px;margin:0 0 13px;overflow-x:auto;scrollbar-width:none}
.hub-work-filters::-webkit-scrollbar{display:none}
.hub-work-filters a{flex:none;padding:7px 10px;border:1px solid #dfe8e5;border-radius:999px;background:#fff;color:#667771;font-size:8px;font-weight:850;text-decoration:none;white-space:nowrap}
.hub-work-filters a.is-active{border-color:#b8dacf;background:#eaf7f2;color:#0b7867}
.hub-work-list{display:grid;gap:8px}
.hub-work-row{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:10px;
min-height:76px;
padding:10px 12px;
border:1px solid #e2eae7;
border-radius:14px;
background:#fbfcfc;
color:var(--ph-ink);
text-decoration:none;
}
.hub-work-row:hover{border-color:#b8d9d0;background:#f4faf7}
.hub-work-row.needs-attention{border-left:4px solid #c45668;background:linear-gradient(90deg,#fff4f5,#fff 22%)}
.hub-work-row.is-waiting{opacity:.83}
.hub-work-row-copy{display:grid;gap:2px;min-width:0}
.hub-work-row-copy small{color:var(--ph-brand);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.hub-work-row-copy b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.hub-work-row-copy em{overflow:hidden;color:#63736e;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.hub-work-row-meta{display:grid;justify-items:end;gap:5px;min-width:94px}
.hub-work-row-meta time{color:var(--ph-soft);font-size:7px}
.hub-work-row-meta i{padding:5px 7px;border-radius:999px;background:#edf4f2;color:#526a63;font-size:7px;font-style:normal;font-weight:850}
.hub-work-row.needs-attention .hub-work-row-meta i{background:#fee7ea;color:#a53c50}
.hub-results-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.hub-results-kpis article{padding:14px;border:1px solid #e1e9e6;border-radius:14px;background:#fafcfc}
.hub-results-kpis article.is-attention{border-color:#ead5a6;background:#fffaf0}
.hub-results-kpis small,.hub-results-kpis b{display:block}.hub-results-kpis small{color:var(--ph-soft);font-size:8px;font-weight:850;text-transform:uppercase}.hub-results-kpis b{margin-top:5px;font-size:24px}
.hub-results-source-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.hub-results-source-grid article{display:grid;justify-items:center;gap:4px;padding:11px 8px;border:1px solid #e3ebe8;border-radius:13px;background:#fff;text-align:center}
.hub-results-source-grid article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f4f8f7}.hub-results-source-grid img,.hub-results-source-grid svg{width:18px;height:18px}.hub-results-source-grid small{color:var(--ph-soft);font-size:7px}.hub-results-source-grid b{font-size:14px}
.hub-account-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-account-info-grid article{padding:14px;border:1px solid #e1e9e6;border-radius:14px;background:#fafcfc}.hub-account-info-grid small,.hub-account-info-grid b,.hub-account-info-grid span{display:block}.hub-account-info-grid small{color:var(--ph-soft);font-size:7px;text-transform:uppercase;font-weight:850}.hub-account-info-grid b{margin-top:5px;font-size:11px}.hub-account-info-grid span{margin-top:3px;color:#697a74;font-size:8px}.hub-account-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hub-account-links a{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #dce7e3;border-radius:11px;background:#fff;color:var(--ph-brand);font-size:8px;font-weight:850;text-decoration:none}.hub-account-links .hub-icon{width:17px;height:17px}
.hub-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-more-grid a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px;border:1px solid #e0e9e6;border-radius:14px;background:#fafcfc;color:var(--ph-ink);text-decoration:none}.hub-more-grid a:hover{border-color:#b8d9d0;background:#f3faf7}.hub-more-grid .hub-icon{width:23px;height:23px;color:var(--ph-brand)}.hub-more-grid span{display:grid;gap:2px}.hub-more-grid b{font-size:10px}.hub-more-grid small{color:var(--ph-soft);font-size:8px}
/* Las respuestas del doctor viven en Trabajo y comunicación; la burbuja flotante deja de competir con la navegación. */
.hub-client-tab-content[data-client-primary-tab="propuestas"] .hub-doctor-message-fab,
.hub-client-tab-content[data-client-primary-tab="propuestas"] .hub-doctor-message-inbox{display:none!important}
@media(max-width:820px){
.hub-client-primary-tabs{top:72px;margin-left:-16px;margin-right:-16px;padding:7px 14px;border-left:0;border-right:0;border-radius:0}
.hub-client-primary-tabs>a{min-height:40px;padding:7px 10px}
.hub-client-primary-tabs>a span{font-size:8px}
.hub-results-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-account-info-grid,.hub-more-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
.hub-client-primary-tabs{top:64px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
.hub-client-primary-tabs>a{gap:5px;padding:7px 9px}
.hub-client-primary-tabs .hub-icon{width:16px;height:16px}
.hub-tab-notice{min-width:18px;height:18px;border-width:1px}
.hub-work-inbox,.hub-results-overview,.hub-account-information,.hub-more-tools{padding:13px;border-radius:16px}
.hub-work-row{grid-template-columns:auto minmax(0,1fr);min-height:70px;padding:9px}
.hub-work-row-meta{grid-column:2;display:flex;justify-content:space-between;justify-items:stretch;min-width:0}
.hub-results-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-results-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ======================================================================
* PURO Agency Hub 3.0.0 — producción por pasos y lanzador de herramientas
* =================================================================== */
.hub-work-tool-launcher{position:relative;min-width:0}.hub-work-tool-primary{display:flex;align-items:center;gap:7px;min-width:0}.hub-work-tool-primary>a,.hub-work-tool-more{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid #dce6e2;border-radius:12px;background:#fff;color:#344a43;text-decoration:none;box-shadow:0 9px 20px -18px rgba(9,43,34,.5);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hub-work-tool-primary>a:hover,.hub-work-tool-more:hover{transform:translateY(-2px);border-color:#bcd8ce;box-shadow:0 14px 26px -19px rgba(9,43,34,.58)}.hub-work-tool-primary>a>span:last-child{display:none}.hub-work-tool-primary>a[hidden]{display:none!important}.hub-work-tool-more{cursor:pointer;font-size:21px;line-height:1}.hub-work-tool-brand{width:23px;height:23px;object-fit:contain}.hub-work-tool-badge{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#153e34,#2c8a73);color:#fff;font-size:9px;font-weight:900;letter-spacing:-.02em}.hub-work-tool-drawer{position:absolute;z-index:9000;top:calc(100% + 9px);right:0;width:min(430px,calc(100vw - 28px));overflow:hidden;border:1px solid #dbe6e2;border-radius:18px;background:#fff;box-shadow:0 28px 72px -30px rgba(7,39,31,.7)}.hub-work-tool-drawer[hidden]{display:none!important}.hub-work-tool-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e8efec;background:#f8faf9}.hub-work-tool-drawer>header div{display:grid;gap:2px}.hub-work-tool-drawer>header small{color:var(--ph-soft);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.hub-work-tool-drawer>header b{font-size:12px}.hub-work-tool-drawer>header button{width:31px;height:31px;border:1px solid #dbe5e1;border-radius:50%;background:#fff;color:#475a54;font-size:20px;cursor:pointer}.hub-work-tool-all{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:420px;overflow:auto;padding:10px}.hub-work-tool-all>a{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #e2eae7;border-radius:13px;background:#fbfcfc;color:var(--ph-ink);text-decoration:none}.hub-work-tool-all>a:hover{border-color:#bdd8cf;background:#f3faf7}.hub-work-tool-all>a>span:last-child{display:grid;gap:2px;min-width:0}.hub-work-tool-all b{font-size:9px}.hub-work-tool-all small{overflow:hidden;color:var(--ph-soft);font-size:7px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.hub-work-tool-config{border-style:dashed!important;background:#f6faf8!important}.hub-work-tool-config .hub-icon{width:25px;height:25px}.hub-work-tool-config .hub-icon svg{width:16px;height:16px}.hub-work-tool-launcher.is-full .hub-work-tool-primary>a,.hub-work-tool-launcher.is-full .hub-work-tool-more{width:48px;height:48px;border-radius:15px}.hub-work-tool-launcher.is-full .hub-work-tool-brand{width:28px;height:28px}.hub-work-tool-launcher.is-full .hub-work-tool-badge{width:30px;height:30px;border-radius:10px;font-size:10px}
.hub-work-row-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.hub-work-row-shell+.hub-work-row-shell{margin-top:8px}.hub-work-row-shell .hub-work-row{min-width:0;margin:0}.hub-work-row-tools{display:flex;align-items:center;gap:7px;padding-right:4px}.hub-work-row-tools>small{display:none;color:var(--ph-soft);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hub-work-row-tools .hub-work-tool-primary>a{width:34px;height:34px;border-radius:10px}.hub-work-row-tools .hub-work-tool-primary>a:nth-of-type(n+4){display:none!important}.hub-work-row-tools .hub-work-tool-more{width:34px;height:34px;border-radius:10px}.hub-work-row-tools .hub-work-tool-brand{width:20px;height:20px}.hub-work-row-tools .hub-work-tool-badge{width:22px;height:22px;font-size:8px}
.hub-tool-manager{display:grid;gap:14px}.hub-tool-manager>.hub-work-tool-launcher{padding:16px;border:1px solid #dfe9e5;border-radius:18px;background:linear-gradient(135deg,#f7fbf9,#fff);box-shadow:0 20px 48px -42px rgba(9,48,38,.55)}.hub-tool-add-card{border:1px solid #dfe8e5;border-radius:17px;background:#fff;overflow:hidden}.hub-tool-add-card>summary{display:flex;align-items:center;gap:10px;padding:13px 14px;list-style:none;cursor:pointer}.hub-tool-add-card>summary::-webkit-details-marker{display:none}.hub-tool-add-card>summary>span{display:grid;gap:2px;min-width:0}.hub-tool-add-card>summary b{font-size:11px}.hub-tool-add-card>summary small{color:var(--ph-soft);font-size:8px}.hub-tool-add-card>summary strong{margin-left:auto;color:#17745f;font-size:9px}.hub-tool-add-card>.hub-form{padding:0 14px 14px;border-top:1px solid #edf1ef}.hub-tool-context-checks{display:flex;flex-wrap:wrap;gap:7px 12px;margin:12px 0;padding:12px;border:1px solid #e2eae7;border-radius:13px}.hub-tool-context-checks legend{padding:0 5px;color:var(--ph-soft);font-size:8px;font-weight:850}.hub-tool-context-checks label{display:flex;align-items:center;gap:5px;font-size:8px}.hub-custom-tool-list{display:grid;gap:8px}.hub-custom-tool-list>h3{margin:5px 0 0;font-size:12px}.hub-custom-tool-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid #e2eae7;border-radius:13px;background:#fff}.hub-custom-tool-list article>div{display:grid;gap:2px;min-width:0}.hub-custom-tool-list article b{font-size:9px}.hub-custom-tool-list article small{overflow:hidden;color:var(--ph-soft);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.hub-custom-tool-list article>a{color:#17745f;font-size:8px;font-weight:850;text-decoration:none}.hub-custom-tool-list article form button{width:28px;height:28px;border:1px solid #e4dadd;border-radius:50%;background:#fff7f8;color:#a34458;cursor:pointer}.hub-technical-links{margin-top:18px}
.hub-proposal-wizard-shell{border:1px solid #dce7e3;border-radius:20px;background:#fff;overflow:visible;box-shadow:0 20px 50px -42px rgba(8,43,34,.55)}.hub-proposal-wizard-shell>summary{display:flex;align-items:center;gap:11px;padding:15px 16px;list-style:none;cursor:pointer}.hub-proposal-wizard-shell>summary::-webkit-details-marker{display:none}.hub-proposal-wizard-shell>summary>span{display:grid;gap:2px}.hub-proposal-wizard-shell>summary b{font-size:12px}.hub-proposal-wizard-shell>summary small{color:var(--ph-soft);font-size:8px}.hub-proposal-wizard-shell>summary strong{margin-left:auto;color:#17745f;font-size:9px}.hub-proposal-wizard-shell[open]>summary{border-bottom:1px solid #e5ece9}.hub-proposal-wizard-shell>.hub-composer-body{padding:0}.hub-proposal-wizard{padding:0!important}.hub-wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px;border-bottom:1px solid #e8efec;background:#f8faf9}.hub-wizard-steps button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;border:0;background:transparent;color:#73847e;font-size:8px;font-weight:850;cursor:pointer}.hub-wizard-steps button:not(:last-child)::after{content:'';position:absolute;right:-12%;top:50%;width:24%;height:1px;background:#d6e2de}.hub-wizard-steps button b{width:25px;height:25px;display:grid;place-items:center;border:1px solid #d3e0dc;border-radius:50%;background:#fff;color:#6c7c77;font-size:8px}.hub-wizard-steps button.is-active{color:#176e5c}.hub-wizard-steps button.is-active b{border-color:#17745f;background:#17745f;color:#fff;box-shadow:0 0 0 4px #e5f3ee}.hub-wizard-steps button.is-complete b{border-color:#a8d0c3;background:#e8f5f0;color:#17745f}.hub-wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:start;gap:18px;padding:18px}.hub-wizard-fields{min-width:0}.hub-wizard-panel{display:none;min-height:420px}.hub-wizard-panel.is-active{display:block}.hub-wizard-panel>h3{margin:4px 0 5px;font-size:17px}.hub-wizard-panel>p{margin:0 0 15px;color:var(--ph-soft);font-size:9px;line-height:1.5}.hub-wizard-panel label{font-size:8px}.hub-wizard-panel textarea,.hub-wizard-panel input,.hub-wizard-panel select{margin-top:5px}.hub-wizard-choice-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hub-wizard-choice-row label{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #e0e9e6;border-radius:12px;background:#f9fbfa}.hub-wizard-choice-row input{margin:0}.hub-wizard-prompt-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;padding:13px;border:1px solid #dce8e4;border-radius:15px;background:#f7faf9}.hub-wizard-prompt-card>div{display:grid;gap:3px}.hub-wizard-prompt-card small{color:var(--ph-soft);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.hub-wizard-prompt-card b{font-size:10px}.hub-wizard-prompt-card p{margin:0;color:#61736d;font-size:8px;line-height:1.45}.hub-wizard-checklist{display:grid;gap:7px;margin:12px 0}.hub-wizard-checklist label{display:flex;align-items:flex-start;gap:7px;padding:9px 10px;border:1px solid #e1e9e6;border-radius:11px;background:#fafcfc}.hub-wizard-checklist input{margin:1px 0 0}.hub-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:12px;border-top:1px solid #e7eeeb}.hub-wizard-actions [data-wizard-next]{margin-left:auto}.hub-wizard-submit{width:100%;justify-content:center;margin-top:6px}.hub-wizard-preview{position:sticky;top:92px;overflow:hidden;border:1px solid #dce6e2;border-radius:19px;background:#eef3f1;box-shadow:0 24px 58px -42px rgba(6,37,29,.65)}.hub-wizard-preview>header,.hub-wizard-preview>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#fff}.hub-wizard-preview>header{border-bottom:1px solid #e1e9e6}.hub-wizard-preview>footer{border-top:1px solid #e1e9e6}.hub-wizard-preview>header span,.hub-wizard-preview>footer span{color:var(--ph-soft);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.hub-wizard-preview>header b,.hub-wizard-preview>footer b{font-size:9px}.hub-wizard-preview-frame{min-height:460px;padding:15px}.hub-preview-empty,.hub-preview-media-empty{display:grid;place-items:center;align-content:center;gap:6px;min-height:300px;border:1px dashed #cad9d4;border-radius:16px;background:rgba(255,255,255,.62);text-align:center}.hub-preview-empty>span,.hub-preview-media-empty>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#17745f;color:#fff;font-weight:900;letter-spacing:.08em}.hub-preview-empty b{font-size:11px}.hub-preview-empty small,.hub-preview-media-empty small{max-width:210px;color:var(--ph-soft);font-size:8px;line-height:1.45}.hub-live-instagram{overflow:hidden;border:1px solid #dce4e1;border-radius:16px;background:#fff;box-shadow:0 18px 38px -32px rgba(5,35,27,.7)}.hub-live-instagram>header{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px}.hub-live-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ef7457,#a74bd8,#465bd1);color:#fff;font-size:10px;font-weight:900}.hub-live-instagram>header div{display:grid;gap:1px}.hub-live-instagram>header b{font-size:9px}.hub-live-instagram>header small{color:var(--ph-soft);font-size:7px}.hub-live-instagram>header i{font-style:normal;letter-spacing:2px}.hub-preview-media{position:relative;display:grid;place-items:center;min-height:260px;background:#f1f4f3}.hub-preview-media img{display:block;width:100%;max-height:420px;object-fit:contain}.hub-preview-media>b{position:absolute;top:9px;right:9px;padding:5px 7px;border-radius:999px;background:rgba(10,25,21,.72);color:#fff;font-size:7px}.hub-live-social-actions{padding:9px 11px 4px;font-size:17px;letter-spacing:7px}.hub-live-instagram>p{max-height:230px;overflow:auto;margin:0;padding:5px 11px 13px;font-size:8px;line-height:1.55}.hub-live-google-ad,.hub-live-article,.hub-live-strategy{display:grid;gap:9px;padding:16px;border:1px solid #dce5e2;border-radius:16px;background:#fff}.hub-live-google-ad small,.hub-live-article>small,.hub-live-strategy>small{color:#657871;font-size:7px}.hub-live-google-ad>b{color:#2255a4;font-size:16px;line-height:1.25}.hub-live-google-ad>span{color:#566a63;font-size:9px;line-height:1.5}.hub-live-google-ad>em{color:#1b7a4c;font-size:8px;font-style:normal}.hub-live-article h3,.hub-live-strategy h3{margin:0;font-size:17px;line-height:1.25}.hub-live-article p,.hub-live-strategy p{max-height:260px;overflow:auto;margin:0;color:#52645e;font-size:9px;line-height:1.65}.hub-live-strategy>div{display:grid;gap:3px;padding:10px;border-radius:11px;background:#f4f8f6}.hub-live-strategy>div span{color:var(--ph-soft);font-size:7px;text-transform:uppercase}.hub-live-strategy>div b{font-size:9px;line-height:1.45}
@media(max-width:900px){.hub-wizard-layout{grid-template-columns:1fr}.hub-wizard-preview{position:relative;top:auto}.hub-wizard-preview-frame{min-height:360px}.hub-wizard-panel{min-height:0}.hub-work-row-shell{grid-template-columns:1fr}.hub-work-row-tools{justify-content:flex-end;margin-top:-4px;padding:0 8px 8px}.hub-work-row-tools>small{display:block;margin-right:auto}}
@media(max-width:640px){.hub-work-tool-all{grid-template-columns:1fr}.hub-work-tool-drawer{position:fixed;z-index:10050;inset:auto 10px calc(74px + env(safe-area-inset-bottom)) 10px;width:auto;max-height:calc(100dvh - 105px)}.hub-work-tool-all{max-height:calc(100dvh - 175px)}.hub-work-row-tools .hub-work-tool-primary>a:nth-of-type(n+3){display:none!important}.hub-wizard-steps{position:sticky;z-index:15;top:0;padding:8px}.hub-wizard-steps button{display:grid;justify-items:center;gap:3px;min-height:49px}.hub-wizard-steps button:not(:last-child)::after{display:none}.hub-wizard-steps button span{font-size:7px}.hub-wizard-layout{padding:12px}.hub-wizard-panel>h3{font-size:15px}.hub-wizard-prompt-card{grid-template-columns:1fr}.hub-wizard-prompt-card .hub-btn{width:100%;justify-content:center}.hub-wizard-preview-frame{min-height:320px;padding:10px}.hub-proposal-wizard-shell>summary{padding:13px}.hub-proposal-wizard-shell>summary strong{font-size:0}.hub-proposal-wizard-shell>summary strong::after{content:'Abrir';font-size:8px}.hub-custom-tool-list article{grid-template-columns:32px minmax(0,1fr) auto}.hub-custom-tool-list article form{grid-column:3}.hub-custom-tool-list article>a{display:none}}
.hub-work-inbox,.hub-work-list,.hub-work-row-shell,.hub-ticket,.hub-proposal-review-card,.hub-proposal-review-footer{overflow:visible!important}.hub-ticket-tool-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 12px;padding:10px 11px;border:1px solid #dfe8e5;border-radius:13px;background:#f7faf9}.hub-ticket-tool-strip>span{display:grid;gap:2px}.hub-ticket-tool-strip small{color:var(--ph-soft);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.hub-ticket-tool-strip b{font-size:9px}.hub-proposal-footer-tools{display:flex;align-items:center;gap:7px;margin-left:auto}.hub-proposal-footer-tools>small{color:var(--ph-soft);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.hub-proposal-footer-tools .hub-work-tool-primary>a:nth-of-type(n+4){display:none!important}.hub-proposal-footer-tools .hub-work-tool-primary>a,.hub-proposal-footer-tools .hub-work-tool-more{width:34px;height:34px;border-radius:10px}.hub-proposal-footer-tools .hub-work-tool-brand{width:20px;height:20px}.hub-proposal-review-footer{grid-template-columns:minmax(170px,1fr) auto auto;align-items:center}
@media(max-width:720px){.hub-ticket-tool-strip{align-items:flex-start;flex-direction:column}.hub-proposal-review-footer{grid-template-columns:1fr}.hub-proposal-footer-tools{width:100%;justify-content:space-between;margin:0}.hub-proposal-footer-tools .hub-work-tool-primary{margin-left:auto}.hub-proposal-review-footer>.hub-btn{width:100%;justify-content:center}}
/* ======================================================================
* PURO Agency Hub 3.0.1 — áreas de trabajo y producción más ligera
* =================================================================== */
.hub-wizard-panel[data-wizard-panel="0"]{max-width:920px}
.hub-wizard-section-block{display:grid;gap:10px;margin:0 0 14px;padding:13px;border:1px solid #e2ebe7;border-radius:16px;background:#fbfcfc}
.hub-wizard-minihead{display:flex;align-items:center;gap:9px}
.hub-wizard-minihead>b{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e8f4ef;color:#14745f;font-size:8px}
.hub-wizard-minihead>span{display:grid;gap:1px}
.hub-wizard-minihead strong{font-size:10px;color:#193b32}
.hub-wizard-minihead small{font-size:7px;color:var(--ph-soft)}
.hub-work-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hub-work-area-card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:66px;padding:10px;border:1px solid #dfe8e5;border-radius:13px;background:#fff;color:#1d3932;text-align:left;cursor:pointer;transition:.18s ease}
.hub-work-area-card:hover{border-color:#b9d8ce;transform:translateY(-1px)}
.hub-work-area-card.is-active{border-color:#16806a;background:#f0f8f5;box-shadow:0 0 0 2px rgba(22,128,106,.08)}
.hub-work-area-card>.hub-brand-icon{width:30px;height:30px;padding:3px;border-radius:9px;background:#fff;object-fit:contain}
.hub-work-area-card>span{display:grid;gap:2px;min-width:0}
.hub-work-area-card>span b{font-size:9px}
.hub-work-area-card>span small{color:#6c7e78;font-size:7px;line-height:1.35}
.hub-work-area-card>i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #d7e3df;border-radius:50%;color:transparent;font-size:8px;font-style:normal}
.hub-work-area-card.is-active>i{border-color:#16806a;background:#16806a;color:#fff}
.hub-wizard-format-grid{display:flex;flex-wrap:wrap;gap:7px}
.hub-wizard-format-grid button{min-height:34px;padding:7px 11px;border:1px solid #dfe8e5;border-radius:999px;background:#fff;color:#5c6e68;font-size:8px;font-weight:800;cursor:pointer}
.hub-wizard-format-grid button:hover{border-color:#b8d5cc;color:#176e5c}
.hub-wizard-format-grid button.is-active{border-color:#17745f;background:#17745f;color:#fff}
.hub-wizard-deliverable-name{display:grid;margin-top:2px}
.hub-wizard-deliverable-name input{min-height:40px}
.hub-wizard-brief-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px}
.hub-wizard-brief-grid textarea{min-height:74px;resize:vertical}
.hub-wizard-choice-row{margin-top:0}
.hub-wizard-choice-row label{padding:8px 9px;background:#fff}
.hub-wizard-preview-frame{min-height:360px}
.hub-live-article>.hub-preview-media{margin:-16px -16px 0}
.hub-work-tool-brand{object-fit:contain}
@media(max-width:980px){.hub-work-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hub-wizard-section-block{padding:11px}.hub-work-area-grid{grid-template-columns:1fr}.hub-work-area-card{min-height:58px}.hub-wizard-brief-grid{grid-template-columns:1fr}.hub-wizard-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hub-wizard-format-grid button{border-radius:11px}.hub-wizard-preview-frame{min-height:280px}}
/* ======================================================================
* PURO Agency Hub 3.0.2 — brief dinámico, prompts y área de trabajo
* =================================================================== */
.hub-proposal-wizard[data-current-step="0"] .hub-wizard-layout,
.hub-proposal-wizard[data-current-step="1"] .hub-wizard-layout{grid-template-columns:minmax(0,1fr)}
.hub-proposal-wizard[data-current-step="0"] .hub-wizard-preview,
.hub-proposal-wizard[data-current-step="1"] .hub-wizard-preview{display:none}
.hub-proposal-wizard[data-current-step="0"] .hub-wizard-panel,
.hub-proposal-wizard[data-current-step="1"] .hub-wizard-panel{max-width:1080px;margin:0 auto}
.hub-wizard-format-grid button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.hub-wizard-format-grid button .hub-icon{width:17px;height:17px;display:inline-flex}
.hub-wizard-format-grid button .hub-icon svg{width:17px;height:17px;fill:currentColor}
.hub-context-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hub-context-preset-grid>button{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-height:66px;padding:10px;border:1px solid #dfe8e5;border-radius:14px;background:#fff;color:#4d635c;text-align:left;cursor:pointer;transition:.18s ease}
.hub-context-preset-grid>button:hover{transform:translateY(-1px);border-color:#abd1c4;box-shadow:0 12px 26px -24px rgba(13,77,62,.65)}
.hub-context-preset-grid>button.is-active{border-color:#16816b;background:#edf8f4;color:#125f50;box-shadow:0 0 0 2px rgba(22,129,107,.08)}
.hub-context-preset-grid>button>.hub-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f0f6f4;color:#187561}
.hub-context-preset-grid>button>.hub-icon svg{width:16px;height:16px;fill:currentColor}
.hub-context-preset-grid>button>span{display:grid;gap:2px;min-width:0}
.hub-context-preset-grid b{font-size:9px;color:inherit}
.hub-context-preset-grid small{font-size:7px;line-height:1.35;color:#788983}
.hub-context-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hub-context-fields label{position:relative;margin:0;padding:0;font-size:8px}
.hub-context-fields label.is-wide{grid-column:1/-1}
.hub-context-fields label>em{float:right;color:#a65b4a;font-size:6px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.hub-context-fields input,.hub-context-fields textarea{background:#fff}
.hub-context-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.hub-context-toggle{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px;border:1px solid #dde8e4;border-radius:13px;background:#fff;color:#536760;text-align:left;cursor:pointer}
.hub-context-toggle>.hub-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eef6f3;color:#18745f}
.hub-context-toggle>.hub-icon svg{width:15px;height:15px;fill:currentColor}
.hub-context-toggle>span{display:grid;gap:1px}.hub-context-toggle b{font-size:9px}.hub-context-toggle small{font-size:7px;color:#7c8c86}.hub-context-toggle>i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #cad9d4;border-radius:50%;color:transparent;font-size:9px;font-style:normal}
.hub-context-toggle.is-active{border-color:#8bc5b4;background:#eef8f4;color:#146a58}.hub-context-toggle.is-active>i{border-color:#15806a;background:#15806a;color:#fff}
.hub-no-context-option{display:flex!important;align-items:flex-start;gap:9px;margin-top:12px!important;padding:10px 11px!important;border:1px dashed #d3dfdb;border-radius:13px;background:#fafcfc}
.hub-no-context-option input{margin:2px 0 0!important}.hub-no-context-option span{display:grid;gap:2px}.hub-no-context-option b{font-size:8px}.hub-no-context-option small{font-size:7px;line-height:1.4;color:#7b8a85}
.hub-context-warning{display:flex;align-items:flex-start;gap:9px;margin-top:8px;padding:10px 11px;border:1px solid #f0d8ae;border-radius:13px;background:#fff9ed;color:#7b5b1d}
.hub-context-warning>.hub-icon{width:24px;height:24px;flex:none}.hub-context-warning>.hub-icon svg{fill:currentColor}.hub-context-warning span{display:grid;gap:1px}.hub-context-warning b{font-size:8px}.hub-context-warning small{font-size:7px;line-height:1.4}
.hub-prompt-quality{display:grid;gap:7px;margin-top:11px;padding:11px;border:1px solid #e0e9e6;border-radius:13px;background:#fff}
.hub-prompt-quality>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.hub-prompt-quality>div span{font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#768781}.hub-prompt-quality>div b{font-size:8px;color:#8a5a30}
.hub-prompt-quality>i{display:block;height:6px;overflow:hidden;border-radius:999px;background:#edf1f0}.hub-prompt-quality>i>span{display:block;width:0;height:100%;border-radius:inherit;background:#c98a3d;transition:width .25s ease,background .25s ease}
.hub-prompt-quality>small{font-size:7px;color:#788883;line-height:1.4}
.hub-prompt-quality[data-quality="good"]>i>span,.hub-prompt-quality[data-quality="great"]>i>span{background:#23836e}.hub-prompt-quality[data-quality="good"]>div b,.hub-prompt-quality[data-quality="great"]>div b{color:#176c5a}.hub-prompt-quality[data-quality="basic"]>i>span{background:#c69a43}
.hub-wizard-workbench{display:grid;gap:10px;margin-bottom:13px}
.hub-wizard-toolbox{display:grid;gap:9px;padding:11px;border:1px solid #dce8e4;border-radius:15px;background:#f8fbfa}
.hub-wizard-toolbox .hub-work-tool-launcher{margin:0}
.hub-prompt-workspace,.hub-image-prompt-workspace{overflow:hidden;border:1px solid #dbe7e3;border-radius:16px;background:#fff}
.hub-prompt-workspace>header,.hub-image-prompt-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid #e5ece9;background:#fbfcfc}
.hub-prompt-workspace>header>div:first-child,.hub-image-prompt-workspace>header>div:first-child{display:grid;gap:2px}.hub-prompt-workspace header small,.hub-image-prompt-workspace header small{font-size:6px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#788883}.hub-prompt-workspace header b,.hub-image-prompt-workspace header b{font-size:9px}
.hub-prompt-tool-tabs{display:flex;gap:5px}.hub-prompt-tool-tabs button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #dfe7e5;border-radius:999px;background:#fff;color:#536760;font-size:7px;font-weight:800;cursor:pointer}.hub-prompt-tool-tabs button img{width:16px;height:16px}.hub-prompt-tool-tabs button.is-active{border-color:#17806a;background:#edf8f4;color:#136653}
.hub-prompt-workspace>textarea,.hub-image-prompt-workspace>textarea{width:100%;margin:0!important;padding:12px;border:0!important;border-radius:0!important;background:#fff;font:400 8px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;box-shadow:none!important}
.hub-prompt-workspace>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #e5ece9;background:#fbfcfc}.hub-prompt-workspace>footer>span{max-width:360px;font-size:7px;line-height:1.4;color:#74857f}.hub-prompt-workspace>footer>div{display:flex;gap:7px}
.hub-image-prompt-workspace>small{display:block;padding:0 12px 11px;color:#788883;font-size:7px;line-height:1.4}
.hub-proposal-wizard.is-without-context .hub-context-fields{opacity:.68}
@media(max-width:920px){.hub-context-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-prompt-workspace>header,.hub-prompt-workspace>footer{align-items:flex-start;flex-direction:column}.hub-prompt-workspace>footer>div{width:100%}.hub-prompt-workspace>footer .hub-btn{flex:1;justify-content:center}}
@media(max-width:640px){.hub-context-preset-grid{grid-template-columns:1fr}.hub-context-preset-grid>button{min-height:58px}.hub-context-fields,.hub-context-options{grid-template-columns:1fr}.hub-context-fields label.is-wide{grid-column:auto}.hub-prompt-tool-tabs{width:100%;overflow-x:auto;padding-bottom:2px}.hub-prompt-tool-tabs button{flex:none}.hub-prompt-workspace>header{align-items:stretch}.hub-prompt-workspace>footer>div{display:grid;grid-template-columns:1fr 1fr}.hub-wizard-toolbox{padding:9px}.hub-image-prompt-workspace>header{align-items:flex-start;flex-direction:column}.hub-image-prompt-workspace>header .hub-btn{width:100%;justify-content:center}}
/* ======================================================================
* PURO Agency Hub 3.0.3 — formatos por área y estadísticas por función
* =================================================================== */
.hub-wizard-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hub-wizard-format-grid button{min-height:58px;padding:9px 10px;border-radius:13px;justify-content:flex-start;text-align:left}
.hub-wizard-format-grid button>span{display:grid;gap:2px;min-width:0}
.hub-wizard-format-grid button>span>b{font-size:8px;line-height:1.2}
.hub-wizard-format-grid button>span>small{font-size:6.5px;line-height:1.3;color:#7b8a85;font-weight:600}
.hub-wizard-format-grid button.is-active>span>small{color:rgba(255,255,255,.78)}
.hub-role-focus-stats{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);gap:12px;margin:12px 0 15px;padding:12px;border:1px solid #dbe7e3;border-radius:17px;background:linear-gradient(135deg,#f4faf7,#fff);box-shadow:0 18px 38px -34px rgba(13,75,60,.42)}
.hub-role-focus-stats>header{display:grid;align-content:center;gap:3px;padding:4px 7px}
.hub-role-focus-stats>header>span{font-size:6px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#24806a}
.hub-role-focus-stats>header>b{font-size:13px;color:#173e34}
.hub-role-focus-stats>header>small{font-size:7px;line-height:1.4;color:#71827c}
.hub-role-focus-stats>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hub-role-focus-stats article{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-height:66px;padding:9px;border:1px solid #e0e9e6;border-radius:13px;background:#fff}
.hub-role-focus-stats article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#edf7f3;color:#17745f}
.hub-role-focus-stats article>span .hub-icon{width:17px;height:17px}.hub-role-focus-stats article>span svg{width:17px;height:17px;fill:currentColor}
.hub-role-focus-stats article>div{display:grid;gap:1px;min-width:0}.hub-role-focus-stats article small{font-size:6.5px;color:#74847f}.hub-role-focus-stats article b{font-size:14px;color:#173b32}.hub-role-focus-stats article em{font-size:6px;color:#899691;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:980px){.hub-role-focus-stats{grid-template-columns:1fr}.hub-role-focus-stats>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.hub-wizard-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-role-focus-stats>div{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:2px}.hub-role-focus-stats article{min-width:190px;scroll-snap-align:start}.hub-role-focus-stats>header>small{display:none}}
@media(max-width:420px){.hub-wizard-format-grid{grid-template-columns:1fr}.hub-wizard-format-grid button{min-height:52px}}
/* ======================================================================
* 3.0.4 — copiado de mensajes y accesos móviles
* =================================================================== */
.hub-thread article,
.hub-proposal-chat-thread article{position:relative}
.hub-message-copy{
display:inline-flex;
align-items:center;
gap:5px;
margin-top:7px;
padding:5px 7px;
border:1px solid rgba(26,65,55,.12);
border-radius:999px;
background:rgba(255,255,255,.74);
color:#60736d;
font:inherit;
font-size:8px;
font-weight:850;
cursor:pointer;
}
.hub-message-copy:hover,
.hub-message-copy.is-copied{border-color:#88c7b5;background:#eaf7f2;color:#0d7d6f}
.hub-message-copy .hub-icon{width:12px;height:12px}
@media(max-width:720px){
.hub-message-copy{min-height:30px;padding:6px 9px;font-size:9px}
}
/* PURO Agency Hub 3.0.6 — programación de entrega */
.hub-delivery-scheduler{display:grid;gap:12px;margin:16px 0;padding:14px;border:1px solid #dbe8e3;border-radius:17px;background:#f8fbfa}.hub-delivery-scheduler>header{display:flex;align-items:center;gap:10px}.hub-delivery-scheduler>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e7f4ef;color:#176f5d}.hub-delivery-scheduler>header svg{width:18px;height:18px}.hub-delivery-scheduler>header div{display:grid;gap:2px}.hub-delivery-scheduler>header b{font-size:10px}.hub-delivery-scheduler>header small{color:var(--ph-soft);font-size:8px;line-height:1.4}.hub-delivery-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-delivery-mode-grid>button{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:11px;border:1px solid #dce7e3;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.hub-delivery-mode-grid>button>svg{width:21px;height:21px;color:#597169}.hub-delivery-mode-grid>button span{display:grid;gap:2px}.hub-delivery-mode-grid>button b{font-size:9px}.hub-delivery-mode-grid>button small{color:var(--ph-soft);font-size:7px;line-height:1.35}.hub-delivery-mode-grid>button i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #d4e0dc;border-radius:50%;color:transparent;font-size:8px;font-style:normal}.hub-delivery-mode-grid>button.is-active{border-color:#17745f;background:#eef8f4;box-shadow:0 0 0 2px rgba(23,116,95,.08)}.hub-delivery-mode-grid>button.is-active>svg{color:#17745f}.hub-delivery-mode-grid>button.is-active i{border-color:#17745f;background:#17745f;color:#fff}.hub-delivery-date{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1fr);gap:10px}.hub-delivery-date>label{padding:11px;border:1px solid #dce7e3;border-radius:13px;background:#fff}.hub-delivery-safety{display:grid;align-content:center;gap:3px;padding:11px 12px;border:1px solid #eadbb8;border-radius:13px;background:#fff9eb}.hub-delivery-safety b{font-size:9px;color:#7e5b14}.hub-delivery-safety small{font-size:7px;line-height:1.45;color:#826b39}.hub-delivery-date>p{grid-column:1/-1;margin:0;color:#176f5d;font-size:8px;font-weight:800}.hub-proposal-review-card.is-private-delivery{border-color:#d9e4f2}.hub-scheduled-proposal-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 14px 13px;padding:12px 13px;border:1px solid #cfdff0;border-radius:15px;background:#f4f8fd}.hub-scheduled-proposal-banner>div:first-child{display:flex;align-items:center;gap:10px}.hub-scheduled-proposal-banner>div:first-child>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e4eefb;color:#315e91}.hub-scheduled-proposal-banner svg{width:18px;height:18px}.hub-scheduled-proposal-banner>div:first-child>div{display:grid;gap:2px}.hub-scheduled-proposal-banner small{color:#55708e;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.hub-scheduled-proposal-banner b{font-size:10px}.hub-scheduled-proposal-banner em{color:#647785;font-size:7px;font-style:normal}.hub-scheduled-proposal-banner.is-draft{border-color:#e4ded0;background:#faf8f3}.hub-scheduled-proposal-banner.is-draft>div:first-child>span{background:#f0eadc;color:#78643a}.hub-scheduled-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.hub-scheduled-actions form{margin:0}.hub-reschedule-form{display:flex;align-items:center;gap:6px}.hub-reschedule-form input{min-width:190px;margin:0!important;padding:8px!important}.hub-stage-badge.stage-scheduled_delivery{background:#e5effb;color:#315e91}.hub-stage-badge.stage-draft{background:#eee9df;color:#725f37}
@media(max-width:760px){.hub-delivery-mode-grid{grid-template-columns:1fr}.hub-delivery-date{grid-template-columns:1fr}.hub-scheduled-proposal-banner{grid-template-columns:1fr}.hub-scheduled-actions{justify-content:flex-start}.hub-reschedule-form{width:100%;display:grid;grid-template-columns:1fr auto}.hub-reschedule-form input{min-width:0;width:100%}}
/* ======================================================================
* PURO Agency Hub 3.1.0 — tema oscuro futurista y centro de mando
* =================================================================== */
.hub-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 11px;border:1px solid var(--ph-line);border-radius:13px;background:var(--ph-paper);color:var(--ph-brand);font:inherit;font-size:9px;font-weight:850;cursor:pointer;box-shadow:var(--ph-shadow)}
.hub-theme-toggle .hub-icon{width:18px;height:18px}.hub-theme-toggle svg{fill:currentColor}.hub-theme-toggle:hover{border-color:var(--ph-brand);transform:translateY(-1px)}
.hub-menu-appearance>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--ph-soft);font:inherit;font-size:10px;font-weight:800;text-align:left;cursor:pointer}.hub-menu-appearance>button:hover{background:rgba(32,227,194,.1);color:var(--ph-brand)}.hub-menu-appearance .hub-icon{width:17px;height:17px}.hub-menu-appearance b{font-size:7px;text-transform:uppercase;letter-spacing:.06em}
.hub-command-center{position:relative;isolation:isolate;display:grid;gap:15px;margin:0 0 24px;padding:20px;border:1px solid var(--ph-line);border-radius:24px;background:var(--ph-paper);box-shadow:var(--ph-shadow);overflow:hidden}.hub-command-center:before{content:"";position:absolute;z-index:-1;inset:-45% auto auto -12%;width:420px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(32,227,194,.14),transparent 68%);pointer-events:none}.hub-command-center>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hub-command-center>header>div:first-child{display:grid;gap:3px}.hub-command-center>header span{color:var(--ph-brand);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.hub-command-center h2{margin:0;font-size:22px}.hub-command-center p{margin:1px 0 0;color:var(--ph-soft);font-size:10px}.hub-system-pulse{display:flex!important;align-items:center;gap:8px!important;min-height:32px;padding:7px 10px;border:1px solid rgba(32,227,194,.22);border-radius:999px;background:rgba(32,227,194,.07)}.hub-system-pulse i{width:7px;height:7px;border-radius:50%;background:#20e3c2;box-shadow:0 0 0 5px rgba(32,227,194,.1),0 0 16px rgba(32,227,194,.85);animation:puroPulse 2.2s infinite}.hub-system-pulse span{font-size:8px!important;letter-spacing:.04em!important;text-transform:none!important}
.hub-command-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hub-command-actions>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:11px 12px;border:1px solid var(--ph-line);border-radius:16px;background:rgba(255,255,255,.58);color:var(--ph-ink);text-decoration:none;transition:.18s ease}.hub-command-actions>a:hover{border-color:rgba(32,227,194,.55);transform:translateY(-2px);box-shadow:0 17px 36px -29px rgba(7,75,68,.7)}.hub-command-actions>a>.hub-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;padding:9px;background:rgba(13,125,111,.1);color:var(--ph-brand)}.hub-command-actions>a>.hub-icon svg{width:20px;height:20px}.hub-command-actions>a>span{display:grid;gap:2px;min-width:0}.hub-command-actions b{font-size:10px}.hub-command-actions small{color:var(--ph-soft);font-size:7px}.hub-command-actions em{color:var(--ph-brand);font-size:7px;font-style:normal;font-weight:900;white-space:nowrap}
.hub-work-mode-nav{display:grid;grid-template-columns:minmax(165px,.3fr) minmax(0,1fr);align-items:center;gap:14px;padding:12px;border:1px solid var(--ph-line);border-radius:17px;background:rgba(255,255,255,.42)}.hub-work-mode-nav>div{display:grid;gap:2px;padding:0 4px}.hub-work-mode-nav>div>b{font-size:10px}.hub-work-mode-nav>div>small{color:var(--ph-soft);font-size:7px;line-height:1.4}.hub-work-mode-nav nav{display:flex;gap:7px;overflow-x:auto;padding:2px}.hub-work-mode-nav a{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:36px;padding:8px 10px;border:1px solid transparent;border-radius:11px;color:var(--ph-soft);font-size:8px;font-weight:850;text-decoration:none;white-space:nowrap}.hub-work-mode-nav a:hover{border-color:var(--ph-line);background:var(--ph-paper);color:var(--ph-brand)}.hub-work-mode-nav a.is-active{border-color:rgba(13,125,111,.28);background:rgba(13,125,111,.11);color:var(--ph-brand)}.hub-work-mode-nav .hub-icon{width:16px;height:16px}
.hub-visible-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hub-visible-filters>span{margin-right:3px;color:var(--ph-soft);font-size:8px;font-weight:850}.hub-visible-filters button{min-height:31px;padding:7px 10px;border:1px solid var(--ph-line);border-radius:999px;background:var(--ph-paper);color:var(--ph-soft);font:inherit;font-size:8px;font-weight:850;cursor:pointer}.hub-visible-filters button:hover,.hub-visible-filters button.is-active{border-color:var(--ph-brand);background:var(--ph-brand);color:#03130f}.hub-portfolio-first,.hub-unified-pending,.hub-team-workload-section{scroll-margin-top:112px}
@keyframes puroPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.62;transform:scale(.78)}}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]){color-scheme:dark;--ph-bg:#050810;--ph-paper:#0b111b;--ph-ink:#edfafa;--ph-soft:#91a5b1;--ph-line:rgba(124,238,226,.15);--ph-brand:#20e3c2;--ph-brand2:#11a995;--ph-warn:#ffc66d;--ph-bad:#ff6f8c;--ph-shadow:0 24px 68px -42px rgba(0,0,0,.92)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) body.puro-hub-standalone{background:#050810!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app{background-color:#050810;background-image:radial-gradient(circle at 8% -5%,rgba(32,227,194,.12),transparent 28%),radial-gradient(circle at 93% 7%,rgba(88,105,255,.1),transparent 24%),linear-gradient(rgba(71,137,132,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(71,137,132,.035) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-topbar{background:rgba(5,9,16,.84);border-color:rgba(124,238,226,.14);box-shadow:0 18px 55px -42px #000;backdrop-filter:blur(22px) saturate(1.3)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-wordmark,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-brand span{color:#dffef8;text-shadow:0 0 18px rgba(32,227,194,.2)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-logo-mark i{background:#20e3c2;box-shadow:0 0 13px rgba(32,227,194,.72)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-command-center{background:linear-gradient(145deg,rgba(15,24,37,.94),rgba(7,13,22,.96));border-color:rgba(32,227,194,.2);box-shadow:0 32px 90px -48px rgba(0,0,0,.96),inset 0 1px rgba(255,255,255,.025)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-command-center:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.23;background:linear-gradient(110deg,transparent 0 48%,rgba(32,227,194,.08) 49%,transparent 50% 100%);background-size:36px 36px;pointer-events:none}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-command-actions>a,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-mode-nav{background:rgba(11,19,30,.78);border-color:rgba(124,238,226,.12)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-command-actions>a:hover{background:rgba(14,27,39,.96);border-color:rgba(32,227,194,.48);box-shadow:0 0 0 1px rgba(32,227,194,.08),0 16px 44px -28px rgba(32,227,194,.45)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-command-actions>a>.hub-icon,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-mode-nav a.is-active{background:rgba(32,227,194,.11);border-color:rgba(32,227,194,.24)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-panel,.hub-client-card,.hub-ticket,.hub-composer,.hub-workload-card,.hub-billing-sidebar,.hub-billing-detail,.hub-profile-hero,.hub-proposal-thread,.hub-proposal-review-card,.hub-role-focus-stats,.hub-delivery-scheduler,.hub-tools-panel,.hub-prompt-workspace,.hub-image-prompt-workspace){background:#0b111b!important;border-color:rgba(124,238,226,.13)!important;box-shadow:var(--ph-shadow)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-client-summary,.hub-client-expanded,.hub-client-drawer[open]>.hub-client-summary,.hub-proposal-reply,.hub-form-section,.hub-composer>summary,.hub-role-focus-stats article,.hub-delivery-mode-grid>button,.hub-delivery-date>label,.hub-prompt-workspace>textarea,.hub-prompt-workspace>footer,.hub-image-prompt-workspace>textarea){background:#0d1521!important;border-color:rgba(124,238,226,.11)!important;color:var(--ph-ink)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-summary:hover,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-drawer[open]>.hub-client-summary{background:#111c29!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-client-metrics span,.hub-client-expanded .hub-client-metrics span,.hub-card-specialist,.hub-profile-notifications,.hub-count,.hub-current-mode,.hub-client-back-row>span,.hub-connection-badge,.hub-activity-line,.hub-context-preset-grid>button,.hub-wizard-format-grid button,.hub-work-area-card){background:#101925!important;border-color:rgba(124,238,226,.1)!important;color:var(--ph-ink)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-form input,.hub-form textarea,.hub-form select,.hub-inline-form select,.hub-reschedule-form input,.hub-search input){background:#07101a!important;border-color:rgba(124,238,226,.16)!important;color:#eefdfb!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) input::placeholder,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) textarea::placeholder{color:#60727d}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-btn-secondary{background:#0c1721;color:#6ff5df;border-color:rgba(32,227,194,.25)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-btn-secondary:hover{background:#12252d;color:#b4fff3;border-color:#20e3c2}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-operations-menu>summary,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-operations-popover,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-theme-toggle{background:#0b121d;border-color:rgba(124,238,226,.16);color:var(--ph-ink)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-operations-popover{box-shadow:0 32px 100px -36px #000}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-operations-popover nav>a:hover,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-menu-section>a:hover,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-menu-section>a.is-active{background:rgba(32,227,194,.09);color:#74f7df}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-menu-logout{background:rgba(255,111,140,.08);color:#ff8ea5}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-unified-pending-list>a{background:rgba(255,198,109,.06);border-color:rgba(255,198,109,.2);color:var(--ph-ink)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-unified-pending-list>a:hover{background:rgba(255,198,109,.1);border-color:rgba(255,198,109,.42)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-unified-pending-list small,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-unified-pending-list strong{color:#d8b675}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-card-alert{background:rgba(255,198,109,.07)!important;border-color:rgba(255,198,109,.2)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-card-alert strong{color:#f3cb7a}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-notification-bubble.is-clear{background:rgba(32,227,194,.11);color:#66f3dd}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-chevron{background:#121d28;color:#7cebd8}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-app-nav{background:rgba(5,10,17,.92)!important;border-color:rgba(124,238,226,.15)!important;backdrop-filter:blur(20px)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-app-nav a,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-app-nav button{color:#a7bbc4}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-app-nav a:hover,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-app-nav button:hover{color:#5df3d9}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-welcome-backdrop{background:rgba(2,6,12,.86);backdrop-filter:blur(18px)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-welcome-card{background:linear-gradient(145deg,#0f1925,#070d16);border:1px solid rgba(32,227,194,.2);color:var(--ph-ink);box-shadow:0 36px 120px -38px #000}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-login{background:#0b111b!important;border:1px solid rgba(124,238,226,.14);color:var(--ph-ink)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-login h2,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-login label{color:var(--ph-ink)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-login input[type=text],html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-login input[type=password]{background:#07101a;color:#fff;border-color:rgba(124,238,226,.16)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) *{scrollbar-color:rgba(32,227,194,.35) rgba(7,13,22,.8)}
@media(max-width:1080px){.hub-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-work-mode-nav{grid-template-columns:1fr}.hub-work-mode-nav nav{margin:0 -2px}}
@media(max-width:820px){.hub-theme-toggle{width:44px;height:44px;padding:10px}.hub-theme-toggle>span{display:none}.hub-command-center{padding:15px;border-radius:20px}.hub-command-center>header{align-items:flex-start}.hub-command-center h2{font-size:18px}.hub-command-center p{max-width:250px}.hub-system-pulse{padding:6px 8px}.hub-command-actions{grid-template-columns:1fr 1fr}.hub-command-actions>a{grid-template-columns:34px minmax(0,1fr);min-height:65px}.hub-command-actions>a>.hub-icon{width:34px;height:34px}.hub-command-actions em{display:none}.hub-work-mode-nav nav{width:100%}.hub-visible-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.hub-visible-filters>*{flex:none}}
@media(max-width:520px){.hub-command-center>header{display:grid}.hub-system-pulse{justify-self:start}.hub-command-actions{grid-template-columns:1fr}.hub-command-actions>a{min-height:61px}.hub-work-mode-nav>div>small{display:none}}
/* ======================================================================
* PURO Agency Hub 3.1.1 — contraste oscuro completo y navegación móvil
* =================================================================== */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-summary-section,
.hub-summary-attention,
.hub-work-inbox,
.hub-results-overview,
.hub-account-information,
.hub-more-tools,
.hub-published-archive,
.hub-doctor-message-inbox,
.hub-proposal-chat-card,
.hub-work-tool-drawer,
.hub-ticket-tool-strip,
.hub-work-transfer,
.hub-assignment-timeline,
.hub-ticket-actions,
.hub-work-row,
.hub-results-kpis article,
.hub-results-source-grid article,
.hub-account-info-grid article,
.hub-more-grid a,
.hub-presence-kpis a,
.hub-presence-compare-card,
.hub-milestone-grid a,
.hub-findings-grid article,
.hub-recent-activity,
.hub-digital-card,
.hub-action-kpis article,
.hub-channel-row,
.hub-goal-card,
.hub-client-action,
.hub-proposal-copy,
.hub-proposal-purpose>div,
.hub-proposal-preview-only,
.hub-proposal-review-head,
.hub-proposal-review-footer,
.hub-proposal-internal-tools,
.hub-proposal-chat-card>header,
.hub-proposal-chat-composer,
.hub-proposal-chat-history,
.hub-doctor-message-inbox>header,
.hub-doctor-message-item,
.hub-role-cloud span,
.hub-expert-card,
.hub-assignment-card,
.hub-billing-plan-card,
.hub-sat-card,
.hub-billing-status-grid>div,
.hub-billing-account-nav a,
.hub-lead,
.hub-empty,
.hub-remote-error
){
background:#0b111b!important;
border-color:rgba(124,238,226,.14)!important;
color:var(--ph-ink)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-summary-attention,
.hub-role-focus-stats,
.hub-work-transfer,
.hub-composer>summary,
.hub-form-section,
.hub-proposal-preview-only
){background:linear-gradient(145deg,#0d1722,#0a111b)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-attention-card,
.hub-workload-items>a,
.hub-work-filters a,
.hub-account-links a,
.hub-work-tool-primary>a,
.hub-work-tool-more,
.hub-work-tool-all>a,
.hub-message-copy,
.hub-quick-actions a,
.hub-icon-actions>a,
.hub-assignment-actions>a,
.hub-assignment-actions button,
.hub-toolbar-links a,
.hub-profile-tags span,
.hub-profile-tags a,
.hub-proposal-filters a,
.hub-context-preset-grid>button,
.hub-wizard-format-grid button,
.hub-delivery-mode-grid>button,
.hub-delivery-date>label,
.hub-proposal-chat-tools>button:not(.hub-btn),
.hub-proposal-chat-tools>label
){
background:#101925!important;
border-color:rgba(124,238,226,.14)!important;
color:var(--ph-ink)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-attention-card{
background:linear-gradient(135deg,rgba(255,198,109,.08),rgba(13,21,33,.96))!important;
border-color:rgba(255,198,109,.28)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-attention-card.is-billing{
background:linear-gradient(135deg,rgba(255,111,140,.08),rgba(13,21,33,.96))!important;
border-color:rgba(255,111,140,.25)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-attention-card .hub-attention-icon{
background:rgba(255,198,109,.11)!important;
color:#ffd486!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-attention-card b,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-section-head h2,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-ticket h3,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-workload-head h3,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-row-copy b,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-transfer b,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-ticket-tool-strip b{color:#edfafa!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-attention-card small{color:#e4bd70!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-attention-card em{color:#a6b7bf!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-primary-tabs{
background:rgba(7,13,22,.94)!important;
border-color:rgba(124,238,226,.14)!important;
box-shadow:0 18px 44px -32px #000!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-primary-tabs>a{color:#94a8b2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-primary-tabs>a:hover{
background:rgba(32,227,194,.07)!important;
border-color:rgba(32,227,194,.18)!important;
color:#72f6df!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-primary-tabs>a.is-active{
background:rgba(32,227,194,.12)!important;
border-color:rgba(32,227,194,.32)!important;
color:#7cf8e2!important;
box-shadow:inset 0 0 0 1px rgba(32,227,194,.05)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-subtabs{border-color:rgba(124,238,226,.12)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-subtabs a{color:#91a5af!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-subtabs a.is-active{color:#65f2d9!important;border-color:#20e3c2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-tab-notice{border-color:#07101a!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-thread{border-color:rgba(124,238,226,.11)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-thread article,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-thread article{
background:#111a26!important;
border:1px solid rgba(124,238,226,.11)!important;
color:#e7f5f5!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-thread article.is-agency,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-thread article.is-agency{
background:#0d2830!important;
border-color:rgba(32,227,194,.2)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-thread article p,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-thread article p{color:#e7f5f5!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-thread article small,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-thread article small{color:#91a5b1!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-message-copy{color:#9fb1b9!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-message-copy:hover,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-message-copy.is-copied{background:rgba(32,227,194,.12)!important;color:#70f4dc!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-ticket-tool-strip{background:#0d1521!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-transfer select,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-reply textarea,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-reply select{
background:#07101a!important;
border-color:rgba(124,238,226,.17)!important;
color:#edfafa!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-assignment-timeline>summary{color:#75f1dc!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-welcome-role{
background:#0d1924!important;
border-color:rgba(32,227,194,.18)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-welcome-card li{
background:#101925!important;
border:1px solid rgba(124,238,226,.1)!important;
color:#e9f7f6!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-welcome-card li:before{
background:rgba(32,227,194,.12)!important;
color:#5df3d9!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-welcome-dismiss{color:#a8b7be!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-row.needs-attention{
background:linear-gradient(90deg,rgba(255,111,140,.08),#0d1521 28%)!important;
border-left-color:#ff7f98!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-workload-items>a:hover,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-row:hover,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-more-grid a:hover,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-tool-all>a:hover{
background:#13202c!important;
border-color:rgba(32,227,194,.3)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-results-kpis article.is-attention{background:rgba(255,198,109,.07)!important;border-color:rgba(255,198,109,.24)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-results-source-grid article>span{background:#121d29!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-tool-drawer>header,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-doctor-message-inbox>header{background:#0d1622!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-tool-drawer>header button,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-doctor-message-inbox>header button,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-close{
background:#101925!important;
border-color:rgba(124,238,226,.15)!important;
color:#dffbf7!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-doctor-message-item:hover{background:#13202c!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-published-archive>summary strong{background:rgba(32,227,194,.11)!important;color:#70f4dc!important}
/* Encabezado móvil: controles reconocibles, compactos y con contraste real. */
@media(max-width:820px){
.puro-hub-topbar{
grid-template-columns:minmax(0,1fr) auto!important;
gap:10px!important;
min-height:72px!important;
padding:10px 14px!important;
}
.puro-hub-menu-area{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.hub-theme-toggle,
.hub-operations-menu>summary{
width:42px!important;
min-width:42px!important;
height:42px!important;
min-height:42px!important;
padding:0!important;
display:grid!important;
place-items:center!important;
border-radius:14px!important;
}
.hub-theme-toggle .hub-icon,
.hub-operations-menu>summary .hub-icon{
display:grid!important;
place-items:center!important;
width:21px!important;
height:21px!important;
color:#6ff5df!important;
opacity:1!important;
visibility:visible!important;
}
.hub-theme-toggle .hub-icon svg,
.hub-operations-menu>summary .hub-icon svg{display:block!important;width:100%!important;height:100%!important;fill:currentColor!important}
.hub-theme-toggle>span,
.hub-operations-menu>summary>span,
.hub-operations-menu>summary>small{display:none!important}
html[data-puro-theme="light"] .hub-theme-toggle .hub-icon,
html[data-puro-theme="light"] .hub-operations-menu>summary .hub-icon{color:#0d7d6f!important}
.hub-operations-menu[open]::before{
content:"";
position:fixed;
inset:0;
z-index:108;
background:rgba(2,6,12,.72);
backdrop-filter:blur(6px);
}
.hub-operations-menu[open]>.hub-operations-popover{
position:fixed!important;
z-index:112!important;
left:10px!important;
right:10px!important;
top:auto!important;
bottom:calc(82px + env(safe-area-inset-bottom))!important;
width:auto!important;
max-height:calc(100dvh - 170px)!important;
border-radius:22px!important;
padding:13px!important;
overscroll-behavior:contain;
}
html.hub-mobile-menu-open,html.hub-mobile-menu-open body{overflow:hidden!important}
}
/* Navegación inferior funcional y con estado visible. */
@media(max-width:820px){
.hub-app-nav{
z-index:120!important;
min-height:74px;
padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
pointer-events:auto!important;
}
.hub-app-nav a,.hub-app-nav button{
min-height:52px!important;
border-radius:13px!important;
padding:6px 3px!important;
color:#9db0b9!important;
touch-action:manipulation;
-webkit-tap-highlight-color:transparent;
}
.hub-app-nav a.is-active{
background:rgba(32,227,194,.1)!important;
color:#68f2da!important;
}
.hub-app-nav a.is-active .hub-icon{filter:drop-shadow(0 0 7px rgba(32,227,194,.34))}
.hub-app-nav .hub-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;color:inherit!important}
.hub-app-nav .hub-icon svg{display:block!important;width:100%!important;height:100%!important;fill:currentColor!important}
.hub-app-nav span{display:block!important;font-size:8px!important;line-height:1.15!important}
}
/* ======================================================================
* PURO Agency Hub 3.1.2 — superficies oscuras completas
* Corrige mockups, indicadores, formularios y módulos heredados que aún
* conservaban fondos claros al usar el tema futurista.
* =================================================================== */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]){
--ph-bg:#050a11;
--ph-paper:#0b111b;
--ph-ink:#edfafa;
--ph-soft:#94a8b2;
--ph-line:rgba(124,238,226,.14);
--hub-surface:#0b111b;
--hub-border:rgba(124,238,226,.14);
--hub-muted:#94a8b2;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) body.puro-hub-standalone,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) body.puro-hub-standalone .puro-hub-app{
background:#050a11!important;
color:var(--ph-ink)!important;
}
/* Tarjetas de indicadores y superficies de operación. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-kpis>div,
.hub-billing-kpis>div,
.hub-plan-summary>div,
.hub-billing-client-kpis>div,
.hub-team-kpis>div,
.hub-client-metrics span,
.hub-client-expanded .hub-client-metrics span,
.hub-role-focus-stats,
.hub-role-focus-stats article,
.hub-lead-summary>div,
.hub-presence-kpis>a,
.hub-action-kpis>a,
.hub-billing-sidebar,
.hub-billing-head,
.hub-billing-panel,
.hub-billing-panel>summary,
.hub-billing-form,
.hub-sat-rows>div,
.hub-expert-load,
.hub-assets-overview,
.hub-assets-checklist label,
.hub-lead-detail dl>div,
.hub-lead-outcome-editor form,
.hub-geo-card,
.hub-geo-summary span,
.hub-geo-editor,
.hub-geo-editor>summary,
.hub-geo-editor>form,
.hub-geo-fieldset,
.hub-geo-options,
.hub-geo-actionbar,
.hub-geo-editor>.hub-geo-update-form,
.hub-panel,
.hub-price-list>div,
.hub-invoice-preview>div,
.hub-service-card,
.hub-service-row,
.hub-stat-card,
.hub-metric-card,
.hub-indicator-card
){
background:#0b111b!important;
border-color:rgba(124,238,226,.14)!important;
color:var(--ph-ink)!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-kpis .is-alert,
.hub-billing-kpis .is-alert,
.hub-billing-status-grid .status-overdue
){background:rgba(255,111,140,.07)!important;border-color:rgba(255,111,140,.24)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-billing-kpis .is-warning,
.hub-role-focus-stats article.is-warning
){background:rgba(255,198,109,.07)!important;border-color:rgba(255,198,109,.24)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-role-focus-stats>header>b,
.hub-role-focus-stats article b,
.hub-kpis b,
.hub-client-metrics b,
.hub-billing-kpis b,
.hub-plan-summary b,
.hub-billing-client-kpis b,
.hub-team-kpis b,
.hub-lead-summary b,
.hub-geo-card b,
.hub-geo-card strong,
.hub-invoice-preview b
){color:#edfafa!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-role-focus-stats>header>small,
.hub-role-focus-stats article small,
.hub-role-focus-stats article em,
.hub-kpis small,
.hub-kpis span,
.hub-client-metrics small,
.hub-billing-kpis small,
.hub-billing-kpis span,
.hub-plan-summary small,
.hub-plan-summary span,
.hub-billing-client-kpis small,
.hub-billing-client-kpis span,
.hub-geo-card small,
.hub-invoice-preview small
){color:#94a8b2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-role-focus-stats article>span,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-action-kpis>a>span,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-presence-kpis>a>span{
background:rgba(32,227,194,.1)!important;
color:#66f3dd!important;
}
/* Constructor de propuestas y vista previa. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-proposal-wizard-shell,
.hub-proposal-wizard-shell>summary,
.hub-wizard-steps,
.hub-wizard-choice-row label,
.hub-wizard-prompt-card,
.hub-wizard-checklist label,
.hub-wizard-toolbox,
.hub-prompt-workspace,
.hub-image-prompt-workspace,
.hub-prompt-workspace>header,
.hub-image-prompt-workspace>header,
.hub-prompt-workspace>footer,
.hub-prompt-quality,
.hub-context-toggle,
.hub-no-context-option,
.hub-wizard-preview,
.hub-wizard-preview>header,
.hub-wizard-preview>footer,
.hub-wizard-preview-frame,
.hub-preview-empty,
.hub-preview-media-empty,
.hub-live-instagram,
.hub-live-google-ad,
.hub-live-article,
.hub-live-strategy,
.hub-live-strategy>div,
.hub-proposal-review-card,
.hub-proposal-review-head,
.hub-proposal-review-footer,
.hub-proposal-internal-tools,
.hub-proposal-preview-only
){
background:#0b111b!important;
border-color:rgba(124,238,226,.14)!important;
color:#edfafa!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-preview-frame{
background:radial-gradient(circle at 50% 0,rgba(32,227,194,.07),transparent 48%),#070d16!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-preview-empty,.hub-preview-media-empty){
background:rgba(13,25,36,.82)!important;
border-color:rgba(124,238,226,.22)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-preview-media{background:#07101a!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-preview-media img{background:#07101a!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-steps button{color:#8298a2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-steps button b{
background:#101925!important;
border-color:rgba(124,238,226,.16)!important;
color:#a7bbc4!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-steps button.is-active{color:#6ff5df!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-steps button.is-active b{
background:#0f796a!important;
border-color:#20e3c2!important;
color:#fff!important;
box-shadow:0 0 0 4px rgba(32,227,194,.1)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-steps button:not(:last-child)::after{background:rgba(124,238,226,.14)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-live-instagram>header,.hub-live-instagram>p,.hub-live-social-actions){background:#0b111b!important;color:#edfafa!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-live-article p,.hub-live-strategy p,.hub-live-google-ad>span){color:#c0d0d5!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-google-ad>b{color:#8ab4f8!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-google-ad>em{color:#72d6a1!important}
/* Mockups sociales, anuncios y navegador. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-social-preview-toolbar>div,
.hub-social-preview-toolbar button,
.hub-social-post-card,
.hub-social-post-card>header,
.hub-social-caption,
.hub-social-caption-full,
.hub-social-actions,
.hub-search-ad-preview,
.hub-browser-preview,
.hub-browser-bar,
.hub-browser-copy,
.hub-browser-placeholder
){
background:#0b111b!important;
border-color:rgba(124,238,226,.14)!important;
color:#edfafa!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-social-preview-toolbar button.is-active{
background:rgba(32,227,194,.12)!important;
color:#70f4dc!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-social-post-card :is(b,p,span,i){color:#edfafa!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-social-post-card small{color:#94a8b2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-social-post-card.is-facebook .hub-social-actions{border-color:rgba(124,238,226,.12)!important;color:#a8bbc3!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-search-ad-preview h3{color:#8ab4f8!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-search-ad-preview p{color:#bdc1c6!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-search-ad-preview>div:last-child span{
background:rgba(138,180,248,.1)!important;
color:#a8c7fa!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-browser-bar span{
background:#121d29!important;
color:#a7bbc4!important;
border-color:rgba(124,238,226,.12)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-browser-placeholder{
background:linear-gradient(145deg,#0f2028,#0a141e)!important;
color:#68f3db!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-browser-copy p,.hub-browser-copy small){color:#a9bbc3!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-browser-copy h3{color:#edfafa!important}
/* Campos, selectores y controles heredados. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="search"],
textarea,select
){
background:#07101a!important;
border-color:rgba(124,238,226,.17)!important;
color:#edfafa!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(input,textarea)::placeholder{color:#687e88!important;opacity:1}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app select{color-scheme:dark}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-prompt-workspace>textarea,
.hub-image-prompt-workspace>textarea,
.hub-context-fields input,
.hub-context-fields textarea,
.hub-geo-editor textarea,
.hub-geo-editor input[type=number],
.hub-lead-outcome-editor select,
.hub-lead-outcome-editor textarea
){background:#07101a!important;color:#edfafa!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-context-toggle>.hub-icon{background:rgba(32,227,194,.1)!important;color:#66f3dd!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-context-toggle.is-active{background:rgba(32,227,194,.1)!important;border-color:rgba(32,227,194,.34)!important;color:#70f4dc!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-context-warning{background:rgba(255,198,109,.07)!important;border-color:rgba(255,198,109,.24)!important;color:#f1ca7a!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-prompt-quality>i{background:#17222d!important}
/* Respaldo para componentes futuros con nomenclatura de preview/KPI/metric. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
[class*="-preview"],
[class*="-kpi"],
[class*="-metric"],
[class*="-indicator"]
){border-color:rgba(124,238,226,.14)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
[class*="-preview-card"],
[class*="-kpi-card"],
[class*="-metric-card"],
[class*="-indicator-card"]
){background:#0b111b!important;color:#edfafa!important}
/* ===================================================================
* PURO Agency Hub 3.1.3 — adjuntos simples, carga visible y eliminación
* =================================================================== */
.hub-media-uploader{display:grid;gap:12px;margin-top:8px}
.hub-media-dropzone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:96px;padding:16px;border:1.5px dashed #a9ccc2;border-radius:18px;background:linear-gradient(145deg,#f8fcfb,#eef8f5);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.hub-media-dropzone.is-dragging{border-color:var(--ph-brand);background:#e8f8f3;transform:translateY(-1px)}
.hub-media-drop-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#dff3ed;color:var(--ph-brand)}
.hub-media-drop-icon .hub-icon{width:21px;height:21px}
.hub-media-dropzone b,.hub-media-dropzone small{display:block}.hub-media-dropzone b{font-size:12px;color:var(--ph-ink)}.hub-media-dropzone small{margin-top:4px;color:var(--ph-soft);font-size:9px;line-height:1.45}
.hub-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.hub-media-toolbar>div{display:flex;align-items:baseline;gap:8px}.hub-media-toolbar b{font-size:10px;color:var(--ph-ink)}.hub-media-toolbar small{font-size:8px;color:var(--ph-soft)}.hub-media-toolbar>button{border:0;background:transparent;color:var(--ph-bad);font:800 9px/1 inherit;cursor:pointer;padding:5px}
.hub-media-overall{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px}.hub-media-overall>i{display:block;height:7px;border-radius:999px;background:#dfe9e6;overflow:hidden}.hub-media-overall>i>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ph-brand),#20d9b7);transition:width .16s ease}.hub-media-overall small{font-size:8px;color:var(--ph-soft);white-space:nowrap}
.hub-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px}
.hub-media-card{position:relative;display:grid;grid-template-rows:auto auto auto auto;gap:7px;min-width:0;padding:8px;border:1px solid var(--ph-line);border-radius:15px;background:var(--ph-paper);box-shadow:0 12px 30px -26px rgba(16,58,47,.36);cursor:grab;transition:opacity .18s ease,transform .18s ease,border-color .18s ease}
.hub-media-card.is-dragging{opacity:.55;transform:scale(.98)}.hub-media-card.is-error{border-color:#e7b4bd}.hub-media-card.is-loading{border-color:#b9dcd3}
.hub-media-thumb{position:relative;overflow:hidden;border-radius:11px;background:#edf3f1}.hub-media-thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.hub-media-thumb>span{position:absolute;left:7px;bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(9,28,24,.82);color:#fff;font-size:7px;font-weight:900;backdrop-filter:blur(7px)}.hub-media-card.is-error .hub-media-thumb>span{background:rgba(145,44,62,.9)}
.hub-media-card-progress{display:block;height:5px;border-radius:999px;background:#e3ece9;overflow:hidden}.hub-media-card-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ph-brand),#20d9b7);transition:width .15s ease}.hub-media-card.is-ready .hub-media-card-progress{display:none}.hub-media-card.is-error .hub-media-card-progress>span{background:var(--ph-bad)}
.hub-media-card-meta{min-width:0}.hub-media-card-meta b,.hub-media-card-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-media-card-meta b{font-size:9px;color:var(--ph-ink)}.hub-media-card-meta small{margin-top:3px;font-size:7px;color:var(--ph-soft)}
.hub-media-card-actions{display:flex;align-items:center;gap:5px}.hub-media-card-actions button{display:grid;place-items:center;min-width:28px;height:28px;border:1px solid var(--ph-line);border-radius:9px;background:transparent;color:var(--ph-soft);font-weight:900;cursor:pointer}.hub-media-card-actions button:hover{border-color:var(--ph-brand);color:var(--ph-brand)}.hub-media-card-actions .is-delete{margin-left:auto;border-color:#efd0d6;color:var(--ph-bad)}.hub-media-card-actions .is-retry{width:auto;padding:0 8px;color:var(--ph-brand);font-size:7px}
.hub-media-help{margin:0;color:var(--ph-soft);font-size:8px;line-height:1.5}
.hub-proposal-media-field,.hub-proposal-media-preview{display:none!important}
@media(max-width:680px){.hub-media-dropzone{grid-template-columns:auto minmax(0,1fr);padding:14px}.hub-media-dropzone .hub-btn{grid-column:1/-1;width:100%}.hub-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-media-toolbar>div{display:grid;gap:2px}.hub-media-overall{grid-template-columns:1fr}.hub-media-overall small{white-space:normal}.hub-media-card-actions button{min-width:31px;height:31px}}
@media(max-width:380px){.hub-media-grid{grid-template-columns:1fr}}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-media-dropzone,.hub-media-card){background:#0b111b!important;border-color:rgba(124,238,226,.16)!important;color:#edfafa!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-dropzone{background:linear-gradient(145deg,#0d1721,#09111a)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-dropzone.is-dragging{background:rgba(32,227,194,.08)!important;border-color:#20e3c2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-drop-icon{background:rgba(32,227,194,.11)!important;color:#70f4dc!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-thumb{background:#07101a!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-card-progress,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-overall>i{background:#17232e!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-card-actions button{background:#0d1721!important;border-color:rgba(124,238,226,.15)!important;color:#9fb2ba!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-card-actions button:hover{border-color:#20e3c2!important;color:#70f4dc!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-card-actions .is-delete{border-color:rgba(255,111,140,.24)!important;color:#ff8fa5!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-card.is-error{border-color:rgba(255,111,140,.36)!important}
.hub-btn:disabled,.hub-btn.is-uploading{opacity:.55;cursor:wait;pointer-events:none}
/* ===================================================================
* PURO Agency Hub 3.2.0 — mesa de producción para blogs
* =================================================================== */
.hub-blog-workspace{display:grid;gap:14px;margin-top:14px}
.hub-blog-workspace[hidden]{display:none!important}
.hub-blog-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--ph-line);border-radius:18px;background:linear-gradient(135deg,#f7fbfa,#fff)}
.hub-blog-workspace-head>div:first-child{min-width:0}.hub-blog-workspace-head small{display:block;color:var(--ph-brand);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hub-blog-workspace-head h4{margin:4px 0 3px;font-size:15px}.hub-blog-workspace-head p{margin:0;color:var(--ph-soft);font-size:9px;line-height:1.45}
.hub-blog-tools{display:flex;align-items:center;gap:10px;flex:none}.hub-blog-tools>span{color:var(--ph-soft);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.hub-blog-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);gap:14px;align-items:start}
.hub-blog-editor-shell,.hub-blog-settings{border:1px solid var(--ph-line);border-radius:18px;background:var(--ph-paper);box-shadow:var(--ph-shadow)}
.hub-blog-editor-shell{overflow:hidden}.hub-blog-title-field{padding:14px 14px 10px}.hub-blog-title-field input{font-size:16px!important;font-weight:850!important}
.hub-blog-editor-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px 10px;border-top:1px solid var(--ph-line);border-bottom:1px solid var(--ph-line);background:#f8faf9}
.hub-blog-editor-toolbar button{min-height:30px;padding:5px 8px;border:1px solid #dce6e2;border-radius:8px;background:#fff;color:var(--ph-ink);font:800 8px/1 inherit;cursor:pointer}.hub-blog-editor-toolbar button:hover{border-color:var(--ph-brand);color:var(--ph-brand)}.hub-blog-editor-toolbar i{width:1px;height:24px;background:var(--ph-line);margin:0 2px}
.hub-blog-editor{min-height:520px;padding:22px 24px;outline:0;color:var(--ph-ink);font:400 14px/1.75 Georgia,"Times New Roman",serif}.hub-blog-editor:empty::before{content:attr(data-placeholder);color:var(--ph-soft)}.hub-blog-editor h2{margin:28px 0 10px;font:850 24px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hub-blog-editor h3{margin:22px 0 8px;font:800 18px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hub-blog-editor p{margin:0 0 15px}.hub-blog-editor ul,.hub-blog-editor ol{padding-left:24px}.hub-blog-editor blockquote{margin:20px 0;padding:12px 16px;border-left:4px solid var(--ph-brand);background:#f3f8f6;border-radius:0 12px 12px 0}.hub-blog-editor a{color:var(--ph-brand);text-decoration:underline}.hub-blog-editor .puro-blog-faq{margin:20px 0;padding:15px;border:1px solid var(--ph-line);border-radius:14px;background:#fafcfc}.hub-blog-editor .puro-blog-cta{margin:22px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,#eaf7f3,#f7fbfa);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hub-blog-image-block{margin:22px 0;padding:8px;border:1px solid var(--ph-line);border-radius:16px;background:#f8faf9}.hub-blog-image-block img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:11px}.hub-blog-image-block figcaption{padding:8px 4px 2px;color:var(--ph-soft);font:500 9px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hub-blog-editor-status{display:flex;gap:12px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid var(--ph-line);background:#fafcfc;color:var(--ph-soft);font-size:8px;font-weight:800}
.hub-blog-settings{overflow:hidden}.hub-blog-settings details+details{border-top:1px solid var(--ph-line)}.hub-blog-settings summary{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;list-style:none;cursor:pointer;font-size:9px;font-weight:900}.hub-blog-settings summary::-webkit-details-marker{display:none}.hub-blog-settings summary::after{content:'+';color:var(--ph-brand);font-size:16px}.hub-blog-settings details[open] summary::after{content:'−'}.hub-blog-settings details>div{display:grid;gap:10px;padding:0 13px 13px}.hub-blog-settings p{margin:0;color:var(--ph-soft);font-size:8px;line-height:1.45}.hub-blog-meta-meter{display:flex;justify-content:space-between;color:var(--ph-soft);font-size:7px;font-weight:850}
.hub-blog-image-fields{display:grid;gap:6px;padding-top:7px;border-top:1px solid var(--ph-line)}.hub-blog-image-fields label{display:grid;gap:3px;font-size:7px!important}.hub-blog-image-fields input{min-height:31px!important;padding:6px 7px!important;font-size:8px!important}.hub-blog-image-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.hub-blog-image-fields button{min-height:30px;border:1px solid var(--ph-line);border-radius:9px;background:#f8faf9;color:var(--ph-ink);font:800 7px/1.2 inherit;cursor:pointer}.hub-blog-image-fields button:hover,.hub-blog-image-fields button.is-active{border-color:var(--ph-brand);background:#eaf7f3;color:var(--ph-brand)}
.hub-blog-publication{display:grid;gap:12px;margin:14px 0;padding:14px;border:1px solid var(--ph-line);border-radius:18px;background:#f8faf9}.hub-blog-publication[hidden]{display:none!important}.hub-blog-publication>header{display:flex;align-items:center;gap:10px}.hub-blog-publication>header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid var(--ph-line)}.hub-blog-publication>header img{width:24px;height:24px}.hub-blog-publication>header div{display:grid;gap:2px}.hub-blog-publication>header b{font-size:11px}.hub-blog-publication>header small{color:var(--ph-soft);font-size:8px}.hub-blog-publication-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.hub-blog-publication-grid label{display:flex!important;align-items:flex-start;gap:7px;min-height:74px;padding:10px;border:1px solid var(--ph-line);border-radius:12px;background:#fff;cursor:pointer}.hub-blog-publication-grid input{width:auto!important;margin:2px 0 0!important}.hub-blog-publication-grid span{display:grid;gap:3px}.hub-blog-publication-grid b{font-size:8px}.hub-blog-publication-grid small{color:var(--ph-soft);font-size:7px;line-height:1.35}.hub-blog-publication-grid label:has(input:checked){border-color:var(--ph-brand);background:#eaf7f3;box-shadow:0 0 0 2px rgba(13,125,111,.08)}
.hub-blog-publish-date{padding:10px;border:1px solid var(--ph-line);border-radius:12px;background:#fff}.hub-blog-publish-date[hidden]{display:none!important}.hub-blog-publish-date p{margin:5px 0 0;color:var(--ph-soft);font-size:8px}.hub-blog-publish-warning{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #efd4a8;border-radius:12px;background:#fff7ea;color:#8d5b13}.hub-blog-publish-warning[hidden]{display:none!important}.hub-blog-publish-warning b{font-size:9px}.hub-blog-publish-warning span{font-size:8px}
.hub-wizard-preview.is-mobile-preview{max-width:390px;margin-left:auto;margin-right:auto}.hub-live-blog{overflow:hidden;border:1px solid var(--ph-line);border-radius:16px;background:#fff;color:#1d2c28}.hub-live-blog>header{padding:18px 18px 14px}.hub-live-blog>header small{color:var(--ph-brand);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hub-live-blog h1{margin:6px 0 8px;font-size:22px;line-height:1.15}.hub-live-blog>header p{margin:0;color:#66746f;font-size:9px;line-height:1.5}.hub-live-blog-cover{margin:0}.hub-live-blog-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.hub-live-blog-body{padding:18px;font:400 11px/1.65 Georgia,"Times New Roman",serif}.hub-live-blog-body h2{font:850 16px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hub-live-blog-body h3{font:800 13px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hub-live-blog-body img{max-width:100%;height:auto;border-radius:9px}.hub-live-blog-body figure{margin:14px 0}.hub-live-blog-body figcaption{color:#73817c;font-size:7px}
@media(max-width:1100px){.hub-blog-layout{grid-template-columns:1fr}.hub-blog-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hub-blog-settings details+details{border-top:0;border-left:1px solid var(--ph-line)}.hub-blog-publication-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hub-blog-workspace-head{align-items:flex-start;flex-direction:column}.hub-blog-tools{width:100%;justify-content:space-between}.hub-blog-editor{min-height:430px;padding:18px 16px}.hub-blog-settings{grid-template-columns:1fr}.hub-blog-settings details+details{border-left:0;border-top:1px solid var(--ph-line)}.hub-blog-publication-grid{grid-template-columns:1fr 1fr}.hub-blog-editor-toolbar{overflow-x:auto;flex-wrap:nowrap}.hub-blog-editor-toolbar button{white-space:nowrap}.hub-blog-image-fields>div{grid-template-columns:1fr}.hub-blog-publication>header{align-items:flex-start}}
@media(max-width:460px){.hub-blog-publication-grid{grid-template-columns:1fr}.hub-blog-editor-status{display:grid;grid-template-columns:1fr 1fr}.hub-blog-editor-status span:last-child{grid-column:1/-1}.hub-blog-tools>span{display:none}}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-blog-workspace-head,.hub-blog-editor-shell,.hub-blog-settings,.hub-blog-publication,.hub-blog-editor-toolbar,.hub-blog-editor-status,.hub-blog-image-block,.hub-blog-settings details>div,.hub-blog-publish-date){background:#0b111b!important;border-color:rgba(124,238,226,.14)!important;color:#edfafa!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-blog-workspace-head{background:linear-gradient(135deg,#0c1620,#091019)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-blog-editor-toolbar button,.hub-blog-image-fields button,.hub-blog-publication-grid label,.hub-blog-publication>header>span){background:#101925!important;border-color:rgba(124,238,226,.14)!important;color:#edfafa!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-blog-editor .puro-blog-faq,.hub-blog-editor blockquote){background:#0d1721!important;border-color:rgba(124,238,226,.14)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-blog-editor .puro-blog-cta{background:linear-gradient(135deg,rgba(32,227,194,.10),rgba(8,18,27,.95))!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-blog-publication-grid label:has(input:checked),html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-blog-image-fields button.is-active{background:rgba(32,227,194,.10)!important;border-color:#20e3c2!important;color:#70f4dc!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-blog-publish-warning{background:rgba(255,198,109,.08)!important;border-color:rgba(255,198,109,.25)!important;color:#f1ca7a!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-blog{background:#0b111b!important;border-color:rgba(124,238,226,.14)!important;color:#edfafa!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-blog>header p,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-blog-body figcaption{color:#9fb2ba!important}
/* ===================================================================
* PURO Agency Hub 3.2.0 — artículo remoto y acciones de producción
* =================================================================== */
.hub-proposal-work-actions{display:grid;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--ph-line);background:#fafcfc}
.hub-proposal-work-actions-main{display:grid;gap:10px}.hub-proposal-work-actions .hub-work-transfer{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:center}.hub-proposal-work-actions .hub-proposal-editor{margin:0}.hub-proposal-work-actions .hub-proposal-editor>summary{min-height:44px;padding:10px 12px;border:1px solid var(--ph-line);border-radius:12px;background:#fff}.hub-proposal-work-actions .hub-proposal-admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hub-blog-remote-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 16px 13px;padding:11px 12px;border:1px solid #cfe5de;border-radius:14px;background:#f3faf8}.hub-blog-remote-status>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d7e7e2;border-radius:11px;background:#fff}.hub-blog-remote-status>span img{width:23px;height:23px;object-fit:contain}.hub-blog-remote-status>div{display:grid;gap:2px;min-width:0}.hub-blog-remote-status small{color:var(--ph-soft);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.hub-blog-remote-status b{font-size:10px}.hub-blog-remote-status em{color:var(--ph-soft);font-size:8px;font-style:normal}.hub-blog-remote-status nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hub-blog-remote-status a{padding:7px 9px;border:1px solid #bfd9d1;border-radius:9px;background:#fff;color:var(--ph-brand);font-size:8px;font-weight:900;text-decoration:none}.hub-blog-remote-status.is-publish{border-color:#b9dfd5;background:#edf9f6}.hub-blog-remote-status.is-future{border-color:#d7cfed;background:#f8f5ff}
.hub-article-browser-preview{overflow:hidden}.hub-proposal-article-preview{max-width:760px;margin:0 auto;padding:0 0 26px;background:#fff;color:#1d2c28}.hub-proposal-article-preview>header{padding:28px 28px 20px}.hub-proposal-article-preview>header small{display:block;color:var(--ph-brand);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hub-proposal-article-preview h1{margin:7px 0 9px;font-size:28px;line-height:1.12}.hub-proposal-article-preview>header p{margin:0;color:#64746f;font-size:11px;line-height:1.55}.hub-proposal-article-cover{margin:0}.hub-proposal-article-cover img{display:block;width:100%;max-height:420px;aspect-ratio:16/9;object-fit:cover}.hub-proposal-article-content{padding:24px 28px;font:400 13px/1.75 Georgia,"Times New Roman",serif}.hub-proposal-article-content h2{margin:27px 0 9px;font:850 22px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hub-proposal-article-content h3{margin:21px 0 8px;font:800 17px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hub-proposal-article-content p{margin:0 0 14px}.hub-proposal-article-content ul,.hub-proposal-article-content ol{padding-left:22px}.hub-proposal-article-content blockquote{margin:18px 0;padding:12px 15px;border-left:4px solid var(--ph-brand);border-radius:0 11px 11px 0;background:#f3f8f6}.hub-proposal-article-content .puro-blog-faq{margin:20px 0;padding:15px;border:1px solid var(--ph-line);border-radius:14px;background:#fafcfc}.hub-proposal-article-content .puro-blog-cta{margin:20px 0;padding:15px;border-radius:14px;background:#eaf7f3}.hub-article-inline-image{margin:20px 0}.hub-article-inline-image img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:13px}.hub-article-inline-image figcaption{padding-top:6px;color:#71817c;font:500 8px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
@media(max-width:760px){.hub-proposal-work-actions .hub-work-transfer{grid-template-columns:1fr}.hub-blog-remote-status{grid-template-columns:auto minmax(0,1fr);margin:0 10px 11px}.hub-blog-remote-status nav{grid-column:1/-1;justify-content:stretch}.hub-blog-remote-status a{flex:1;text-align:center}.hub-proposal-article-preview>header,.hub-proposal-article-content{padding-left:18px;padding-right:18px}.hub-proposal-article-preview h1{font-size:23px}}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-proposal-work-actions,.hub-proposal-work-actions .hub-proposal-editor>summary,.hub-blog-remote-status,.hub-blog-remote-status>span,.hub-blog-remote-status a,.hub-proposal-article-preview){background:#0b111b!important;border-color:rgba(124,238,226,.14)!important;color:#edfafa!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-blog-remote-status.is-future{background:rgba(139,111,220,.08)!important;border-color:rgba(184,161,242,.24)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-blog-remote-status.is-publish{background:rgba(32,227,194,.08)!important;border-color:rgba(32,227,194,.24)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-blog-remote-status a{color:#70f4dc!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-article-preview>header p,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-blog-remote-status em,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-article-inline-image figcaption{color:#9fb2ba!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-proposal-article-content blockquote,.hub-proposal-article-content .puro-blog-faq){background:#0d1721!important;border-color:rgba(124,238,226,.14)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-article-content .puro-blog-cta{background:linear-gradient(135deg,rgba(32,227,194,.10),rgba(8,18,27,.95))!important}
/* ===================================================================
* PURO Agency Hub 3.2.1 — acceso exclusivo para empleados
* =================================================================== */
.puro-hub-login-page{margin:0!important;min-height:100vh;background:#050811;color:#eefafa;font-family:Montserrat,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.puro-hub-login-page:before,.puro-hub-login-page:after{content:"";position:fixed;pointer-events:none;border-radius:50%;filter:blur(0);opacity:.72}.puro-hub-login-page:before{width:620px;height:620px;left:-260px;top:-300px;background:radial-gradient(circle,rgba(32,227,194,.18),rgba(32,227,194,0) 68%)}.puro-hub-login-page:after{width:720px;height:720px;right:-340px;bottom:-400px;background:radial-gradient(circle,rgba(99,111,255,.16),rgba(99,111,255,0) 70%)}
.hub-employee-login-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);min-height:100vh;background-image:linear-gradient(rgba(124,238,226,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(124,238,226,.022) 1px,transparent 1px);background-size:42px 42px}.hub-employee-login-intro{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(34px,6vw,82px);border-right:1px solid rgba(124,238,226,.1);background:linear-gradient(145deg,rgba(7,17,27,.8),rgba(5,8,17,.28))}.hub-login-brand{display:flex;align-items:center;gap:14px}.hub-login-brand>span:last-child{display:grid;gap:1px}.hub-login-brand b{font-size:24px;font-weight:900;letter-spacing:.22em}.hub-login-brand small{color:#7f939d;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.hub-login-brand-mark{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:4px;width:max-content;filter:drop-shadow(0 0 10px rgba(32,227,194,.42))}.hub-login-brand-mark i{display:block;width:12px;height:12px;border-radius:50%;background:#20e3c2}.hub-login-brand-mark i:nth-child(2){background:#70f4dc}.hub-login-brand-mark i:nth-child(3){background:#4c82ff}.hub-login-brand-mark i:nth-child(4){background:#8b6fdc}.hub-login-intro-copy{max-width:650px;margin:14vh 0 9vh}.hub-login-intro-copy>small,.hub-login-card>header>small{display:block;margin-bottom:13px;color:#4be9d0;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hub-login-intro-copy h1{max-width:650px;margin:0 0 22px;font-size:clamp(38px,5vw,72px);font-weight:900;line-height:1.02;letter-spacing:-.055em}.hub-login-intro-copy p{max-width:590px;margin:0;color:#9dafb7;font-size:clamp(13px,1.2vw,17px);line-height:1.75}.hub-login-role-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:680px}.hub-login-role-preview span{display:flex;align-items:center;gap:8px;padding:13px 14px;border:1px solid rgba(124,238,226,.1);border-radius:14px;background:rgba(11,18,29,.62);color:#c6d7dc;font-size:10px;font-weight:750}.hub-login-role-preview i{width:7px;height:7px;border-radius:50%;background:#20e3c2;box-shadow:0 0 12px rgba(32,227,194,.72)}.hub-employee-login-intro footer{display:flex;justify-content:space-between;gap:20px;margin-top:36px;color:#62747e;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.hub-employee-login-panel{display:grid;place-items:center;padding:38px}.hub-login-card{width:min(100%,470px);padding:clamp(26px,4vw,48px);border:1px solid rgba(124,238,226,.13);border-radius:28px;background:linear-gradient(160deg,rgba(14,23,35,.93),rgba(8,13,22,.96));box-shadow:0 34px 100px -42px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(20px)}.hub-login-card>header{margin-bottom:27px}.hub-login-card h2{margin:0 0 8px;color:#f3ffff;font-size:32px;font-weight:900;letter-spacing:-.04em}.hub-login-card>header p{margin:0;color:#8fa2aa;font-size:11px;line-height:1.6}.hub-employee-login-form{display:grid;gap:19px}.hub-login-field{display:grid;gap:8px}.hub-login-field>span{color:#b5c7ce;font-size:9px;font-weight:850}.hub-login-field>div{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:0 14px;border:1px solid rgba(124,238,226,.13);border-radius:14px;background:#080e18;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hub-login-field>div:focus-within{border-color:#20e3c2;box-shadow:0 0 0 3px rgba(32,227,194,.09),0 12px 35px -22px rgba(32,227,194,.65);transform:translateY(-1px)}.hub-login-field svg{width:18px;height:18px;fill:none;stroke:#66808a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hub-login-field input{width:100%;min-width:0!important;height:50px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#efffff!important;font:650 12px/1.2 Montserrat,sans-serif!important;box-shadow:none!important}.hub-login-field input::placeholder{color:#53666f}.hub-login-password-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:transparent;cursor:pointer}.hub-login-password-toggle:hover,.hub-login-password-toggle[aria-pressed="true"]{background:rgba(32,227,194,.08)}.hub-login-password-toggle:hover svg,.hub-login-password-toggle[aria-pressed="true"] svg{stroke:#70f4dc}.hub-login-options{display:flex;align-items:center;justify-content:space-between;gap:14px}.hub-login-options>label{display:flex;align-items:center;gap:8px;color:#8fa2aa;font-size:9px;font-weight:700;cursor:pointer}.hub-login-options input{appearance:none;width:17px;height:17px;margin:0;border:1px solid rgba(124,238,226,.22);border-radius:5px;background:#070d16}.hub-login-options input:checked{border-color:#20e3c2;background:#20e3c2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10 3 3 7-7' fill='none' stroke='%23050b10' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}.hub-login-options>a{color:#6beed8;font-size:9px;font-weight:800;text-decoration:none}.hub-login-options>a:hover{text-decoration:underline}.hub-login-submit{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:55px;margin-top:4px;padding:0 18px;border:1px solid #20e3c2;border-radius:14px;background:linear-gradient(135deg,#20e3c2,#6cf1d9);color:#05100e;font:900 11px/1 Montserrat,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 18px 38px -24px rgba(32,227,194,.9);transition:transform .18s ease,box-shadow .18s ease}.hub-login-submit:hover{transform:translateY(-2px);box-shadow:0 22px 46px -22px rgba(32,227,194,.9)}.hub-login-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hub-login-submit.is-secondary{margin-top:18px;border-color:rgba(124,238,226,.18);background:#101925;color:#dff8f4;box-shadow:none}.hub-login-help{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding-top:21px;border-top:1px solid rgba(124,238,226,.09)}.hub-login-help>span{flex:0 0 auto;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#8b6fdc;box-shadow:0 0 13px rgba(139,111,220,.75)}.hub-login-help p{margin:0;color:#70848d;font-size:8px;line-height:1.6}.hub-login-help b{color:#9dafb7}.hub-login-alert{display:flex;align-items:flex-start;gap:10px;margin:-5px 0 20px;padding:12px 13px;border:1px solid;border-radius:13px}.hub-login-alert>span{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;font-size:10px;font-weight:900}.hub-login-alert p{margin:2px 0 0;font-size:9px;font-weight:700;line-height:1.5}.hub-login-alert.is-error{border-color:rgba(255,112,138,.22);background:rgba(255,112,138,.07);color:#ff9cb0}.hub-login-alert.is-error>span{background:rgba(255,112,138,.14)}.hub-login-alert.is-success{border-color:rgba(32,227,194,.22);background:rgba(32,227,194,.07);color:#86f6e2}.hub-login-alert.is-success>span{background:rgba(32,227,194,.14)}.hub-login-restricted{text-align:center}.hub-login-restricted>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 15px;border:1px solid rgba(255,112,138,.24);border-radius:17px;background:rgba(255,112,138,.08);color:#ff8da4;font-size:25px}.hub-login-restricted h3{margin:0 0 8px;font-size:18px}.hub-login-restricted p{margin:0;color:#8fa2aa;font-size:10px;line-height:1.6}.hub-login-mobile-brand{display:none}
.hub-team-login-access{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);align-items:center;gap:24px;margin-bottom:18px;padding:18px 20px;border:1px solid rgba(32,227,194,.17);border-radius:18px;background:linear-gradient(135deg,rgba(32,227,194,.07),rgba(76,130,255,.05)),var(--ph-card,#fff)}.hub-team-login-brand{display:flex;align-items:center;gap:15px}.hub-team-login-brand>span{display:grid;grid-template-columns:repeat(2,9px);gap:3px;flex:0 0 auto}.hub-team-login-brand i{width:9px;height:9px;border-radius:50%;background:#20e3c2}.hub-team-login-brand i:nth-child(3){background:#4c82ff}.hub-team-login-brand i:nth-child(4){background:#8b6fdc}.hub-team-login-brand small{color:var(--ph-brand);font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hub-team-login-brand h2{margin:2px 0 3px;font-size:14px}.hub-team-login-brand p{margin:0;color:var(--ph-soft);font-size:8px;line-height:1.5}.hub-team-login-link{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.hub-team-login-link input{min-width:0;height:42px;padding:0 11px;border:1px solid var(--ph-line);border-radius:11px;background:var(--ph-card,#fff);color:var(--ph-ink);font-size:8px}.hub-team-login-link .hub-btn{min-height:42px;white-space:nowrap}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-team-login-access{background:linear-gradient(135deg,rgba(32,227,194,.07),rgba(76,130,255,.05)),#0b111b!important;border-color:rgba(124,238,226,.15)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-team-login-link input{background:#080e18!important;border-color:rgba(124,238,226,.14)!important;color:#dff8f4!important}
@media(max-width:1000px){.hub-employee-login-shell{grid-template-columns:1fr}.hub-employee-login-intro{display:none}.hub-employee-login-panel{min-height:100vh;padding:clamp(18px,5vw,44px)}.hub-login-mobile-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}.hub-login-mobile-brand b{font-size:22px;font-weight:900;letter-spacing:.2em}.hub-team-login-access{grid-template-columns:1fr}.hub-team-login-link{grid-template-columns:minmax(0,1fr) auto}.hub-team-login-link>a{grid-column:1/-1}}
@media(max-width:520px){.hub-employee-login-panel{align-content:start;padding:calc(26px + env(safe-area-inset-top)) 14px 30px}.hub-login-card{padding:25px 19px;border-radius:22px}.hub-login-card h2{font-size:28px}.hub-login-options{align-items:flex-start;flex-direction:column}.hub-login-options>a{align-self:flex-end;margin-top:-26px}.hub-team-login-link{grid-template-columns:1fr}.hub-team-login-link .hub-btn{width:100%}.hub-team-login-link>a{grid-column:auto}}
/* PURO Agency Hub 3.2.2 — panel interno de usuarios y accesos */
.hub-one-time-credential{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(420px,1.2fr);gap:20px;align-items:center;margin:0 0 18px;padding:19px 21px;border:1px solid rgba(32,227,194,.28);border-radius:19px;background:linear-gradient(135deg,rgba(32,227,194,.11),rgba(76,130,255,.08)),var(--ph-card,#fff);box-shadow:0 22px 55px -42px rgba(32,227,194,.7)}.hub-one-time-credential small{color:var(--ph-brand);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hub-one-time-credential h2{margin:4px 0 5px;font-size:16px}.hub-one-time-credential p{margin:0;color:var(--ph-soft);font-size:9px;line-height:1.55}.hub-credential-fields{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.hub-credential-fields label{display:grid;gap:6px;color:var(--ph-soft);font-size:8px;font-weight:850}.hub-credential-fields label>span{display:flex;align-items:center;min-width:0;border:1px solid var(--ph-line);border-radius:12px;overflow:hidden;background:var(--ph-card,#fff)}.hub-credential-fields input{min-width:0;width:100%;height:42px;padding:0 11px;border:0!important;background:transparent!important;color:var(--ph-ink)!important;font-size:9px!important;box-shadow:none!important}.hub-credential-fields button{align-self:stretch;padding:0 11px;border:0;border-left:1px solid var(--ph-line);background:transparent;color:var(--ph-brand);font-size:8px;font-weight:900;cursor:pointer}.hub-credential-fields button:hover{background:rgba(32,227,194,.08)}
.hub-user-access-panel{margin:0 0 28px}.hub-user-access-panel>.hub-section-head{margin-bottom:11px}.hub-user-access-panel>.hub-section-head small{display:block;margin-bottom:3px;color:var(--ph-brand);font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hub-user-access-list{display:grid;gap:9px}.hub-user-access-row{position:relative;display:grid;grid-template-columns:minmax(210px,.78fr) minmax(450px,1.55fr) auto;align-items:center;gap:16px;padding:13px 14px;border:1px solid var(--ph-line);border-radius:16px;background:var(--ph-card,#fff);box-shadow:var(--ph-shadow)}.hub-user-access-row.is-inactive{opacity:.62}.hub-user-person{display:flex;align-items:center;gap:11px;min-width:0}.hub-user-person>span{min-width:0}.hub-user-person b,.hub-user-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-user-person b{font-size:11px}.hub-user-person small{margin-top:3px;color:var(--ph-soft);font-size:8px}.hub-user-access-facts{display:grid;grid-template-columns:1.05fr 1.35fr 1.2fr .62fr;gap:8px;min-width:0}.hub-user-access-facts>span{min-width:0;padding-left:10px;border-left:1px solid var(--ph-line)}.hub-user-access-facts small,.hub-user-access-facts b,.hub-user-access-facts em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-user-access-facts small{color:var(--ph-soft);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.hub-user-access-facts b{margin-top:3px;font-size:8px}.hub-user-access-facts em{margin-top:2px;color:var(--ph-soft);font-size:7px;font-style:normal}.hub-user-access-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.hub-user-access-actions>form{margin:0}.hub-user-access-actions>details{position:relative}.hub-user-access-actions>details>summary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid var(--ph-line);border-radius:10px;background:transparent;color:var(--ph-ink);font-size:8px;font-weight:850;cursor:pointer;list-style:none}.hub-user-access-actions>details>summary::-webkit-details-marker{display:none}.hub-user-access-actions>details[open]>summary{border-color:rgba(32,227,194,.32);color:var(--ph-brand)}.hub-user-edit-popover{position:absolute;z-index:35;right:0;top:calc(100% + 8px);width:min(430px,calc(100vw - 36px));padding:15px;border:1px solid var(--ph-line);border-radius:16px;background:var(--ph-card,#fff);box-shadow:0 28px 80px -35px rgba(0,0,0,.55)}.hub-user-edit-popover .hub-form{gap:10px}.hub-inline-check{display:flex!important;align-items:center;gap:8px!important;padding:9px 10px;border:1px solid var(--ph-line);border-radius:11px;background:rgba(127,147,157,.05)}.hub-inline-check input{width:17px!important;height:17px!important;margin:0!important}.hub-user-access-actions .hub-btn{min-height:36px;padding:0 11px;font-size:8px;white-space:nowrap}.hub-user-access-actions .hub-text-action{white-space:nowrap}.hub-user-access-panel .hub-field-help b{color:var(--ph-ink)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-one-time-credential,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-user-access-row,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-user-edit-popover{background:linear-gradient(155deg,rgba(14,23,35,.96),rgba(8,13,22,.97))!important;border-color:rgba(124,238,226,.13)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-credential-fields label>span{background:#080e18!important;border-color:rgba(124,238,226,.13)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-credential-fields button{border-color:rgba(124,238,226,.13)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-user-access-facts>span{border-color:rgba(124,238,226,.1)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-inline-check{background:rgba(255,255,255,.025)!important;border-color:rgba(124,238,226,.11)!important}
@media(max-width:1180px){.hub-user-access-row{grid-template-columns:minmax(210px,.8fr) minmax(420px,1.4fr)}.hub-user-access-actions{grid-column:1/-1;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--ph-line)}}@media(max-width:850px){.hub-one-time-credential{grid-template-columns:1fr}.hub-user-access-row{grid-template-columns:1fr}.hub-user-access-facts{grid-template-columns:1fr 1fr}.hub-user-access-facts>span:nth-child(odd){border-left:0;padding-left:0}.hub-user-access-actions{justify-content:flex-start;flex-wrap:wrap}.hub-user-edit-popover{position:fixed;z-index:99999;left:14px;right:14px;top:72px;width:auto;max-height:calc(100vh - 92px);overflow:auto}.hub-credential-fields{grid-template-columns:1fr}}@media(max-width:520px){.hub-user-access-facts{grid-template-columns:1fr}.hub-user-access-facts>span{padding:8px 0 0;border-left:0;border-top:1px solid var(--ph-line)}.hub-user-access-facts>span:first-child{padding-top:0;border-top:0}.hub-user-access-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.hub-user-access-actions>details,.hub-user-access-actions>form{width:100%}.hub-user-access-actions>details>summary,.hub-user-access-actions .hub-btn,.hub-user-access-actions .hub-text-action{width:100%;justify-content:center}.hub-user-access-actions>form:last-child{grid-column:1/-1}}
/* PURO Agency Hub 3.2.4 — administración integral de usuarios */
.hub-user-admin-modal[hidden]{display:none!important}.hub-user-admin-modal{position:fixed;z-index:100050;inset:0;display:grid;place-items:center;padding:24px}.hub-user-admin-backdrop{position:absolute;inset:0;background:rgba(5,10,16,.72);backdrop-filter:blur(8px)}.hub-user-admin-dialog{position:relative;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--ph-line);border-radius:24px;background:var(--ph-card,#fff);box-shadow:0 45px 120px -45px rgba(0,0,0,.82)}.hub-user-admin-dialog>header{position:sticky;z-index:3;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 23px;border-bottom:1px solid var(--ph-line);background:var(--ph-card,#fff)}.hub-user-admin-dialog>header small{color:var(--ph-brand);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hub-user-admin-dialog>header h2{margin:4px 0 4px;font-size:20px}.hub-user-admin-dialog>header p{margin:0;color:var(--ph-soft);font-size:9px}.hub-user-admin-close{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--ph-line);border-radius:12px;background:transparent;color:var(--ph-ink);font-size:24px;line-height:1;cursor:pointer}.hub-user-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;padding:22px}.hub-user-admin-form{gap:15px!important}.hub-user-admin-section{display:grid;gap:12px;padding:17px;border:1px solid var(--ph-line);border-radius:17px;background:rgba(127,147,157,.035)}.hub-user-admin-section-head{display:flex;align-items:flex-start;gap:10px}.hub-user-admin-section-head>span{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border-radius:9px;background:rgba(32,227,194,.12);color:var(--ph-brand);font-size:9px;font-weight:900}.hub-user-admin-section-head h3{margin:0;font-size:13px}.hub-user-admin-section-head p{margin:3px 0 0;color:var(--ph-soft);font-size:8px;line-height:1.45}.hub-access-static-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hub-access-static-grid>span{padding:10px 11px;border:1px solid var(--ph-line);border-radius:11px;background:var(--ph-card,#fff)}.hub-access-static-grid small,.hub-access-static-grid b{display:block}.hub-access-static-grid small{color:var(--ph-soft);font-size:7px;font-weight:850;text-transform:uppercase}.hub-access-static-grid b{margin-top:3px;font-size:9px}.hub-inline-check.is-accent{border-color:rgba(32,227,194,.25);background:rgba(32,227,194,.065)}.hub-password-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.hub-password-editor>label{min-width:0}.hub-password-editor>label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--ph-line);border-radius:11px;background:var(--ph-card,#fff)}.hub-password-editor input{min-width:0;border:0!important;background:transparent!important;box-shadow:none!important}.hub-password-editor>label button{padding:0 12px;border:0;border-left:1px solid var(--ph-line);background:transparent;color:var(--ph-brand);font-size:8px;font-weight:850;cursor:pointer}.hub-password-actions{display:flex;gap:6px;padding-bottom:1px}.hub-password-actions button{min-height:42px;padding:0 10px;border:1px solid var(--ph-line);border-radius:10px;background:transparent;color:var(--ph-ink);font-size:8px;font-weight:850;cursor:pointer}.hub-password-actions button:hover,.hub-password-editor>label button:hover{background:rgba(32,227,194,.07)}.hub-password-quality{grid-column:1/-1;display:flex;align-items:center;gap:9px}.hub-password-quality>span{flex:1;height:5px;overflow:hidden;border-radius:999px;background:rgba(127,147,157,.16)}.hub-password-quality i{display:block;width:0;height:100%;border-radius:inherit;background:#d3a42b;transition:width .2s ease,background .2s ease}.hub-password-quality b{min-width:82px;color:var(--ph-soft);font-size:7px;text-align:right}.hub-security-audit{margin:0;padding:9px 10px;border-radius:10px;background:rgba(76,130,255,.065);color:var(--ph-soft);font-size:8px;line-height:1.5}.hub-user-admin-save{width:100%;min-height:48px}.hub-user-admin-aside{display:flex;flex-direction:column;gap:9px}.hub-user-admin-aside>form{margin:0}.hub-user-admin-aside .hub-btn,.hub-user-admin-aside .hub-danger-action{width:100%;justify-content:center}.hub-access-status-card{display:grid;gap:5px;padding:15px;border:1px solid rgba(32,227,194,.2);border-radius:15px;background:linear-gradient(145deg,rgba(32,227,194,.08),rgba(76,130,255,.045))}.hub-access-status-card small{color:var(--ph-brand);font-size:7px;font-weight:900;text-transform:uppercase}.hub-access-status-card b{font-size:12px}.hub-access-status-card span{color:var(--ph-soft);font-size:8px}.hub-danger-action{min-height:42px;padding:0 12px;border:1px solid rgba(255,92,120,.28);border-radius:11px;background:rgba(255,92,120,.055);color:#d74662;font-size:8px;font-weight:900;cursor:pointer}.hub-danger-action.is-confirming{background:#d74662;color:#fff}.hub-access-note{margin:5px 0 0;padding:11px;border-top:1px solid var(--ph-line);color:var(--ph-soft);font-size:8px;line-height:1.55}.hub-user-access-actions>button{min-height:36px}.hub-user-admin-modal.is-open{animation:hubModalIn .18s ease both}@keyframes hubModalIn{from{opacity:0}to{opacity:1}}body.hub-user-admin-open{overflow:hidden}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-user-admin-dialog,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-user-admin-dialog>header{background:linear-gradient(155deg,rgba(14,23,35,.99),rgba(8,13,22,.99))!important;border-color:rgba(124,238,226,.13)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-user-admin-section{background:rgba(255,255,255,.022)!important;border-color:rgba(124,238,226,.11)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-access-static-grid>span,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-password-editor>label>div{background:#080e18!important;border-color:rgba(124,238,226,.12)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-password-actions button,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-user-admin-close{border-color:rgba(124,238,226,.14)!important;color:#dff8f4!important}
@media(max-width:850px){.hub-user-admin-modal{padding:0}.hub-user-admin-dialog{width:100%;height:100%;max-height:none;border-radius:0}.hub-user-admin-layout{grid-template-columns:1fr;padding:16px}.hub-user-admin-dialog>header{padding:17px 16px}.hub-user-admin-aside{padding-bottom:28px}}@media(max-width:560px){.hub-password-editor{grid-template-columns:1fr}.hub-password-actions{display:grid;grid-template-columns:1fr 1fr}.hub-password-actions button{width:100%}.hub-access-static-grid{grid-template-columns:1fr}.hub-user-admin-section{padding:14px}.hub-user-admin-dialog>header h2{font-size:18px}}
/* ================================================================
3.2.5 · Menú móvil estable y plataforma aislada del sitio público
================================================================ */
.hub-operations-menu{position:relative}
.hub-menu-trigger{
list-style:none;display:grid;grid-template-columns:28px auto;column-gap:9px;
align-items:center;min-width:170px;padding:9px 12px;border:1px solid var(--ph-line);
border-radius:13px;background:var(--ph-card,#fff);color:var(--ph-ink);cursor:pointer;
box-shadow:0 10px 30px -25px rgba(16,58,47,.35);font:inherit;text-align:left
}
.hub-menu-trigger .hub-icon{grid-row:1/3;width:23px;height:23px;color:var(--ph-brand)}
.hub-menu-trigger>span{font-size:11px;font-weight:850}
.hub-menu-trigger>small{font-size:8px;color:var(--ph-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-operations-popover[hidden]{display:none!important}
.hub-operations-menu.is-open>.hub-operations-popover{display:block!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-menu-trigger{background:#0b121d;border-color:rgba(124,238,226,.16);color:var(--ph-ink)}
/* La plantilla PURO es una app privada: nunca debe heredar widgets del sitio. */
body.puro-hub-standalone #cookie-notice,
body.puro-hub-standalone #cookie-law-info-bar,
body.puro-hub-standalone #moove_gdpr_cookie_info_bar,
body.puro-hub-standalone #cmplz-cookiebanner-container,
body.puro-hub-standalone .cky-consent-container,
body.puro-hub-standalone .cmplz-cookiebanner,
body.puro-hub-standalone .cc-window,
body.puro-hub-standalone .cookie-banner,
body.puro-hub-standalone .cookie-notice-container,
body.puro-hub-standalone .joinchat,
body.puro-hub-standalone #joinchat,
body.puro-hub-standalone .ht-ctc,
body.puro-hub-standalone .ht-ctc-chat,
body.puro-hub-standalone #ht-ctc-chat,
body.puro-hub-standalone .qlwapp,
body.puro-hub-standalone #qlwapp,
body.puro-hub-standalone .wa__btn_popup,
body.puro-hub-standalone .njt-wa,
body.puro-hub-standalone .chaty,
body.puro-hub-standalone #chaty-widget,
body.puro-hub-standalone .floating-whatsapp,
body.puro-hub-standalone .whatsapp-floating,
body.puro-hub-standalone [data-puro-hidden-site-widget="1"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:820px){
html.hub-mobile-menu-open .puro-hub-topbar{z-index:1000!important}
.hub-menu-trigger{
width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
padding:0!important;display:grid!important;place-items:center!important;border-radius:14px!important
}
.hub-menu-trigger .hub-icon{display:grid!important;place-items:center!important;width:21px!important;height:21px!important;color:#6ff5df!important;opacity:1!important;visibility:visible!important}
.hub-menu-trigger .hub-icon svg{display:block!important;width:100%!important;height:100%!important;fill:currentColor!important}
.hub-menu-trigger>span,.hub-menu-trigger>small{display:none!important}
html[data-puro-theme="light"] .hub-menu-trigger .hub-icon{color:#0d7d6f!important}
.hub-operations-menu.is-open::before{
content:"";position:fixed;inset:0;z-index:998;background:rgba(2,6,12,.72);backdrop-filter:blur(6px)
}
.hub-operations-menu.is-open>.hub-operations-popover{
position:fixed!important;z-index:1002!important;display:block!important;
left:10px!important;right:10px!important;top:auto!important;
bottom:calc(88px + env(safe-area-inset-bottom))!important;width:auto!important;
max-height:calc(100dvh - 178px)!important;overflow:auto!important;
border-radius:22px!important;padding:13px!important;overscroll-behavior:contain!important;
box-shadow:0 30px 90px rgba(0,0,0,.48)!important
}
html[data-puro-theme="light"] .hub-operations-menu.is-open>.hub-operations-popover{
background:#fff!important;color:#17312d!important;border-color:#dce7e3!important
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-operations-menu.is-open>.hub-operations-popover{
background:#0b121d!important;color:#e9fffb!important;border-color:rgba(124,238,226,.18)!important
}
html.hub-mobile-menu-open,html.hub-mobile-menu-open body,body.hub-mobile-menu-open{overflow:hidden!important;touch-action:none}
}
/* ======================================================================
* PURO Agency Hub 3.2.6 — identidad en cruz, menú móvil real,
* accesos por uso y temas negro / blanco suave
* =================================================================== */
/* El isotipo de PURO son cuatro puntos en cruz, no una matriz en X. */
.puro-hub-logo-mark{
position:relative!important;display:block!important;width:25px!important;height:25px!important;
grid-template-columns:none!important;grid-template-rows:none!important;gap:0!important;flex:0 0 25px
}
.puro-hub-logo-mark i{position:absolute!important;width:8px!important;height:8px!important;margin:0!important;border-radius:50%!important}
.puro-hub-logo-mark i:nth-child(1){left:8.5px;top:0}
.puro-hub-logo-mark i:nth-child(2){left:0;top:8.5px}
.puro-hub-logo-mark i:nth-child(3){right:0;top:8.5px}
.puro-hub-logo-mark i:nth-child(4){left:8.5px;bottom:0}
.hub-login-brand-mark{position:relative!important;display:block!important;width:34px!important;height:34px!important;grid-template-columns:none!important;grid-template-rows:none!important;gap:0!important}
.hub-login-brand-mark i{position:absolute!important;width:12px!important;height:12px!important;margin:0!important}
.hub-login-brand-mark i:nth-child(1){left:11px;top:0}.hub-login-brand-mark i:nth-child(2){left:0;top:11px}.hub-login-brand-mark i:nth-child(3){right:0;top:11px}.hub-login-brand-mark i:nth-child(4){left:11px;bottom:0}
.hub-team-login-brand>span{position:relative!important;display:block!important;width:27px!important;height:27px!important;grid-template-columns:none!important;gap:0!important}
.hub-team-login-brand>span i{position:absolute!important;width:9px!important;height:9px!important}
.hub-team-login-brand>span i:nth-child(1){left:9px;top:0}.hub-team-login-brand>span i:nth-child(2){left:0;top:9px}.hub-team-login-brand>span i:nth-child(3){right:0;top:9px}.hub-team-login-brand>span i:nth-child(4){left:9px;bottom:0}
/* Accesos del centro de mando en carrusel, con una jerarquía aprendida por uso. */
.hub-command-slider-shell{display:grid;gap:8px;min-width:0}
.hub-command-actions{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:2px 2px 8px;scrollbar-width:none}
.hub-command-actions::-webkit-scrollbar{display:none}
.hub-command-actions>a{flex:0 0 min(330px,calc(50% - 5px));scroll-snap-align:start;min-width:0}
.hub-command-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--ph-soft);font-size:8px;font-weight:750}
.hub-command-slider-controls button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid var(--ph-line);border-radius:50%;background:var(--ph-paper);color:var(--ph-ink);font:800 20px/1 inherit;cursor:pointer}
.hub-command-slider-controls button:disabled{opacity:.3;cursor:default}
.hub-command-slider-controls span{margin-right:auto}
.hub-work-mode-nav>div>b{font-size:11px}
.hub-work-mode-nav>div>small{max-width:380px;font-size:8px}
/* Blanco suave: reduce el destello al alternar desde el tema oscuro. */
html[data-puro-theme="light"]{color-scheme:light;--ph-bg:#edf0ee;--ph-paper:#f7f9f8;--ph-card:#f7f9f8;--ph-ink:#17312d;--ph-soft:#667672;--ph-line:#d8dfdc;--ph-shadow:0 16px 42px -36px rgba(16,58,47,.24)}
html[data-puro-theme="light"] body.puro-hub-standalone{background:#edf0ee!important}
html[data-puro-theme="light"] .puro-hub-app{background:#edf0ee!important;background-image:none!important}
html[data-puro-theme="light"] .puro-hub-topbar{background:rgba(247,249,248,.96)!important}
html[data-puro-theme="light"] :is(.hub-command-center,.hub-panel,.hub-client-card,.hub-ticket,.hub-proposal,.hub-composer,.hub-workload-card,.hub-billing-sidebar,.hub-billing-detail,.hub-profile-hero,.hub-proposal-thread,.hub-proposal-review-card,.hub-role-focus-stats,.hub-tools-panel,.hub-user-access-row,.hub-user-admin-dialog,.hub-user-admin-dialog>header){background:#f7f9f8!important}
html[data-puro-theme="light"] :is(.hub-thread article,.hub-proposal-chat-thread article,.hub-proposal-chat-card,.hub-proposal-chat-card>header,.hub-proposal-chat-composer,.hub-proposal-chat-history,.hub-wizard-preview,.hub-wizard-preview-frame,.hub-social-preview,.hub-search-ad-preview,.hub-browser-preview,.hub-article-browser-preview,.hub-proposal-article-preview,.hub-preview-media,.hub-preview-media-empty){background:#f2f5f3!important}
/* Negro auténtico y minimalista. Se eliminan cuadrículas, degradados de color y blancos residuales. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]){color-scheme:dark;--ph-bg:#000;--ph-paper:#080808;--ph-card:#0a0a0a;--ph-ink:#f2f4f3;--ph-soft:#969c99;--ph-line:rgba(255,255,255,.10);--ph-brand:#62d6c3;--ph-brand2:#3fac9b;--ph-warn:#d8aa60;--ph-bad:#e87a8d;--ph-shadow:0 18px 48px -38px rgba(0,0,0,.96)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) body.puro-hub-standalone{background:#000!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app{background:#000!important;background-image:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-topbar{background:rgba(3,3,3,.96)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-command-center{background:#070707!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-command-center:before,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-command-center:after{display:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-command-actions>a,.hub-work-mode-nav,.hub-panel,.hub-client-card,.hub-client-summary,.hub-client-expanded,
.hub-ticket,.hub-proposal,.hub-composer,.hub-workload-card,.hub-billing-sidebar,.hub-billing-detail,
.hub-profile-hero,.hub-proposal-thread,.hub-proposal-review-card,.hub-role-focus-stats,.hub-delivery-scheduler,
.hub-tools-panel,.hub-prompt-workspace,.hub-image-prompt-workspace,.hub-user-access-row,.hub-user-admin-dialog,
.hub-user-admin-dialog>header,.hub-user-admin-section,.hub-kpis>div,.hub-team-kpis>div,.hub-billing-kpis>div,
.hub-billing-client-kpis>div,.hub-results-kpis>div,.hub-presence-kpis>div,.hub-action-kpis>div,.hub-metric-card
){background:#090909!important;background-image:none!important;border-color:rgba(255,255,255,.10)!important;color:#f2f4f3!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-client-metrics span,.hub-role-focus-stats article,.hub-card-specialist,.hub-profile-notifications,.hub-count,
.hub-current-mode,.hub-client-back-row>span,.hub-connection-badge,.hub-activity-line,.hub-context-preset-grid>button,
.hub-wizard-format-grid button,.hub-work-area-card,.hub-access-static-grid>span,.hub-password-editor>label>div,
.hub-inline-check,.hub-delivery-mode-grid>button,.hub-delivery-date>label,.hub-form-section
){background:#0e0e0e!important;background-image:none!important;border-color:rgba(255,255,255,.09)!important;color:#f2f4f3!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-thread article,.hub-proposal-chat-thread article,.hub-proposal-chat-card,.hub-proposal-chat-card>header,
.hub-proposal-chat-composer,.hub-proposal-chat-history,.hub-proposal-chat-tools>button,.hub-proposal-chat-tools>label,
.hub-proposal-emoji-panel,.hub-proposal-emoji-panel button,.hub-chat-attachment.is-image,.hub-chat-attachment.is-file,
.hub-chat-attachment.is-file>b,.hub-message-copy
){background:#0b0b0b!important;background-image:none!important;border-color:rgba(255,255,255,.10)!important;color:#ecefed!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-thread article.is-agency,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-thread article.is-agency{background:#10211e!important;border-color:rgba(98,214,195,.22)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-thread article.is-client,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-thread article.is-client{background:#111!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-wizard-preview,.hub-wizard-preview-frame,.hub-social-preview,.hub-social-preview-toolbar,.hub-search-ad-preview,
.hub-browser-preview,.hub-article-browser-preview,.hub-proposal-article-preview,.hub-proposal-media-preview,
.hub-preview-media,.hub-preview-media-empty,.hub-preview-empty,.hub-invoice-preview,.hub-live-blog
){background:#080808!important;background-image:none!important;border-color:rgba(255,255,255,.10)!important;color:#f2f4f3!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-form input,.hub-form textarea,.hub-form select,.hub-inline-form select,.hub-reschedule-form input,.hub-search input,.hub-proposal-chat-composer>textarea){background:#050505!important;border-color:rgba(255,255,255,.12)!important;color:#f4f5f4!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-command-slider-controls button{background:#0b0b0b!important;border-color:rgba(255,255,255,.12)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-system-pulse{background:#0d1513!important;border-color:rgba(98,214,195,.18)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-wordmark,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-brand span{color:#f4f6f5!important;text-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-logo-mark i{background:#62d6c3!important;box-shadow:0 0 8px rgba(98,214,195,.35)!important}
/* Cambio de tema sin flash agresivo. */
.puro-hub-app,.puro-hub-topbar,.hub-command-center,.hub-panel,.hub-client-card,.hub-ticket,.hub-proposal,.hub-composer,.hub-workload-card,.hub-wizard-preview,.hub-wizard-preview-frame,.hub-proposal-chat-card,.hub-thread article,.hub-proposal-chat-thread article{transition:background-color .24s ease,border-color .24s ease,color .18s ease!important}
/* Menú móvil portado al body: no puede quedar oculto por el header o el tema. */
.hub-menu-backdrop{position:fixed;z-index:2147483645;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.hub-operations-popover.hub-menu-portal{position:fixed!important;z-index:2147483646!important;display:block!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(390px,90vw)!important;max-height:none!important;padding:calc(18px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom))!important;border:0!important;border-left:1px solid var(--ph-line)!important;border-radius:0!important;overflow:auto!important;overscroll-behavior:contain!important;box-shadow:-24px 0 70px rgba(0,0,0,.38)!important;transform:translateX(0)!important;visibility:visible!important;opacity:1!important}
.hub-menu-portal-close{display:grid;place-items:center;width:40px;height:40px;margin:0 0 10px auto;border:1px solid var(--ph-line);border-radius:12px;background:transparent;color:var(--ph-ink);font-size:24px;cursor:pointer}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-operations-popover.hub-menu-portal{background:#080808!important;color:#f2f4f3!important}
html[data-puro-theme="light"] .hub-operations-popover.hub-menu-portal{background:#f7f9f8!important;color:#17312d!important}
@media(max-width:820px){
.hub-command-center{padding:14px!important}
.hub-command-actions>a{flex-basis:calc(88vw - 60px)!important;min-height:76px!important}
.hub-command-slider-controls{padding:0 2px}
.hub-work-mode-nav{padding:11px!important}
.hub-work-mode-nav>div>small{display:block!important}
.hub-work-mode-nav nav{margin-top:2px}
.hub-operations-menu.is-open::before{display:none!important}
.hub-operations-menu.is-open>.hub-operations-popover:not(.hub-menu-portal){display:none!important}
}
/* Superficies internas de previews y conversación que antes conservaban blanco. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-wizard-preview>header,.hub-wizard-preview>footer,.hub-live-instagram,.hub-live-instagram>header,
.hub-live-google-ad,.hub-live-article,.hub-live-strategy,.hub-live-strategy>div,
.hub-proposal-preview-only .hub-social-post-card,.hub-social-post-card,.hub-social-preview-toolbar button.is-active,
.hub-proposal-chat-close,.hub-wizard-prompt-card,.hub-wizard-choice-row label,.hub-wizard-checklist label,
.hub-wizard-steps,.hub-wizard-steps button b,.hub-proposal-wizard-shell,.hub-proposal-wizard-shell>summary
){background:#0b0b0b!important;background-image:none!important;border-color:rgba(255,255,255,.10)!important;color:#f2f4f3!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-live-google-ad>span,.hub-live-google-ad small,.hub-live-article p,.hub-live-strategy p,.hub-live-strategy>small,.hub-live-article>small,.hub-live-blog>header p,.hub-proposal-article-preview>header p){color:#a1a6a3!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-google-ad>b{color:#9fbaf7!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-google-ad>em{color:#72d8aa!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-preview-media{background:#060606!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-preview-empty,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-preview-media-empty{background:#080808!important;border-color:rgba(255,255,255,.14)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-close{color:#f2f4f3!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-proposal-article-content blockquote,.hub-proposal-article-content .puro-blog-faq,.hub-proposal-article-content .puro-blog-cta){background:#0e0e0e!important;background-image:none!important;border-color:rgba(255,255,255,.10)!important}
/* ======================================================================
* PURO Agency Hub 3.2.7 — tema monocromático, menú único y grid sutil
* =================================================================== */
/* Apariencia clara más suave y sin acentos verdes. */
html[data-puro-theme="light"]{
color-scheme:light;
--ph-bg:#efefec;
--ph-paper:#f8f8f6;
--ph-card:#f8f8f6;
--ph-ink:#171717;
--ph-soft:#6d6d69;
--ph-line:rgba(0,0,0,.10);
--ph-brand:#171717;
--ph-brand2:#000;
--ph-shadow:0 18px 48px -40px rgba(0,0,0,.26)
}
html[data-puro-theme="light"] body.puro-hub-standalone{background:#efefec!important}
html[data-puro-theme="light"] .puro-hub-app{
background-color:#efefec!important;
background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px)!important;
background-size:30px 30px!important
}
html[data-puro-theme="light"] .puro-hub-topbar{background:#f7f7f4!important;border-color:rgba(0,0,0,.09)!important;backdrop-filter:none!important}
html[data-puro-theme="light"] .puro-hub-logo-mark i{background:#171717!important;box-shadow:none!important}
html[data-puro-theme="light"] :is(.puro-hub-wordmark,.puro-hub-brand span,.hub-section-eyebrow,.hub-profile-eyebrow){color:#171717!important;text-shadow:none!important}
html[data-puro-theme="light"] .hub-btn{background:#171717!important;border-color:#171717!important;color:#fff!important}
html[data-puro-theme="light"] .hub-btn:hover{background:#000!important;border-color:#000!important}
html[data-puro-theme="light"] .hub-btn-secondary{background:transparent!important;border-color:rgba(0,0,0,.16)!important;color:#171717!important}
html[data-puro-theme="light"] :is(.hub-tabs a.is-active,.hub-visible-filters a.is-active,.hub-visible-filters button.is-active,.hub-filter-group button.is-active,.hub-work-mode-nav a.is-active){color:#111!important;border-color:#111!important;background:#e4e4e0!important}
/* Oscuro sólido, monocromático y sin tonos azulados o verdes. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]){
color-scheme:dark;
--ph-bg:#050505;
--ph-paper:#0d0d0d;
--ph-card:#0d0d0d;
--ph-ink:#f4f4f2;
--ph-soft:#9b9b97;
--ph-line:rgba(255,255,255,.11);
--ph-brand:#f4f4f2;
--ph-brand2:#d7d7d3;
--ph-warn:#c7c7c2;
--ph-bad:#e27b88;
--ph-shadow:none
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) body.puro-hub-standalone{background:#050505!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app{
background-color:#050505!important;
background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px)!important;
background-size:30px 30px!important
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-topbar{background:#070707!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important;backdrop-filter:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.puro-hub-wordmark,.puro-hub-brand span,.hub-section-eyebrow,.hub-profile-eyebrow,.hub-details a,.hub-summary-activity strong){color:#f4f4f2!important;text-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-logo-mark i{background:#f4f4f2!important;box-shadow:none!important}
/* Acentos y estados activos completamente monocromáticos. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-btn{background:#f4f4f2!important;border-color:#f4f4f2!important;color:#090909!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-btn:hover{background:#d9d9d5!important;border-color:#d9d9d5!important;color:#050505!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-btn-secondary{background:transparent!important;border-color:rgba(255,255,255,.20)!important;color:#f4f4f2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-tabs a.is-active,.hub-visible-filters a.is-active,.hub-visible-filters button.is-active,
.hub-filter-group button.is-active,.hub-filter-group button:hover,.hub-work-mode-nav a.is-active,
.hub-menu-section>a.is-active,.hub-menu-section>a:hover,.hub-social-preview-toolbar button.is-active,
.hub-context-toggle.is-active,.hub-wizard-format-grid button.is-active,.hub-work-area-card.is-active
){background:#f1f1ee!important;border-color:#f1f1ee!important;color:#080808!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-tabs a.is-active,.hub-tabs a:hover){border-bottom-color:#f4f4f2!important;background:transparent!important;color:#f4f4f2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-count,.hub-current-mode,.hub-connection-badge,.hub-profile-tags span,.hub-stage-badge){background:#161616!important;border-color:rgba(255,255,255,.11)!important;color:#d8d8d4!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-good,.hub-system-pulse,.hub-system-pulse b,.hub-command-center a strong){color:#f4f4f2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-system-pulse{background:#111!important;border-color:rgba(255,255,255,.13)!important}
/* Todas las superficies operativas deben permanecer oscuras. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-command-center,.hub-command-actions>a,.hub-work-mode-nav,.hub-visible-filters,
.hub-panel,.hub-client-card,.hub-client-summary,.hub-client-expanded,.hub-profile-hero,
.hub-ticket,.hub-proposal,.hub-proposal-thread,.hub-composer,.hub-workload-card,
.hub-summary-section,.hub-summary-attention,.hub-summary-operations,.hub-summary-compact,
.hub-results-overview,.hub-presence-compare,.hub-recent-activity,.hub-doctor-activity,
.hub-period-filter,.hub-period-custom,.hub-production-overview>div,.hub-form-section,
.hub-role-focus-stats,.hub-role-focus-stats article,.hub-metric-card,
.hub-kpis>div,.hub-team-kpis>div,.hub-billing-kpis>div,.hub-billing-client-kpis>div,
.hub-results-kpis>div,.hub-presence-kpis>div,.hub-action-kpis>div,
.hub-billing-sidebar,.hub-billing-detail,.hub-billing-panel,.hub-billing-record,
.hub-invoice-preview,.hub-plan-summary,.hub-geo-summary,.hub-lead-summary,
.hub-tools-panel,.hub-prompt-workspace,.hub-image-prompt-workspace,
.hub-delivery-scheduler,.hub-delivery-mode-grid>button,.hub-delivery-date>label,
.hub-user-access-row,.hub-user-admin-dialog,.hub-user-admin-dialog>header,.hub-user-admin-section,
.hub-team-login-access,.hub-one-time-credential,.hub-login-role-preview,
.hub-blog-workspace-head,.hub-blog-editor-shell,.hub-blog-settings,.hub-blog-publication,
.hub-blog-editor-toolbar,.hub-blog-editor-status,.hub-blog-image-block,
.hub-blog-settings details>div,.hub-blog-publish-date,.hub-proposal-work-actions,
.hub-blog-remote-status,.hub-proposal-article-preview
){background:#0d0d0d!important;background-image:none!important;border-color:rgba(255,255,255,.11)!important;color:#f4f4f2!important;box-shadow:none!important}
/* Filtro de rango, controles y campos sin blancos residuales. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
input,textarea,select,.hub-period-filter select,.hub-period-filter input,
.hub-search input,.hub-inline-form select,.hub-reschedule-form input,
.hub-proposal-chat-composer>textarea,.hub-access-static-grid>span,
.hub-password-editor>label>div,.hub-inline-check,.hub-wizard-choice-row label,
.hub-wizard-checklist label,.hub-context-preset-grid>button,.hub-wizard-format-grid button,
.hub-client-metrics span,.hub-card-specialist,.hub-profile-notifications,.hub-activity-line,
.hub-quick-actions a,.hub-proposal-people>div,.hub-proposal-purpose>div,.hub-proposal-timeline,
.hub-summary-activity>a,.hub-summary-team>a,.hub-service-list>a
){background:#111!important;background-image:none!important;border-color:rgba(255,255,255,.11)!important;color:#f4f4f2!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(input,textarea,select)::placeholder{color:#6f6f6b!important;opacity:1}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-period-filter>div:first-child span,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-period-filter label>span{color:#999995!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-period-filter .hub-btn{align-self:end}
/* Métricas y actividad reciente. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-client-metrics span,.hub-metric-card,.hub-kpis>div,.hub-team-kpis>div,
.hub-billing-kpis>div,.hub-billing-client-kpis>div,.hub-results-kpis>div,
.hub-presence-kpis>div,.hub-action-kpis>div,.hub-production-overview>div
){background:#0f0f0f!important;border:1px solid rgba(255,255,255,.10)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-summary-activity>a,.hub-summary-team>a,.hub-service-list>a,.hub-recent-activity>a){background:#101010!important;border-color:rgba(255,255,255,.10)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-summary-activity>a:hover,.hub-summary-team>a:hover,.hub-service-list>a:hover,.hub-recent-activity>a:hover){background:#171717!important;border-color:rgba(255,255,255,.20)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-summary-activity>a>i{background:#f4f4f2!important;box-shadow:0 0 0 4px rgba(255,255,255,.08)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-activity-line i{background:#b5b5b0!important;box-shadow:0 0 0 4px rgba(255,255,255,.07)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-activity-line.is-online i{background:#f4f4f2!important;box-shadow:0 0 0 4px rgba(255,255,255,.09)!important}
/* Chats en escala de grises, sin verde ni azul. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-thread article,.hub-proposal-chat-thread article,.hub-proposal-chat-card,
.hub-proposal-chat-card>header,.hub-proposal-chat-composer,.hub-proposal-chat-history,
.hub-proposal-chat-tools>button,.hub-proposal-chat-tools>label,.hub-proposal-emoji-panel,
.hub-proposal-emoji-panel button,.hub-chat-attachment.is-image,.hub-chat-attachment.is-file,
.hub-chat-attachment.is-file>b,.hub-message-copy
){background:#101010!important;background-image:none!important;border-color:rgba(255,255,255,.11)!important;color:#efefed!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-thread article.is-agency,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-thread article.is-agency{background:#181818!important;border-color:rgba(255,255,255,.17)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-thread article.is-client,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-chat-thread article.is-client{background:#0d0d0d!important;border-color:rgba(255,255,255,.10)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-message-copy:hover,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-message-copy.is-copied{background:#f4f4f2!important;color:#080808!important;border-color:#f4f4f2!important}
/* Mockups y previews también oscuros. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-wizard-preview,.hub-wizard-preview-frame,.hub-wizard-preview>header,.hub-wizard-preview>footer,
.hub-social-preview,.hub-social-preview-toolbar,.hub-search-ad-preview,.hub-browser-preview,
.hub-article-browser-preview,.hub-proposal-article-preview,.hub-proposal-media-preview,
.hub-preview-media,.hub-preview-media-empty,.hub-preview-empty,.hub-live-instagram,
.hub-live-instagram>header,.hub-live-instagram>p,.hub-live-social-actions,
.hub-live-google-ad,.hub-live-article,.hub-live-strategy,.hub-live-strategy>div,
.hub-live-blog,.hub-live-blog>header,.hub-live-blog-body,.hub-social-post-card,
.hub-browser-bar,.hub-browser-copy,.hub-browser-placeholder
){background:#0c0c0c!important;background-image:none!important;border-color:rgba(255,255,255,.11)!important;color:#f4f4f2!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-preview-media img{background:#080808!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-google-ad>b{color:#f4f4f2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-google-ad>em{color:#b7b7b2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-live-google-ad>span,.hub-live-google-ad small,.hub-live-article p,.hub-live-strategy p,.hub-live-blog>header p,.hub-browser-copy p,.hub-browser-copy small){color:#a1a19d!important}
/* Botón de tema con geometría estable: sol en oscuro y luna en claro. */
.hub-theme-toggle{color:var(--ph-ink)!important;background:var(--ph-paper)!important;border-color:var(--ph-line)!important;box-shadow:none!important}
.hub-theme-toggle .hub-icon{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;flex:0 0 20px!important}
.hub-theme-toggle .hub-theme-icon{display:block!important;width:20px!important;height:20px!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke}
.hub-theme-toggle .hub-theme-icon *{fill:none!important;stroke:currentColor!important;vector-effect:non-scaling-stroke}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-theme-sun{display:block!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-theme-moon{display:none!important}
html[data-puro-theme="light"] .hub-theme-sun{display:none!important}
html[data-puro-theme="light"] .hub-theme-moon{display:block!important}
/* Un solo icono de hamburguesa oficial: el del encabezado. En la barra inferior se usa Más. */
.hub-menu-trigger{background:var(--ph-paper)!important;color:var(--ph-ink)!important;border-color:var(--ph-line)!important;box-shadow:none!important}
.hub-menu-trigger .hub-icon{color:var(--ph-ink)!important}
.hub-app-nav button[data-app-nav="menu"] .hub-icon svg circle{fill:currentColor!important}
.hub-menu-portal-heading{display:grid;gap:3px;margin:-42px 52px 14px 0;padding:0 0 14px;border-bottom:1px solid var(--ph-line)}
.hub-menu-portal-heading b{font-size:16px;color:var(--ph-ink)}
.hub-menu-portal-heading small{font-size:9px;color:var(--ph-soft)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-operations-popover.hub-menu-portal{background:#0b0b0b!important;border-color:rgba(255,255,255,.11)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-menu-portal-close{background:#111!important;border-color:rgba(255,255,255,.13)!important;color:#f4f4f2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-operations-popover :is(a,button){color:#ededeb!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-operations-popover :is(a:hover,a.is-active,button:hover){background:#f1f1ee!important;color:#080808!important}
/* Transición breve, sin flash entre temas. */
html,body,.puro-hub-app,.puro-hub-topbar,.hub-panel,.hub-client-card,.hub-ticket,.hub-proposal,.hub-period-filter,.hub-summary-section,.hub-thread article,.hub-wizard-preview{transition:background-color .18s ease,border-color .18s ease,color .14s ease!important}
@media(max-width:820px){
.puro-hub-topbar{background:var(--ph-paper)!important}
.hub-theme-toggle,.hub-menu-trigger{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:14px!important}
.hub-theme-toggle .hub-icon,.hub-menu-trigger .hub-icon{width:20px!important;height:20px!important}
.hub-operations-popover.hub-menu-portal{width:min(380px,92vw)!important}
}
/* 3.2.9 — normalización visual definitiva del tema oscuro/claro */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app{
--ph-brand:#f4f4f2!important;
--ph-brand2:#d9d9d5!important;
--ph-soft:#9a9a95!important;
}
/* Fondo general negro con grid sutil, sin degradados de color. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app{
background-color:#050505!important;
background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
background-size:28px 28px!important;
}
/* Una sola paleta monocromática para casi todos los módulos operativos. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
[class^="hub-"],[class*=" hub-"],
.puro-hub-topbar,.puro-hub-title,.puro-hub-user,.puro-hub-brand,.puro-hub-main
):not(img):not(svg):not(path):not(circle):not(rect):not(use):not(video):not(canvas):not(iframe){
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-panel,.hub-summary-section,.hub-summary-attention,.hub-summary-operations,.hub-summary-compact,
.hub-presence-compare,.hub-presence-channels,.hub-presence-insights,.hub-profile-hero,
.hub-ticket,.hub-proposal,.hub-proposal-thread,.hub-composer,.hub-client-card,.hub-client-summary,
.hub-client-expanded,.hub-results-overview,.hub-recent-activity,.hub-doctor-activity,
.hub-billing-sidebar,.hub-billing-detail,.hub-billing-panel,.hub-billing-record,
.hub-plan-summary,.hub-geo-summary,.hub-lead-summary,.hub-service-item,.hub-blog-workspace-head,
.hub-blog-editor-shell,.hub-blog-settings,.hub-blog-publication,.hub-blog-editor-toolbar,
.hub-blog-editor-status,.hub-blog-image-block,.hub-blog-settings details>div,.hub-blog-publish-date,
.hub-proposal-work-actions,.hub-proposal-article-preview,.hub-live-blog,.hub-live-blog>header,
.hub-live-blog-body,.hub-wizard-preview,.hub-wizard-preview-frame,.hub-preview-media,.hub-preview-empty,
.hub-preview-media-empty,.hub-social-preview,.hub-search-ad-preview,.hub-browser-preview,
.hub-article-browser-preview,.hub-tools-panel,.hub-prompt-workspace,.hub-image-prompt-workspace,
.hub-user-access-row,.hub-user-admin-dialog,.hub-user-admin-dialog>header,.hub-user-admin-section,
.hub-team-login-access,.hub-one-time-credential,.hub-login-role-preview,.hub-delivery-scheduler,
.hub-proposal-review-card,.hub-role-focus-stats,.hub-workload-card,.hub-command-center,
.hub-work-mode-nav,.hub-command-actions>a,.hub-attention-card,.hub-metric-card,
.hub-kpis>div,.hub-team-kpis>div,.hub-billing-kpis>div,.hub-billing-client-kpis>div,
.hub-results-kpis>div,.hub-presence-kpis>div,.hub-action-kpis>div,.hub-production-overview>div,
.hub-presence-compare-card,.hub-presence-compare-grid span,.hub-card-specialist,.hub-activity-line,
.hub-client-metrics span,.hub-role-focus-stats article,.hub-form-section,.hub-period-filter,
.hub-period-custom,.hub-count,.hub-current-mode,.hub-connection-badge,.hub-profile-tags span,
.hub-stage-badge,.hub-work-area-card,.hub-delivery-mode-grid>button,.hub-delivery-date>label,
.hub-access-static-grid>span,.hub-password-editor>label>div,.hub-inline-check,
.hub-wizard-choice-row label,.hub-wizard-checklist label,.hub-context-preset-grid>button,
.hub-wizard-format-grid button,.hub-wizard-steps,.hub-wizard-prompt-card,.hub-browser-bar,
.hub-browser-copy,.hub-browser-placeholder,.hub-live-instagram,.hub-live-instagram>header,
.hub-live-instagram>p,.hub-live-social-actions,.hub-live-google-ad,.hub-live-article,
.hub-live-strategy,.hub-live-strategy>div,.hub-social-post-card,.hub-social-preview-toolbar,
.hub-social-preview-toolbar button,.hub-proposal-preview-only .hub-social-post-card,
.hub-message-copy,.hub-chat-attachment.is-image,.hub-chat-attachment.is-file,.hub-proposal-chat-card,
.hub-proposal-chat-card>header,.hub-proposal-chat-composer,.hub-proposal-chat-history,
.hub-proposal-chat-tools>button,.hub-proposal-chat-tools>label,.hub-proposal-emoji-panel,
.hub-proposal-emoji-panel button,.hub-thread article,.hub-proposal-chat-thread article,
.hub-service-list>a,.hub-summary-team>a,.hub-summary-activity>a,.hub-recent-activity>a,
.hub-quick-actions a,.hub-proposal-purpose>div,.hub-proposal-people>div,.hub-proposal-timeline,
.hub-live-google-ad>span,.hub-live-google-ad small,.hub-live-article p,.hub-live-strategy p,
.hub-live-blog>header p,.hub-browser-copy p,.hub-browser-copy small
){
background-image:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-panel,.hub-summary-section,.hub-summary-attention,.hub-summary-operations,.hub-summary-compact,
.hub-presence-channels,.hub-presence-insights,.hub-profile-hero,.hub-ticket,.hub-proposal,
.hub-proposal-thread,.hub-composer,.hub-client-card,.hub-results-overview,.hub-billing-sidebar,
.hub-billing-detail,.hub-billing-panel,.hub-billing-record,.hub-plan-summary,.hub-geo-summary,
.hub-lead-summary,.hub-service-item,.hub-blog-workspace-head,.hub-blog-editor-shell,
.hub-blog-settings,.hub-blog-publication,.hub-blog-editor-toolbar,.hub-blog-editor-status,
.hub-blog-image-block,.hub-blog-settings details>div,.hub-blog-publish-date,.hub-proposal-work-actions,
.hub-proposal-article-preview,.hub-tools-panel,.hub-prompt-workspace,.hub-image-prompt-workspace,
.hub-user-access-row,.hub-user-admin-dialog,.hub-user-admin-dialog>header,.hub-user-admin-section,
.hub-team-login-access,.hub-one-time-credential,.hub-login-role-preview,.hub-delivery-scheduler,
.hub-proposal-review-card,.hub-role-focus-stats,.hub-workload-card,.hub-command-center,.hub-work-mode-nav,
.hub-command-actions>a,.hub-attention-card,.hub-metric-card,.hub-kpis>div,.hub-team-kpis>div,
.hub-billing-kpis>div,.hub-billing-client-kpis>div,.hub-results-kpis>div,.hub-presence-kpis>div,
.hub-action-kpis>div,.hub-production-overview>div,.hub-presence-compare-card,.hub-presence-compare,
.hub-recent-activity,.hub-doctor-activity,.hub-period-filter,.hub-period-custom
){
background:#0b0b0b!important;
border-color:rgba(255,255,255,.10)!important;
color:#f4f4f2!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-client-metrics span,.hub-role-focus-stats article,.hub-card-specialist,.hub-activity-line,
.hub-count,.hub-current-mode,.hub-connection-badge,.hub-profile-tags span,.hub-stage-badge,
.hub-work-area-card,.hub-delivery-mode-grid>button,.hub-delivery-date>label,
.hub-access-static-grid>span,.hub-password-editor>label>div,.hub-inline-check,
.hub-wizard-choice-row label,.hub-wizard-checklist label,.hub-context-preset-grid>button,
.hub-wizard-format-grid button,.hub-wizard-steps,.hub-wizard-prompt-card,
.hub-browser-bar,.hub-browser-copy,.hub-browser-placeholder,.hub-summary-activity>a,
.hub-summary-team>a,.hub-service-list>a,.hub-recent-activity>a,.hub-quick-actions a,
.hub-proposal-purpose>div,.hub-proposal-people>div,.hub-proposal-timeline,
.hub-live-instagram,.hub-live-instagram>header,.hub-live-google-ad,.hub-live-article,
.hub-live-strategy,.hub-live-strategy>div,.hub-social-post-card,.hub-proposal-chat-card,
.hub-proposal-chat-card>header,.hub-proposal-chat-composer,.hub-proposal-chat-history,
.hub-chat-attachment.is-image,.hub-chat-attachment.is-file,.hub-message-copy,
.hub-thread article,.hub-proposal-chat-thread article,.hub-presence-compare-grid span
){
background:#101010!important;
border-color:rgba(255,255,255,.10)!important;
color:#f4f4f2!important;
}
/* Formularios, rangos, tabs y cajas de facturación sin blanco residual. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
input,textarea,select,option,.hub-inline-form select,.hub-reschedule-form input,
.hub-search input,.hub-period-filter select,.hub-period-filter input,
.hub-period-filter button,.hub-period-custom input,.hub-period-custom select,
.hub-form-row>label,.hub-form label,.hub-plan-summary label,.hub-billing-panel label,
.hub-billing-detail label,.hub-service-item>.hub-form,.hub-proposal-chat-composer>textarea
){
background:#050505!important;
color:#f4f4f2!important;
border-color:rgba(255,255,255,.12)!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app input::placeholder,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app textarea::placeholder{color:#7d7d78!important;opacity:1}
/* Tabs, botones y estados activos en monocromo. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-tabs a,.hub-client-primary-tabs>a,.hub-client-subtabs a,.hub-visible-filters a,
.hub-visible-filters button,.hub-filter-group button,.hub-work-mode-nav a,
.hub-menu-section>a,.hub-menu-trigger,.hub-theme-toggle,.hub-operations-popover,
.hub-operations-menu>summary,.hub-app-nav a,.hub-app-nav button
){
color:#d8d8d4!important;
border-color:rgba(255,255,255,.10)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-tabs a.is-active,.hub-client-primary-tabs>a.is-active,.hub-client-subtabs a.is-active,
.hub-visible-filters a.is-active,.hub-visible-filters button.is-active,
.hub-filter-group button.is-active,.hub-work-mode-nav a.is-active,.hub-menu-section>a.is-active,
.hub-menu-section>a:hover,.hub-app-nav a.is-active,.hub-app-nav button.is-active,
.hub-social-preview-toolbar button.is-active,.hub-context-toggle.is-active,
.hub-wizard-format-grid button.is-active,.hub-work-area-card.is-active
){
background:#f4f4f2!important;
color:#080808!important;
border-color:#f4f4f2!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-tabs a.is-active,.hub-tabs a:hover,.hub-client-primary-tabs>a.is-active){
border-bottom-color:#f4f4f2!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-btn{background:#f4f4f2!important;border-color:#f4f4f2!important;color:#080808!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-btn:hover{background:#d8d8d4!important;border-color:#d8d8d4!important;color:#050505!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-btn-secondary{background:transparent!important;border-color:rgba(255,255,255,.18)!important;color:#f4f4f2!important}
/* Indicadores, barras y estados sin verde/azul. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-service-status{background:#676762!important;box-shadow:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-service-status.is-active{background:#f4f4f2!important;box-shadow:0 0 0 4px rgba(255,255,255,.08)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-summary-activity>a>i,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-activity-line i,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-activity-line.is-online i{background:#f4f4f2!important;box-shadow:0 0 0 4px rgba(255,255,255,.08)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-presence-channel-copy>i,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-channel-track,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-progress-track{background:#1a1a1a!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-presence-channel-copy>i span,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-channel-track>span,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-progress-track>span,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-progress-bar,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-progress-fill{background:#f4f4f2!important;background-image:none!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-presence-channel-values.is-contact b,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-good,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-foot strong,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-summary-activity strong,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-service-list strong,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-profile-eyebrow,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-section-eyebrow,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-wordmark,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-brand span{color:#f4f4f2!important}
/* Texto secundario estable. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
small,em,i,.hub-soft,.hub-profile-copy p,.hub-section-head p,.hub-summary-section .hub-section-head p,
.hub-summary-attention .hub-section-head p,.hub-client-card p,.hub-service-list small,
.hub-summary-team small,.hub-summary-activity em,.hub-presence-channel-values small,
.hub-live-google-ad small,.hub-live-google-ad>span,.hub-live-article p,.hub-live-strategy p,
.hub-live-blog>header p,.hub-browser-copy p,.hub-browser-copy small,.hub-details dt,.hub-details dd,
.hub-form label,.hub-form-row label,.hub-presence-compare-head small,.hub-period-filter label>span,
.hub-period-filter>div:first-child span
){color:#9a9a95!important}
/* Tema claro: blanco suave menos brillante. */
html[data-puro-theme="light"]{
--ph-bg:#efefec!important;
--ph-paper:#f4f4f2!important;
--ph-card:#f4f4f2!important;
--ph-line:#d9ddd9!important;
--ph-soft:#6e746f!important;
}
html[data-puro-theme="light"] body.puro-hub-standalone,
html[data-puro-theme="light"] .puro-hub-app{background:#efefec!important}
html[data-puro-theme="light"] .puro-hub-app{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px)!important;background-size:30px 30px!important}
html[data-puro-theme="light"] .puro-hub-app :is(.hub-panel,.hub-summary-section,.hub-summary-attention,.hub-summary-operations,.hub-summary-compact,.hub-client-card,.hub-ticket,.hub-proposal,.hub-profile-hero,.hub-presence-compare-card,.hub-presence-channels,.hub-presence-insights,.hub-command-center,.hub-work-mode-nav,.hub-results-overview,.hub-billing-sidebar,.hub-billing-detail,.hub-billing-panel,.hub-blog-editor-shell,.hub-blog-settings,.hub-blog-publication,.hub-wizard-preview,.hub-wizard-preview-frame,.hub-proposal-chat-card,.hub-thread article){background:#f4f4f2!important}
/* 3.2.10 — correcciones puntuales de superficies claras residuales */
/* Propuestas: áreas de trabajo, estado y todos los pasos del constructor. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-proposal-wizard-shell,.hub-proposal-wizard-shell>summary,.hub-proposal-wizard-shell>.hub-composer-body,
.hub-wizard-steps,.hub-wizard-panel,.hub-wizard-section-block,.hub-wizard-toolbox,
.hub-wizard-prompt-card,.hub-wizard-checklist label,.hub-wizard-choice-row label,
.hub-context-options,.hub-context-fields,.hub-context-preset-grid,.hub-context-preset-grid>button,
.hub-context-toggle,.hub-no-context-option,.hub-context-warning,.hub-prompt-quality,
.hub-prompt-workspace,.hub-prompt-workspace>header,.hub-prompt-workspace>footer,
.hub-image-prompt-workspace,.hub-image-prompt-workspace>header,
.hub-prompt-tool-tabs button,.hub-work-area-grid,.hub-work-area-card,
.hub-wizard-format-grid,.hub-wizard-format-grid button,.hub-wizard-native-control,
.hub-wizard-actions,.hub-proposal-meta span,.hub-proposal-copy,.hub-proposal-purpose>div,
.hub-proposal-people>div,.hub-proposal-timeline,.hub-proposal-reply
){
background:#0d0d0d!important;
background-image:none!important;
border-color:rgba(255,255,255,.11)!important;
color:#f4f4f2!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-wizard-section-block,.hub-context-preset-grid>button,.hub-context-toggle,
.hub-no-context-option,.hub-prompt-quality,.hub-wizard-choice-row label,
.hub-wizard-checklist label,.hub-prompt-tool-tabs button,.hub-work-area-card,
.hub-wizard-format-grid button,.hub-proposal-meta span,.hub-proposal-copy,
.hub-proposal-purpose>div,.hub-proposal-people>div,.hub-proposal-timeline
){background:#111!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-minihead>b,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-area-card>i,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-context-toggle>i,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-steps button b{
background:#171717!important;
color:#d8d8d4!important;
border-color:rgba(255,255,255,.15)!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-area-card>.hub-brand-icon,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-context-preset-grid>button>.hub-icon,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-context-toggle>.hub-icon{
background:#181818!important;
color:#f4f4f2!important;
border-color:rgba(255,255,255,.12)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(
.hub-work-area-card.is-active,.hub-wizard-format-grid button.is-active,
.hub-context-preset-grid>button.is-active,.hub-context-toggle.is-active,
.hub-prompt-tool-tabs button.is-active,.hub-wizard-steps button.is-active b,
.hub-wizard-steps button.is-complete b
){
background:#f4f4f2!important;
color:#080808!important;
border-color:#f4f4f2!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-area-card.is-active>i,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-context-toggle.is-active>i{
background:#080808!important;
border-color:#080808!important;
color:#f4f4f2!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-steps button.is-active,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-steps button.is-complete{color:#f4f4f2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-wizard-steps button:not(:last-child)::after{background:rgba(255,255,255,.12)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-context-fields :is(input,textarea,select),
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-prompt-workspace>textarea,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-image-prompt-workspace>textarea{
background:#050505!important;
color:#f4f4f2!important;
border-color:rgba(255,255,255,.13)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-prompt-quality>i{background:#202020!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-prompt-quality>i>span,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-prompt-quality[data-quality="basic"]>i>span,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-prompt-quality[data-quality="good"]>i>span,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-prompt-quality[data-quality="great"]>i>span{background:#f4f4f2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-context-warning,.hub-context-warning *,.hub-prompt-quality>div b){color:#d8d8d4!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-wizard-minihead strong,.hub-work-area-card>span b,.hub-context-preset-grid b,.hub-context-toggle b,.hub-wizard-format-grid button>span>b){color:inherit!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-wizard-minihead small,.hub-work-area-card>span small,.hub-context-preset-grid small,.hub-context-toggle small,.hub-wizard-format-grid button>span>small,.hub-prompt-quality small){color:#989894!important}
/* Status de propuestas y tickets en escala de grises. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-status,.hub-status-nuevo,.hub-status-en_proceso,.hub-status-respondido,.hub-status-cerrado,
.hub-status-aprobado,.hub-status-publicado,.hub-status-retirada,.hub-status-facturado,
.hub-status-vencido,.hub-status-pendiente,.hub-status-en_revision,.hub-status-pagado,
.hub-response-badge,.hub-stage-badge
){
background:#171717!important;
color:#e8e8e5!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:none!important;
}
/* Resumen: landing con mayor respuesta, contactos y salud de medición. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-presence-insights,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-presence-insights>a{
background:#0d0d0d!important;
background-image:none!important;
border-color:rgba(255,255,255,.11)!important;
color:#f4f4f2!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-presence-insights>a>span{
background:#181818!important;
color:#f4f4f2!important;
border:1px solid rgba(255,255,255,.10)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-presence-insights :is(small,em){color:#999995!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-presence-insights b{color:#f4f4f2!important}
/* Comparativos y métricas dentro del resumen. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-presence-compare-card,.hub-presence-compare-card.is-previous,.hub-presence-compare-card.is-current,
.hub-presence-compare-grid span,.hub-presence-channel,.hub-presence-channel-icon
){
background:#101010!important;
background-image:none!important;
border-color:rgba(255,255,255,.10)!important;
color:#f4f4f2!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-presence-channel:hover{background:#171717!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-presence-channel-copy>i{background:#202020!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-presence-channel-copy>i span{background:#f4f4f2!important;background-image:none!important}
/* Hallazgos del periodo: el elemento real es un enlace, no article. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-findings-grid,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-finding,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-finding.is-attention,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-finding.is-success,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-finding.is-info,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-finding.is-danger{
background:#101010!important;
background-image:none!important;
border-color:rgba(255,255,255,.11)!important;
color:#f4f4f2!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-finding:hover{background:#171717!important;border-color:rgba(255,255,255,.20)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-finding :is(small,strong,b){color:#f4f4f2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-finding p{color:#999995!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-regulatory-note{background:#0f0f0f!important;border-color:rgba(255,255,255,.10)!important;color:#90908c!important}
/* Inicio del administrador: estado de pago del doctor. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status.status-pagado,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status.status-paid,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status.status-vencido,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status.status-overdue,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status.status-pending,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status.status-pendiente,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status.status-sin_configurar{
background:#101010!important;
background-image:none!important;
border-color:rgba(255,255,255,.11)!important;
color:#f4f4f2!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status:hover{background:#171717!important;border-color:rgba(255,255,255,.20)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status :is(b,strong){color:#f4f4f2!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-account-status :is(small,em){color:#999995!important}
/* 3.2.11 — Actividad y administración de servicios en tema oscuro */
/* Actividad reciente: vista resumida y timeline completo. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-timeline,.hub-timeline article,.hub-summary-activity,.hub-summary-activity>a,
.hub-recent-activity,.hub-recent-activity>a,.hub-empty-inline
){
background:#0d0d0d!important;
background-image:none!important;
border-color:rgba(255,255,255,.10)!important;
color:#f4f4f2!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-timeline article{
border-bottom-color:rgba(255,255,255,.08)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-timeline:before{
background:rgba(255,255,255,.12)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-timeline article>i{
background:#f4f4f2!important;
box-shadow:0 0 0 5px rgba(255,255,255,.07)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-timeline>article>span{
background:#171717!important;
color:#d8d8d4!important;
border:1px solid rgba(255,255,255,.09)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-timeline :is(h3,p,time,span){
color:inherit!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-timeline :is(p,time){
color:#999995!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-summary-activity>a:hover,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-recent-activity>a:hover{
background:#171717!important;
border-color:rgba(255,255,255,.18)!important;
}
/* Descuentos, precio de bienvenida y Administración y pauta. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-subpanel,.hub-subpanel>summary,.hub-subpanel>div,.hub-subpanel>label,
.hub-create-panel,.hub-create-panel>summary,.hub-create-panel>form,
.hub-service-item,.hub-service-item>summary,.hub-service-item>.hub-form,
.hub-check,.hub-check-row
){
background:#0d0d0d!important;
background-image:none!important;
border-color:rgba(255,255,255,.10)!important;
color:#f4f4f2!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-subpanel[open]>summary,.hub-create-panel[open]>summary,.hub-service-item[open]>summary
){
background:#151515!important;
border-bottom-color:rgba(255,255,255,.11)!important;
color:#f4f4f2!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-subpanel>summary:after,.hub-create-panel>summary:after
){
color:#f4f4f2!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-subpanel input,.hub-subpanel textarea,.hub-subpanel select,
.hub-create-panel input,.hub-create-panel textarea,.hub-create-panel select,
.hub-service-item input,.hub-service-item textarea,.hub-service-item select
){
background:#050505!important;
color:#f4f4f2!important;
border-color:rgba(255,255,255,.12)!important;
box-shadow:none!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-subpanel label,.hub-create-panel label,.hub-service-item label,
.hub-check,.hub-check-row,.hub-check-row span,.hub-check-row b
){
color:#d8d8d4!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-subpanel label>span,.hub-create-panel label>span,.hub-service-item label>span,
.hub-check-row small,.hub-service-item small
){
color:#92928e!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
.hub-check input[type="checkbox"],.hub-check-row input[type="checkbox"]
){
accent-color:#f4f4f2!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app input[type="checkbox"]{
filter:grayscale(1) contrast(1.15)!important;
}
/* Botón/caja + Añadir servicio complementario. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-create-panel{
background:#0d0d0d!important;
border-color:rgba(255,255,255,.11)!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-create-panel>summary{
background:#101010!important;
color:#f4f4f2!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-create-panel>summary:hover{
background:#171717!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-create-panel[open]>form{
background:#0d0d0d!important;
}
/* Evita que los labels de las filas de plan hereden un blanco de módulos anteriores. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-plan-form :is(.hub-form-row,label,.hub-form-actions),
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-plan-main :is(.hub-form-row,label){
background-color:transparent!important;
color:#d8d8d4!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-plan-form .hub-check,
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-plan-main .hub-check{
background:#111!important;
border-color:rgba(255,255,255,.11)!important;
}
/* PURO Agency Hub 3.2.13 — vista final antes de enviar propuesta */
.hub-doctor-preview-gate{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.03)}
.hub-doctor-preview-cta,.hub-doctor-preview-ready{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hub-doctor-preview-cta b,.hub-doctor-preview-ready b{display:block;font-size:14px}
.hub-doctor-preview-cta small,.hub-doctor-preview-ready small{display:block;color:var(--hub-muted,#9a9aa0);margin-top:4px;max-width:560px}
.hub-doctor-preview-ready span{display:flex;align-items:flex-start;gap:10px}
.hub-doctor-preview-ready svg{width:18px;height:18px;flex:0 0 18px;color:#2fc27e;fill:currentColor;margin-top:2px}
.hub-wizard-submit-wrap{margin-top:16px}
.hub-doctor-preview-modal{position:fixed;inset:0;z-index:10000;background:rgba(6,7,10,.72);backdrop-filter:blur(10px);padding:28px;display:flex;align-items:center;justify-content:center}
.hub-doctor-preview-dialog{width:min(960px,100%);max-height:min(90vh,900px);overflow:auto;border-radius:28px;border:1px solid rgba(255,255,255,.10);background:#0d0f13;box-shadow:0 30px 60px rgba(0,0,0,.38)}
.hub-doctor-preview-head,.hub-doctor-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.hub-doctor-preview-actions{border-bottom:0;border-top:1px solid rgba(255,255,255,.08)}
.hub-doctor-preview-head span{display:block;color:#a6a6ad;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.hub-doctor-preview-head b{display:block;color:#f5f7fb;font-size:18px;margin-top:4px}
.hub-doctor-preview-head button{appearance:none;border:0;background:transparent;color:#f5f7fb;font-size:28px;line-height:1;cursor:pointer}
.hub-doctor-preview-body{padding:22px}
.hub-doctor-preview-card{display:grid;gap:16px;padding:20px;border-radius:24px;background:#12151b;border:1px solid rgba(255,255,255,.08)}
.hub-doctor-preview-meta{display:grid;gap:6px}
.hub-doctor-preview-meta small{color:#a6a6ad;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.hub-doctor-preview-meta b{color:#f5f7fb;font-size:22px;line-height:1.2}
.hub-doctor-preview-meta span{color:#c7c7ce;font-size:13px}
.hub-doctor-preview-stage{border-radius:20px;background:#0b0d11;padding:18px;border:1px solid rgba(255,255,255,.06);min-height:220px}
.hub-doctor-preview-note{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.hub-doctor-preview-note strong{display:block;color:#f5f7fb;margin-bottom:6px;font-size:13px}
.hub-doctor-preview-note p{margin:0;color:#d6d6db;line-height:1.55}
body.hub-has-doctor-preview{overflow:hidden}
@media (max-width: 720px){
.hub-doctor-preview-modal{padding:12px;align-items:flex-end}
.hub-doctor-preview-dialog{max-height:92vh;border-radius:24px}
.hub-doctor-preview-head,.hub-doctor-preview-actions{padding:16px}
.hub-doctor-preview-body{padding:16px}
}
/* PURO Agency Hub 3.2.14 — Propuestas en un solo paso */
.hub-one-step-proposal{max-width:980px;margin:18px auto 28px;padding:0 4px}
.hub-one-step-head{margin-bottom:14px}.hub-one-step-head h2{margin:4px 0 4px;font-size:22px}.hub-one-step-head p{margin:0;color:var(--hub-muted,#8f9298)}
.hub-one-step-box{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:#0c0d0f;padding:16px;box-shadow:0 18px 60px rgba(0,0,0,.12)}
.hub-one-step-project-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.hub-project-picker{position:relative;min-width:260px;max-width:420px}.hub-project-picker-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#121418;color:#f2f2f3;text-align:left;cursor:pointer}.hub-project-picker-trigger>span:nth-child(3){min-width:0;flex:1}.hub-project-picker-trigger b,.hub-project-picker-trigger small{display:block}.hub-project-picker-trigger small{font-size:10px;color:#888c93;margin-top:2px}.hub-project-picker-trigger>i{font-style:normal;color:#8c9098}.hub-project-plus{display:grid!important;place-items:center;width:30px;height:30px;border-radius:10px;background:#202329;font-size:20px;font-weight:300}.hub-project-selected-icon{display:grid!important;place-items:center;width:28px;height:28px}.hub-project-selected-icon img{width:24px;height:24px;object-fit:contain}
.hub-project-picker-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:80;width:min(440px,calc(100vw - 36px));padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#111318;box-shadow:0 20px 55px rgba(0,0,0,.42)}.hub-project-picker-menu header{padding:7px 8px 10px}.hub-project-picker-menu header b,.hub-project-picker-menu header small{display:block}.hub-project-picker-menu header small{font-size:11px;color:#8f9298;margin-top:3px}.hub-project-picker-list{display:grid;gap:5px}.hub-project-picker-list button{display:grid;grid-template-columns:34px 1fr 18px;gap:9px;align-items:center;width:100%;padding:9px;border:0;border-radius:12px;background:transparent;color:#eceef2;text-align:left;cursor:pointer}.hub-project-picker-list button:hover,.hub-project-picker-list button.is-active{background:#1b1e24}.hub-project-picker-list button>span:first-child{display:grid;place-items:center}.hub-project-picker-list img{width:24px;height:24px}.hub-project-picker-list b,.hub-project-picker-list small{display:block}.hub-project-picker-list small{color:#8f9298;font-size:10px;margin-top:2px}.hub-project-picker-list i{opacity:0;font-style:normal}.hub-project-picker-list button.is-active i{opacity:1}
.hub-one-step-status{text-align:right}.hub-one-step-status span,.hub-one-step-status small{display:block}.hub-one-step-status span{font-size:11px;color:#b7bac0}.hub-one-step-status small{font-size:10px;color:#737780;margin-top:2px}
.hub-one-step-formats{display:flex;gap:7px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.hub-one-step-formats::-webkit-scrollbar{display:none}.hub-one-step-formats button{flex:0 0 auto;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:#101216;color:#9ea2a9;font-size:11px;cursor:pointer}.hub-one-step-formats button:hover{color:#fff}.hub-one-step-formats button.is-active{background:#f1f1ef;color:#111;border-color:#f1f1ef}
.hub-one-step-title{display:block;margin:3px 0 8px!important;font-size:11px;color:#a7aab0}.hub-one-step-title small{float:right;color:#6f737b;font-weight:400}.hub-one-step-title input{margin-top:6px!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;padding:9px 2px!important;font-size:16px!important;font-weight:650!important;box-shadow:none!important}
.hub-one-step-copy{display:block!important;margin:0!important}.hub-one-step-copy>span{display:none}.hub-one-step-copy textarea{min-height:150px!important;resize:vertical!important;border:0!important;background:transparent!important;padding:10px 2px!important;font-size:15px!important;line-height:1.6!important;box-shadow:none!important}.hub-one-step-copy textarea:focus,.hub-one-step-title input:focus{outline:none!important;box-shadow:none!important}
.hub-one-step-media,.hub-one-step-options-panel{margin:10px 0;padding:13px;border-radius:18px;background:#111318;border:1px solid rgba(255,255,255,.08)}.hub-one-step-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hub-one-step-delivery{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.hub-one-step-delivery b,.hub-one-step-delivery small{display:block}.hub-one-step-delivery small{color:#858990;font-size:10px;margin-top:3px}.hub-one-step-delivery-buttons{display:flex;gap:6px}.hub-one-step-delivery-buttons button{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#9fa3aa;font-size:11px;cursor:pointer}.hub-one-step-delivery-buttons button.is-active{background:#f0f0ee;color:#111}.hub-one-step-delivery label{grid-column:1/-1}
.hub-one-step-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.hub-one-step-tools{display:flex;gap:6px}.hub-one-step-tool{display:flex;align-items:center;gap:6px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#999da4;cursor:pointer}.hub-one-step-tool:hover,.hub-one-step-tool.is-active{background:#171a20;color:#fff}.hub-one-step-tool .hub-icon,.hub-one-step-tool svg{width:16px;height:16px}.hub-one-step-preview-button{border-radius:12px!important}
.hub-one-step-sendbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#101317}.hub-one-step-sendbar>div{display:flex;align-items:center;gap:10px}.hub-one-step-sendbar>div:first-child>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1f1ef;color:#111;font-weight:800}.hub-one-step-sendbar b,.hub-one-step-sendbar small{display:block}.hub-one-step-sendbar small{color:#878b92;font-size:10px;margin-top:2px}
.hub-one-step-preview-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,5,8,.78);backdrop-filter:blur(12px)}.hub-one-step-preview-dialog{width:min(900px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:#0b0d11;box-shadow:0 32px 80px rgba(0,0,0,.5)}.hub-one-step-preview-dialog>header,.hub-one-step-preview-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.hub-one-step-preview-dialog>header{border-bottom:1px solid rgba(255,255,255,.08)}.hub-one-step-preview-dialog>footer{border-top:1px solid rgba(255,255,255,.08)}.hub-one-step-preview-dialog>header span{display:block;color:#858991;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hub-one-step-preview-dialog>header h3{margin:3px 0 0;font-size:18px}.hub-one-step-preview-dialog>header>button{border:0;background:transparent;color:#f5f5f5;font-size:28px;cursor:pointer}.hub-one-step-doctor-shell{margin:18px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#11141a}.hub-one-step-doctor-top{display:flex;gap:7px;margin-bottom:12px}.hub-one-step-doctor-top span{padding:5px 8px;border-radius:999px;background:#1b1e24;color:#b9bdc4;font-size:10px}.hub-one-step-doctor-content{min-height:220px}.hub-one-step-doctor-action{margin-top:14px;padding:12px 14px;border-radius:14px;background:#171a20;border:1px solid rgba(255,255,255,.06)}.hub-one-step-doctor-action small{display:block;color:#878b92;font-size:10px}.hub-one-step-doctor-action p{margin:5px 0 0}.hub-one-step-preview-gallery{position:relative;overflow:hidden;border-radius:16px;margin:0 0 12px}.hub-one-step-preview-gallery figure{margin:0}.hub-one-step-preview-gallery figure:not(:first-child){display:none}.hub-one-step-preview-gallery img{display:block;width:100%;max-height:520px;object-fit:cover}.hub-one-step-preview-gallery>span{position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:10px}body.hub-has-one-step-preview{overflow:hidden}
@media(max-width:760px){.hub-one-step-proposal{margin-top:12px}.hub-one-step-box{border-radius:20px;padding:12px}.hub-one-step-project-row{align-items:flex-start}.hub-project-picker{min-width:0;flex:1}.hub-one-step-status{display:none}.hub-one-step-options-grid{grid-template-columns:1fr}.hub-one-step-toolbar{align-items:flex-end}.hub-one-step-tools span{display:none}.hub-one-step-sendbar{align-items:flex-start;flex-direction:column}.hub-one-step-sendbar>div:last-child{width:100%;justify-content:flex-end}.hub-one-step-preview-modal{padding:8px;align-items:flex-end}.hub-one-step-preview-dialog{max-height:94vh;border-radius:22px}.hub-one-step-doctor-shell{margin:12px;padding:12px}.hub-one-step-delivery{grid-template-columns:1fr}.hub-one-step-delivery-buttons{justify-self:start}}
.hub-one-step-doctor-actions-preview{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.hub-one-step-doctor-actions-preview span{padding:8px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.11);color:#c8cbd0;font-size:11px}.hub-one-step-doctor-actions-preview span:first-child{background:#f1f1ef;color:#111;border-color:#f1f1ef}
/* PURO Agency Hub 3.2.15 — cierre robusto de vista previa */
.hub-one-step-preview-modal[hidden],
.hub-doctor-preview-modal[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.hub-one-step-preview-modal.is-open{display:flex!important;visibility:visible!important;pointer-events:auto!important}
.hub-one-step-preview-dialog{position:relative;z-index:1;pointer-events:auto}
.hub-one-step-preview-dialog button{pointer-events:auto;position:relative;z-index:2}
body:not(.hub-has-one-step-preview) .hub-one-step-preview-modal:not(.is-open){display:none!important}
/* ==========================================================================
* PURO Agency Hub 3.2.16 — flechas perfectamente circulares
* ========================================================================== */
.hub-social-prev,.hub-social-next{
box-sizing:border-box!important;
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
max-width:38px!important;
max-height:38px!important;
aspect-ratio:1 / 1!important;
flex:0 0 38px!important;
padding:0!important;
border-radius:50%!important;
line-height:1!important;
align-items:center!important;
justify-content:center!important;
}
.hub-command-slider-controls button{
box-sizing:border-box!important;
width:31px!important;
height:31px!important;
min-width:31px!important;
min-height:31px!important;
max-width:31px!important;
max-height:31px!important;
aspect-ratio:1 / 1!important;
flex:0 0 31px!important;
padding:0!important;
border-radius:50%!important;
line-height:1!important;
align-items:center!important;
justify-content:center!important;
}
/* Flecha circular de cada propuesta plegable: protege también el pseudo-elemento. */
.hub-proposal-review-card>summary::after{
box-sizing:border-box!important;
width:34px!important;
height:34px!important;
min-width:34px!important;
min-height:34px!important;
max-width:34px!important;
max-height:34px!important;
aspect-ratio:1 / 1!important;
border-radius:50%!important;
}
@media(max-width:720px){
.hub-proposal-review-card>summary::after{
width:32px!important;
height:32px!important;
min-width:32px!important;
min-height:32px!important;
max-width:32px!important;
max-height:32px!important;
}
}
/* ======================================================================
* v3.2.17 — Membresías PURO: fase visual + módulos asignados manualmente
* =================================================================== */
.hub-client-avatar{position:relative!important;isolation:isolate;overflow:visible!important;z-index:1}
.hub-client-avatar img{position:relative;z-index:1;border-radius:inherit;overflow:hidden}
.hub-client-avatar::before{content:"";position:absolute;inset:-4px;border-radius:50%;z-index:-1;opacity:.22;background:rgba(21,127,114,.18);pointer-events:none}
.hub-client-avatar::after{content:"";position:absolute;z-index:3;width:4px;height:4px;border-radius:50%;top:-4px;right:8px;background:transparent;pointer-events:none;opacity:0}
.hub-client-avatar.hub-phase-tier-1::before{opacity:.72;background:conic-gradient(from 20deg,rgba(15,105,96,.06),rgba(27,143,129,.74),rgba(133,236,219,.56),rgba(27,143,129,.12),rgba(15,105,96,.06));animation:hubPhaseOrbit 11s linear infinite}
.hub-client-avatar.hub-phase-tier-1::after{opacity:.7;background:#b7f0e5;box-shadow:-32px 19px 0 -1px rgba(183,240,229,.65),0 0 9px rgba(126,229,211,.85)}
.hub-client-avatar.hub-phase-tier-2::before{inset:-5px;opacity:.92;background:conic-gradient(from -10deg,rgba(18,111,105,.04),rgba(43,142,194,.9),rgba(119,235,216,.92),rgba(53,92,162,.72),rgba(18,111,105,.04));box-shadow:0 0 20px rgba(48,151,192,.18);animation:hubPhaseOrbit 7.6s linear infinite}
.hub-client-avatar.hub-phase-tier-2::after{opacity:.9;background:#d5f7f1;box-shadow:-38px 18px 0 -1px rgba(91,196,221,.9),-18px 46px 0 -1px rgba(121,234,214,.75),0 0 10px rgba(178,245,235,.95);animation:hubPhaseTwinkle 2.8s ease-in-out infinite}
.hub-client-avatar.hub-phase-tier-3::before{inset:-6px;opacity:1;background:conic-gradient(from 0deg,rgba(255,255,255,.03),rgba(77,190,206,.96),rgba(232,250,247,.98),rgba(67,116,199,.94),rgba(126,235,216,.96),rgba(255,255,255,.03));box-shadow:0 0 25px rgba(74,180,200,.23),0 0 40px rgba(56,102,181,.12);animation:hubPhaseOrbit 5.8s linear infinite}
.hub-client-avatar.hub-phase-tier-3::after{opacity:1;background:#fff;box-shadow:-44px 16px 0 -1px rgba(117,221,236,.95),-24px 52px 0 -1px rgba(154,240,225,.9),9px 43px 0 -1px rgba(114,150,229,.88),0 0 11px rgba(255,255,255,.95);animation:hubPhaseTwinkle 2.15s ease-in-out infinite}
@keyframes hubPhaseOrbit{to{transform:rotate(360deg)}}@keyframes hubPhaseTwinkle{0%,100%{transform:scale(.6);opacity:.35}50%{transform:scale(1.25);opacity:1}}
.hub-client-membership-line{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px}.hub-client-membership-line>em{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;color:var(--ph-soft);font-size:8px;font-style:normal}.hub-phase-pill{display:inline-flex!important;align-items:center!important;width:max-content;border:1px solid rgba(32,129,116,.16);border-radius:999px;padding:4px 7px!important;background:#edf7f4!important;color:#176c61!important;font-size:7px!important;font-weight:900!important;letter-spacing:.045em;text-transform:uppercase;line-height:1!important}.hub-phase-pill.tier-2{border-color:rgba(47,126,183,.2);background:#edf5fb!important;color:#286a9a!important}.hub-phase-pill.tier-3{border-color:rgba(79,99,177,.22);background:#f0f2fb!important;color:#505f9e!important}.hub-phase-pill.tier-0{background:#f3f4f3!important;color:#7a8380!important;border-color:#e2e5e4!important}
.hub-client-module-mini{display:flex!important;align-items:center;gap:4px;margin-top:7px}.hub-client-module-mini>i{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #e2ebe8;border-radius:8px;background:#f8fbfa;color:var(--ph-brand);font-style:normal}.hub-client-module-mini .hub-icon{width:13px;height:13px}.hub-client-module-mini img{width:13px;height:13px;object-fit:contain}.hub-client-module-mini>b{display:inline-flex!important;align-items:center;justify-content:center;width:23px;height:23px;border-radius:8px;background:#eef3f1;color:var(--ph-soft);font-size:7px!important}
.hub-profile-hero{overflow:visible}.hub-profile-hero[class*="hub-profile-phase-"]{background-image:radial-gradient(circle at 8% 25%,rgba(40,137,126,.07),transparent 27%)}.hub-profile-hero.hub-profile-phase-2{background-image:radial-gradient(circle at 8% 25%,rgba(44,133,185,.10),transparent 29%)}.hub-profile-hero.hub-profile-phase-3{background-image:radial-gradient(circle at 8% 25%,rgba(69,112,189,.12),rgba(32,139,126,.05) 18%,transparent 32%)}
.hub-profile-services{margin-top:11px}.hub-profile-services>small{display:block;margin-bottom:6px;color:var(--ph-soft);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hub-profile-services>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.hub-profile-services>div>span{display:inline-flex;align-items:center;gap:5px;max-width:190px;border:1px solid #e3ebe8;border-radius:10px;background:#f9fbfa;padding:5px 7px;color:var(--ph-ink)}.hub-profile-services>div>span>.hub-icon{width:13px;height:13px;color:var(--ph-brand)}.hub-profile-services>div>span>img{width:13px;height:13px;object-fit:contain}.hub-profile-services>div>span>b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-profile-services>div>em{font-size:8px;font-style:normal;color:var(--ph-brand);font-weight:850}
.hub-service-visual-icon,.hub-service-admin-icon{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #deebe7;border-radius:11px;background:#f4faf8;color:var(--ph-brand)}.hub-service-visual-icon{width:34px;height:34px}.hub-service-admin-icon{width:38px;height:38px}.hub-service-visual-icon .hub-icon,.hub-service-admin-icon .hub-icon{width:17px;height:17px}.hub-service-visual-icon img,.hub-service-admin-icon img{width:18px;height:18px;object-fit:contain}.hub-service-visual-icon.is-phase{background:linear-gradient(145deg,#e4f5ef,#edf4fb);font-size:12px;font-weight:950;color:var(--ph-brand)}.hub-service-list-visual>a{grid-template-columns:auto minmax(0,1fr) auto!important}.hub-service-item>summary{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important}
.hub-phase-admin-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid #dce9e5;border-radius:15px;background:linear-gradient(145deg,#f5faf8,#f6f8fb)}.hub-phase-admin-head>div{display:grid;gap:3px}.hub-phase-admin-head span{color:var(--ph-brand);font-size:8px;font-weight:900;letter-spacing:.1em}.hub-phase-admin-head b{font-size:15px}.hub-phase-admin-head small{color:var(--ph-soft);font-size:9px}.hub-phase-admin-head>strong{border-radius:999px;background:#e8f4f1;color:var(--ph-brand);padding:7px 10px;font-size:9px;white-space:nowrap}
.hub-phase-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hub-phase-choice-grid>label{position:relative;cursor:pointer}.hub-phase-choice-grid input{position:absolute;opacity:0;pointer-events:none}.hub-phase-choice-grid label>span{position:relative;display:grid;align-content:start;gap:5px;min-height:128px;padding:12px;border:1px solid #e0e8e5;border-radius:15px;background:#fbfcfc;transition:.16s ease}.hub-phase-choice-grid label>span>i{font:900 24px/1 var(--ph-display,inherit);font-style:normal;color:rgba(20,113,101,.14)}.hub-phase-choice-grid label>span>b{font-size:11px}.hub-phase-choice-grid label>span>small{color:var(--ph-soft);font-size:8px;line-height:1.45}.hub-phase-choice-grid input:checked+span{border-color:#4aa895;background:#eef8f5;box-shadow:0 0 0 2px rgba(53,143,126,.1)}.hub-phase-choice-grid .tier-2 input:checked+span{border-color:#5797c4;background:#f0f7fb;box-shadow:0 0 0 2px rgba(65,136,184,.1)}.hub-phase-choice-grid .tier-3 input:checked+span{border-color:#7384c0;background:#f3f5fc;box-shadow:0 0 0 2px rgba(89,105,174,.1)}.hub-phase-choice-grid .tier-2 span>i{color:rgba(49,123,178,.18)}.hub-phase-choice-grid .tier-3 span>i{color:rgba(82,98,174,.19)}.hub-phase-choice-grid .is-unassigned span>i{color:#c2cac7}
.hub-active-modules-admin{margin-top:18px}.hub-active-modules-admin>.hub-panel-head{border-bottom:1px solid var(--ph-line);padding-bottom:13px;margin-bottom:13px}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-module-mini>i,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-profile-services>div>span,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-service-visual-icon,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-service-admin-icon{background:#111820!important;border-color:rgba(255,255,255,.09)!important;color:#85d9cd!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-client-module-mini>b{background:#151b20;color:#a8b1ae}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-phase-pill{background:#12211f!important;border-color:rgba(104,221,205,.13)!important;color:#8ad8cd!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-phase-pill.tier-2{background:#121c26!important;color:#8fc3e4!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-phase-pill.tier-3{background:#171927!important;color:#aab6ec!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-phase-admin-head{background:linear-gradient(145deg,#11191c,#111620);border-color:rgba(255,255,255,.09)}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-phase-choice-grid label>span{background:#10161d;border-color:rgba(255,255,255,.08)}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-phase-choice-grid input:checked+span{background:#12221f}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-phase-choice-grid .tier-2 input:checked+span{background:#111e28}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-phase-choice-grid .tier-3 input:checked+span{background:#181a28}
@media(max-width:1050px){.hub-phase-choice-grid{grid-template-columns:1fr 1fr}.hub-phase-choice-grid label>span{min-height:105px}}@media(max-width:560px){.hub-phase-choice-grid{grid-template-columns:1fr}.hub-phase-choice-grid label>span{min-height:0}.hub-phase-admin-head{align-items:flex-start;flex-direction:column}.hub-profile-services>div>span{max-width:150px}}
@media(prefers-reduced-motion:reduce){.hub-client-avatar::before,.hub-client-avatar::after{animation:none!important}}
/* Sin fase: avatar neutro, sin halo de membresía. */
.hub-client-avatar.hub-phase-tier-0::before,.hub-client-avatar.hub-phase-tier-0::after{opacity:0!important;animation:none!important}
/* ======================================================================
* v3.3.0 — Propuestas operativas + Chat PURO continuo
* =================================================================== */
.hub-proposal-workflow-bar{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:9px;padding:12px 14px;border-bottom:1px solid var(--ph-line);background:#f8faf9}.hub-proposal-workflow-bar label{display:grid;gap:4px}.hub-proposal-workflow-bar label>span{color:var(--ph-soft);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.hub-proposal-workflow-bar select{width:100%;border:1px solid var(--ph-line);border-radius:10px;background:#fff;color:var(--ph-ink);padding:9px 10px;font-size:10px;font-weight:750}.hub-proposal-workflow-bar>small{grid-column:1/-1;color:var(--ph-soft);font-size:8px}.hub-proposal-chat-options{display:none!important}
.hub-chat-puro-shell{overflow:hidden;border:1px solid var(--ph-line);border-radius:22px;background:var(--ph-paper);box-shadow:var(--ph-shadow)}.hub-chat-puro-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid var(--ph-line)}.hub-chat-puro-head h2{margin:3px 0;font-size:20px}.hub-chat-puro-head p{margin:0;color:var(--ph-soft);font-size:10px}.hub-chat-puro-state{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 9px;background:#e9f7ef;color:#237c53;font-size:9px;font-weight:850}.hub-chat-puro-state i{width:7px;height:7px;border-radius:50%;background:#31b781}.hub-chat-puro-thread{min-height:430px;max-height:66vh;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px;background:#f6f8f7}.hub-chat-puro-thread>article{display:flex;align-items:flex-end;gap:8px;max-width:80%}.hub-chat-puro-thread>article.is-client{align-self:flex-start}.hub-chat-puro-thread>article.is-agency{align-self:flex-end;flex-direction:row-reverse}.hub-chat-puro-thread>article>div{padding:10px 12px;border:1px solid #e4ebe8;border-radius:15px;background:#fff}.hub-chat-puro-thread>article.is-client>div{border-bottom-left-radius:5px}.hub-chat-puro-thread>article.is-agency>div{border-bottom-right-radius:5px;background:#e9f5f1;border-color:#d4e8e1}.hub-chat-puro-thread p{margin:0;font-size:11px;line-height:1.55}.hub-chat-puro-thread time{display:block;margin-top:6px;color:var(--ph-soft);font-size:8px;text-align:right}.hub-chat-context{display:inline-flex;margin-bottom:6px;border-radius:999px;padding:3px 7px;background:#edf5f2;color:var(--ph-brand);font-size:8px;font-weight:800}.hub-chat-puro-composer{padding:14px 16px;border-top:1px solid var(--ph-line);background:#fff}.hub-chat-puro-composer textarea{width:100%;box-sizing:border-box;border:1px solid var(--ph-line);border-radius:14px;background:#f8faf9;color:var(--ph-ink);padding:12px;resize:none}.hub-chat-puro-composer>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.hub-chat-puro-composer small{color:var(--ph-soft);font-size:8px}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-workflow-bar{background:#0e141d;border-color:rgba(255,255,255,.08)}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-workflow-bar select{background:#121a24;border-color:rgba(255,255,255,.09);color:#eee}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-puro-shell{background:#0b111b;border-color:rgba(124,238,226,.13)}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-puro-thread{background:#070b11}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-puro-thread>article>div{background:#111821;border-color:rgba(255,255,255,.07);color:#eee}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-puro-thread>article.is-agency>div{background:rgba(37,136,122,.18);border-color:rgba(100,224,207,.12)}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-puro-composer{background:#0d131c;border-color:rgba(255,255,255,.07)}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-puro-composer textarea{background:#121a24;border-color:rgba(255,255,255,.09);color:#f1f1ee}
@media(max-width:720px){.hub-proposal-workflow-bar{grid-template-columns:1fr}.hub-chat-puro-head{grid-template-columns:auto 1fr}.hub-chat-puro-state{grid-column:2;justify-self:start}.hub-chat-puro-thread>article{max-width:92%}.hub-chat-puro-composer>div{align-items:stretch;flex-direction:column}.hub-chat-puro-composer .hub-btn{width:100%}}
/* v3.3.0 — estados humanos de la bandeja de Trabajo */
.hub-work-row.bucket-attention{border-color:rgba(206,146,52,.32)}
.hub-work-row.bucket-waiting .hub-work-row-meta i{background:rgba(77,127,210,.09);color:#4b6fa6}
.hub-work-row.bucket-process .hub-work-row-meta i{background:rgba(31,150,127,.09);color:var(--ph-brand)}
.hub-work-row.bucket-done{opacity:.78}
.hub-work-row.bucket-done .hub-work-row-meta i{background:rgba(69,140,96,.09);color:#397c56}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-row.bucket-waiting .hub-work-row-meta i{color:#8bb2ed}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-row.bucket-process .hub-work-row-meta i{color:#7de0d3}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-work-row.bucket-done .hub-work-row-meta i{color:#91d5a8}
/* ======================================================================
* v3.3.2 — Chats separados por integrante/área
* =================================================================== */
.hub-chat-center{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:14px;align-items:stretch}
.hub-chat-sidebar{overflow:hidden;border:1px solid var(--ph-line);border-radius:22px;background:var(--ph-paper);box-shadow:var(--ph-shadow)}
.hub-chat-sidebar>header{padding:18px 18px 13px;border-bottom:1px solid var(--ph-line)}
.hub-chat-sidebar>header h2{margin:3px 0;font-size:20px}.hub-chat-sidebar>header p{margin:0;color:var(--ph-soft);font-size:9px;line-height:1.45}
.hub-chat-sidebar-label{padding:11px 13px 7px;color:var(--ph-soft);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hub-chat-sidebar-label.is-contacts{border-top:1px solid var(--ph-line);margin-top:5px}
.hub-chat-sidebar-list{display:grid}.hub-chat-contact-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:68px;padding:9px 11px;border-top:1px solid var(--ph-line);color:inherit;text-decoration:none;background:var(--ph-paper)}
.hub-chat-contact-row:hover,.hub-chat-contact-row.is-active{background:color-mix(in srgb,var(--ph-brand) 6%,var(--ph-paper))}.hub-chat-contact-row.is-active{box-shadow:inset 3px 0 0 var(--ph-brand)}
.hub-chat-contact-row.has-unread span b::after{content:"";display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#31b781}
.hub-chat-contact-row>span{display:grid;gap:1px;min-width:0}.hub-chat-contact-row b,.hub-chat-contact-row small,.hub-chat-contact-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-chat-contact-row b{font-size:10.5px}.hub-chat-contact-row small{color:var(--ph-brand);font-size:8px;font-weight:800}.hub-chat-contact-row em{color:var(--ph-soft);font-size:8.5px;font-style:normal}.hub-chat-contact-row time{align-self:start;color:var(--ph-soft);font-size:7.5px}.hub-chat-contact-row>i{color:var(--ph-soft);font-style:normal;font-size:18px}.hub-chat-sidebar-empty{padding:18px;color:var(--ph-soft);font-size:9px;text-align:center}
.hub-chat-thread-shell{min-width:0}.hub-chat-historical-note{padding:11px 14px;border-top:1px solid var(--ph-line);color:var(--ph-soft);font-size:9px;text-align:center}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-sidebar{background:#0b111b;border-color:rgba(124,238,226,.13)}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-sidebar>header,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-sidebar-label.is-contacts,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-contact-row{border-color:rgba(255,255,255,.07)}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-contact-row{background:#0d131c}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-contact-row:hover,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-contact-row.is-active{background:#121b25}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-contact-row b{color:#f1f3f2}
@media(max-width:900px){.hub-chat-center{grid-template-columns:1fr}.hub-chat-sidebar{max-height:390px;overflow:auto}.hub-chat-puro-thread{max-height:55vh}}
/* ======================================================================
* v3.3.3 — Mockups de propuestas más fieles por categoría
* Redes usa preview tipo doctor y ya no fuerza imágenes cuadradas.
* =================================================================== */
.hub-live-instagram{max-width:430px;margin:0 auto;border-radius:18px}
.hub-live-instagram>header{padding:11px 12px}
.hub-live-instagram>header b{font-size:10px}.hub-live-instagram>header small{font-size:8px}
.hub-live-social-stage{background:#edf2f0}
.hub-live-instagram .hub-one-step-preview-gallery{margin:0;border-radius:0;background:#edf2f0}
.hub-live-instagram .hub-one-step-preview-gallery figure:not(:first-child){display:none}
.hub-live-instagram .hub-one-step-preview-gallery img{display:block;width:100%;height:auto;max-height:min(68vh,720px);object-fit:contain;background:#edf2f0}
.hub-live-instagram.is-format-reel,.hub-live-instagram.is-format-video{max-width:390px}
.hub-live-instagram.is-format-reel .hub-one-step-preview-gallery img,.hub-live-instagram.is-format-video .hub-one-step-preview-gallery img{max-height:min(74vh,780px)}
.hub-preview-media-empty-social{min-height:320px;border:0;border-radius:0;background:#edf2f0}
.hub-live-social-actions{display:flex;align-items:center;gap:14px;padding:10px 12px 4px;font-size:20px;line-height:1;letter-spacing:0}.hub-live-social-actions span:last-child{margin-left:auto}
.hub-live-social-caption{padding:6px 12px 14px;font-size:11px;line-height:1.5}.hub-live-social-caption b{margin-right:4px}.hub-live-social-caption p{display:inline;margin:0;color:#344b45}
.hub-live-google-ad,.hub-live-article,.hub-live-strategy{max-width:760px;margin:0 auto}
.hub-live-article .hub-one-step-preview-gallery,.hub-live-strategy .hub-one-step-preview-gallery{margin:0 0 12px;border-radius:16px;overflow:hidden;background:#eef3f1}
.hub-live-article .hub-one-step-preview-gallery img,.hub-live-strategy .hub-one-step-preview-gallery img{width:100%;height:auto;max-height:min(52vh,520px);object-fit:cover;display:block}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-instagram{background:#0f141c!important;border-color:rgba(124,238,226,.14)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-instagram>header,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-social-actions,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-social-caption{background:#0f141c!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-instagram .hub-live-social-stage,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-instagram .hub-one-step-preview-gallery,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-instagram .hub-one-step-preview-gallery img,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-preview-media-empty-social{background:#111a24!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-social-caption p,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-instagram>header small{color:#a7b8bf!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-social-caption b,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-instagram>header b{color:#eef7f4!important}
@media(max-width:760px){.hub-live-instagram{max-width:100%}.hub-live-instagram .hub-one-step-preview-gallery img{max-height:56vh}.hub-live-instagram.is-format-reel .hub-one-step-preview-gallery img,.hub-live-instagram.is-format-video .hub-one-step-preview-gallery img{max-height:62vh}.hub-live-google-ad,.hub-live-article,.hub-live-strategy{max-width:100%}.hub-live-social-caption{font-size:10px}}
/* ======================================================================
* v3.3.4 — Composer móvil más estable y visible
* Corrige desbordes, muestra mejor las herramientas y facilita adjuntar.
* =================================================================== */
.hub-one-step-form,.hub-one-step-box,.hub-one-step-project-row,.hub-one-step-formats,.hub-one-step-toolbar,.hub-one-step-tools{min-width:0}
.hub-one-step-box{overflow-x:clip}
.hub-one-step-formats{scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.hub-one-step-formats button{scroll-snap-align:start}
.hub-one-step-media,.hub-one-step-options-panel{overflow:hidden}
@media(max-width:760px){
.hub-one-step-proposal{padding:0}
.hub-one-step-head h2{font-size:20px;line-height:1.15}
.hub-one-step-head p{font-size:13px;line-height:1.45}
.hub-one-step-box{padding:12px;overflow-x:hidden}
.hub-project-picker-trigger{padding:10px;min-height:62px}
.hub-project-picker-menu{width:min(420px,calc(100vw - 24px))}
.hub-one-step-formats{margin:0 -2px 6px;padding:2px 2px 10px}
.hub-one-step-formats button{padding:9px 12px;font-size:12px}
.hub-one-step-title input{font-size:15px!important}
.hub-one-step-copy textarea{min-height:180px!important;font-size:14px!important}
.hub-one-step-media,.hub-one-step-options-panel{padding:12px}
.hub-one-step-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding-top:10px;margin-top:10px}
.hub-one-step-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.hub-one-step-tool{justify-content:center;padding:11px 12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#101216;color:#eef1f5}
.hub-one-step-tools span{display:inline}
.hub-one-step-preview-button{width:100%;justify-content:center;text-align:center}
.hub-one-step-sendbar>div:last-child{flex-direction:column;align-items:stretch;width:100%}
.hub-one-step-sendbar .hub-btn{width:100%;justify-content:center;text-align:center}
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-one-step-tool{background:#101620!important;border-color:rgba(124,238,226,.14)!important;color:#edf7f5!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-one-step-tool:hover,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-one-step-tool.is-active{background:#14202b!important;border-color:rgba(124,238,226,.28)!important;color:#7cf6e3!important}
/* ======================================================================
* v3.3.5 — Composer de propuestas móvil funcional y sintetizado
* =================================================================== */
.hub-one-step-box{overflow:visible!important}
.hub-project-picker-trigger>span:nth-child(2){min-width:0;flex:1}
.hub-project-picker-trigger>span:nth-child(2) b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-project-selected-icon{flex:0 0 34px;width:34px;height:34px}
.hub-project-selected-icon img,.hub-project-selected-icon svg{max-width:26px;max-height:26px}
.hub-one-step-media[hidden],.hub-one-step-options-panel[hidden]{display:none!important}
.hub-one-step-media:not([hidden]),.hub-one-step-options-panel:not([hidden]){display:block;animation:hubComposerPanelIn .2s ease both}
@keyframes hubComposerPanelIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.hub-proposal-list-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.hub-proposal-list-tools>span{color:#8e949d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.hub-proposal-list-tools .hub-proposal-filters{margin:0}
@media(max-width:760px){
.hub-one-step-head{margin-bottom:10px}
.hub-one-step-head h2{font-size:20px;line-height:1.18}
.hub-one-step-head p{max-width:34rem;font-size:12px;line-height:1.5}
.hub-one-step-box{padding:11px!important;overflow:visible!important}
.hub-one-step-project-row{margin-bottom:9px}
.hub-project-picker{width:100%;max-width:none}
.hub-project-picker-trigger{min-height:56px;padding:9px 10px;gap:10px}
.hub-project-picker-trigger>i{font-size:16px}
.hub-project-picker-menu{left:0;right:0;width:100%;max-width:none;max-height:min(62vh,480px);overflow-y:auto;overscroll-behavior:contain}
.hub-one-step-formats{margin:0 -1px 4px;padding:3px 1px 9px;gap:7px}
.hub-one-step-formats button{padding:9px 12px;font-size:12px}
.hub-one-step-title{margin-top:1px!important}
.hub-one-step-title input{min-height:44px!important;font-size:14px!important}
.hub-one-step-copy textarea{height:132px!important;min-height:132px!important;max-height:260px!important;font-size:14px!important;line-height:1.48!important;resize:vertical!important}
.hub-one-step-media,.hub-one-step-options-panel{margin:8px 0;padding:10px;border-radius:15px}
.hub-media-dropzone{padding:12px!important}
.hub-one-step-toolbar{position:relative;display:grid!important;grid-template-columns:1fr;gap:8px!important;align-items:stretch!important;margin-top:8px;padding-top:9px!important}
.hub-one-step-tools{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%}
.hub-one-step-tool{display:flex!important;justify-content:center;align-items:center;min-height:44px;padding:10px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:12px!important;background:#11151b!important;color:#edf2f5!important}
.hub-one-step-tools span{display:inline!important;font-size:11px;font-weight:750}
.hub-one-step-tool .hub-icon,.hub-one-step-tool svg{width:17px!important;height:17px!important;flex:0 0 17px}
.hub-one-step-preview-button{width:100%;min-height:44px;justify-content:center;text-align:center}
.hub-proposal-list-tools{display:grid;gap:8px;margin-top:18px;padding-top:16px}
.hub-proposal-list-tools>span{font-size:9px}
.hub-proposal-list-tools .hub-proposal-filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
.hub-proposal-list-tools .hub-proposal-filters::-webkit-scrollbar{display:none}
.hub-proposal-list-tools .hub-proposal-filters a{flex:0 0 auto}
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-proposal-list-tools{border-color:rgba(124,238,226,.11)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-one-step-media,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-one-step-options-panel{background:#0e141d!important;border-color:rgba(124,238,226,.12)!important}
/* ======================================================================
* v3.4.0 — Opciones visuales: calendario + nota + asignación interna
* =================================================================== */
.hub-one-step-options-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.hub-one-step-options-head small,.hub-one-step-options-head b{display:block}.hub-one-step-options-head small{color:#7f8790;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.hub-one-step-options-head b{margin-top:3px;font-size:12px}
.hub-proposal-date-card{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#0d1015}.hub-proposal-date-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.07)}.hub-proposal-date-card>header small,.hub-proposal-date-card>header b{display:block}.hub-proposal-date-card>header small{color:#7ee7d6;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.hub-proposal-date-card>header b{margin-top:3px;font-size:14px;text-transform:capitalize}.hub-proposal-date-card nav{display:flex;gap:6px}.hub-proposal-date-card nav button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#141820;color:#eef2f4;font-size:21px;cursor:pointer}.hub-proposal-date-card nav button:hover{border-color:#3dcfb9;color:#7cf0df}
.hub-proposal-calendar-weekdays,.hub-proposal-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.hub-proposal-calendar-weekdays{padding:9px 10px 5px}.hub-proposal-calendar-weekdays span{text-align:center;color:#727983;font-size:7.5px;font-weight:900;text-transform:uppercase}.hub-proposal-calendar-grid{padding:4px 10px 10px}.hub-proposal-calendar-grid>span.is-blank{min-height:38px}.hub-proposal-calendar-grid button{display:grid;place-items:center;min-width:0;min-height:38px;padding:0;border:1px solid transparent;border-radius:11px;background:transparent;color:#c8ccd1;font-size:10px;font-weight:800;cursor:pointer}.hub-proposal-calendar-grid button:hover{background:#171c23}.hub-proposal-calendar-grid button.is-today{border-color:rgba(124,238,226,.25);color:#7ceedd}.hub-proposal-calendar-grid button.is-selected{background:#eff1ef;color:#111;border-color:#eff1ef;box-shadow:0 8px 20px -16px rgba(255,255,255,.45)}
.hub-proposal-date-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);color:#949aa2;font-size:9px}.hub-proposal-date-card>footer button{border:0;background:transparent;color:#79dfcf;font-size:9px;font-weight:800;cursor:pointer}
.hub-one-step-note{display:block;margin:11px 0 0!important}.hub-one-step-note>span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:#c8ccd1;font-size:10px;font-weight:800}.hub-one-step-note>span small{color:#727982;font-size:8px;font-weight:600}.hub-one-step-note textarea{min-height:80px!important;margin:0!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:#0d1015!important;padding:11px 12px!important;font-size:11px!important;line-height:1.5!important;resize:vertical!important}
.hub-one-step-team-settings{margin-top:11px;border-top:1px solid rgba(255,255,255,.07)}.hub-one-step-team-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px 3px;list-style:none;cursor:pointer;color:#aeb4ba;font-size:9px;font-weight:800}.hub-one-step-team-settings>summary::-webkit-details-marker{display:none}.hub-one-step-team-settings>summary span{color:#6f7780;font-weight:600}.hub-one-step-team-settings>.hub-form-row{margin-top:9px}
.hub-one-step-options-panel .hub-one-step-delivery{margin-top:12px}
@media(max-width:760px){.hub-proposal-calendar-grid>span.is-blank,.hub-proposal-calendar-grid button{min-height:36px}.hub-proposal-date-card>header{padding:11px}.hub-proposal-date-card nav button{width:32px;height:32px}.hub-one-step-note>span{align-items:flex-start;flex-direction:column;gap:2px}.hub-one-step-team-settings>.hub-form-row{grid-template-columns:1fr!important}.hub-one-step-options-panel .hub-one-step-delivery{gap:9px}.hub-one-step-options-panel .hub-one-step-delivery-buttons{justify-self:stretch}.hub-one-step-options-panel .hub-one-step-delivery-buttons button{flex:1}}
html[data-puro-theme="light"] .hub-proposal-date-card,html[data-puro-theme="light"] .hub-one-step-note textarea{background:#f7f8f7!important;border-color:#dfe5e2!important;color:#202522!important}html[data-puro-theme="light"] .hub-proposal-date-card>header,html[data-puro-theme="light"] .hub-proposal-date-card>footer,html[data-puro-theme="light"] .hub-one-step-team-settings{border-color:#e5e9e7!important}html[data-puro-theme="light"] .hub-proposal-date-card nav button{background:#fff!important;border-color:#dce3df!important;color:#36423e!important}html[data-puro-theme="light"] .hub-proposal-calendar-grid button{color:#49534f}html[data-puro-theme="light"] .hub-proposal-calendar-grid button:hover{background:#eef2f0}html[data-puro-theme="light"] .hub-proposal-calendar-grid button.is-selected{background:#14211d;color:#fff;border-color:#14211d}
/* ======================================================================
* v3.4.1 — Calendario principal compartido + composer por fecha
* =================================================================== */
.hub-proposal-master-calendar{margin:16px 0 22px;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:#0d1117;box-shadow:0 24px 60px -44px rgba(0,0,0,.65)}
.hub-proposal-master-calendar>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.hub-proposal-master-calendar>header h3{margin:3px 0 2px;font-size:19px;text-transform:capitalize}.hub-proposal-master-calendar>header p{margin:0;color:#8f99a4;font-size:10px;line-height:1.45}
.hub-proposal-master-calendar>header nav{display:flex;align-items:center;gap:6px}.hub-proposal-master-calendar>header nav button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#121820;color:#eef2f6;font-size:10px;font-weight:800;cursor:pointer}.hub-proposal-master-calendar>header nav button:first-child,.hub-proposal-master-calendar>header nav button:last-child{width:34px;padding:0;font-size:20px}
.hub-proposal-master-weekdays,.hub-proposal-master-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.hub-proposal-master-weekdays{padding:11px 12px 5px}.hub-proposal-master-weekdays span{text-align:center;color:#737d88;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.hub-proposal-master-grid{padding:4px 12px 13px}.hub-proposal-master-grid>span.is-blank{min-height:86px}
.hub-master-calendar-day{display:block;min-width:0;min-height:86px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#10161e;color:#eef2f6;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.hub-master-calendar-day:hover{transform:translateY(-1px);border-color:rgba(124,238,226,.22);background:#141c25}.hub-master-calendar-day>strong{display:grid;place-items:center;width:24px;height:24px;margin-bottom:5px;border-radius:8px;font-size:9px}.hub-master-calendar-day.is-today>strong{background:rgba(124,238,226,.10);color:#7ceedd}.hub-master-calendar-day.is-selected{border-color:rgba(124,238,226,.32);box-shadow:inset 0 0 0 1px rgba(124,238,226,.10)}.hub-master-calendar-day.is-selected>strong{background:#eff1ef;color:#111}.hub-master-calendar-day>div{display:grid;gap:4px}.hub-master-event{display:grid;grid-template-columns:6px minmax(0,1fr);gap:5px;align-items:center;min-width:0;padding:4px 5px;border-radius:7px;background:#151e27}.hub-master-event i{width:6px;height:6px;border-radius:50%;background:#7ceedd}.hub-master-event b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.hub-master-calendar-day small{padding-left:4px;color:#8d98a2;font-size:7px}.hub-master-channel-google_ads i{background:#5c8ee6}.hub-master-channel-meta_ads i{background:#6d7cf0}.hub-master-channel-blog i{background:#b8944c}.hub-master-channel-sitio_web i{background:#7b9d92}.hub-master-channel-google_business i{background:#d89b47}
.hub-one-step-date-chip{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;margin:0 0 10px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#10151b;color:#eef1f4;text-align:left;cursor:pointer}.hub-one-step-date-chip>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#171e26;color:#7ceedd}.hub-one-step-date-chip svg{width:17px;height:17px}.hub-one-step-date-chip>span:nth-child(2){min-width:0}.hub-one-step-date-chip small,.hub-one-step-date-chip b{display:block}.hub-one-step-date-chip small{color:#7e8994;font-size:7px;text-transform:uppercase;letter-spacing:.05em}.hub-one-step-date-chip b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.hub-one-step-date-chip em{color:#7ceedd;font-size:8px;font-style:normal}.hub-one-step-date-chip.has-date{border-color:rgba(124,238,226,.16);background:#111a20}
.hub-one-step-proposal.is-calendar-start .hub-one-step-box{animation:puro-calendar-focus .52s ease}@keyframes puro-calendar-focus{0%{box-shadow:0 0 0 0 rgba(124,238,226,.0)}45%{box-shadow:0 0 0 4px rgba(124,238,226,.10)}100%{box-shadow:0 18px 60px rgba(0,0,0,.12)}}
@media(max-width:760px){.hub-proposal-master-calendar{margin:14px 0 18px;border-radius:18px}.hub-proposal-master-calendar>header{align-items:flex-start;flex-direction:column;padding:13px}.hub-proposal-master-calendar>header nav{width:100%;justify-content:space-between}.hub-proposal-master-calendar>header nav button:nth-child(2){flex:1}.hub-proposal-master-weekdays{padding:9px 7px 4px}.hub-proposal-master-grid{gap:4px;padding:3px 7px 8px}.hub-proposal-master-grid>span.is-blank{min-height:48px}.hub-master-calendar-day{min-height:48px;padding:4px;border-radius:10px}.hub-master-calendar-day>strong{width:21px;height:21px;margin:0 auto 3px;font-size:8px}.hub-master-calendar-day>div{display:flex;align-items:center;justify-content:center;gap:3px;min-height:8px}.hub-master-event{display:block;width:6px;height:6px;padding:0;border-radius:50%;background:transparent}.hub-master-event i{display:block}.hub-master-event b{display:none}.hub-master-calendar-day small{padding:0;font-size:6px}.hub-one-step-date-chip{grid-template-columns:32px minmax(0,1fr) auto;padding:8px}.hub-one-step-date-chip>span:first-child{width:32px;height:32px}.hub-one-step-date-chip em{font-size:7px}}
html[data-puro-theme="light"] .hub-proposal-master-calendar{background:#f7f8f7!important;border-color:#dde5e1!important;box-shadow:0 24px 55px -44px rgba(10,55,46,.32)!important}html[data-puro-theme="light"] .hub-proposal-master-calendar>header{border-color:#e2e8e5!important}html[data-puro-theme="light"] .hub-proposal-master-calendar>header p{color:#68736e!important}html[data-puro-theme="light"] .hub-proposal-master-calendar>header nav button{background:#fff!important;border-color:#dce4e0!important;color:#25312d!important}html[data-puro-theme="light"] .hub-master-calendar-day{background:#fff!important;border-color:#e1e7e4!important;color:#25312d!important}html[data-puro-theme="light"] .hub-master-calendar-day:hover{background:#f2f6f4!important;border-color:#b8d8cf!important}html[data-puro-theme="light"] .hub-master-event{background:#f0f5f3!important}html[data-puro-theme="light"] .hub-one-step-date-chip{background:#f8faf9!important;border-color:#dfe6e2!important;color:#26312d!important}html[data-puro-theme="light"] .hub-one-step-date-chip>span:first-child{background:#e8f4f0!important;color:#17745f!important}html[data-puro-theme="light"] .hub-one-step-date-chip em{color:#17745f!important}
/* ======================================================================
* v3.4.2 — Calendario móvil con iconos de módulo + estado visible
* =================================================================== */
.hub-master-status-legend{display:flex;flex-wrap:wrap;gap:7px;padding:10px 12px 2px}.hub-master-status-legend span{display:inline-flex;align-items:center;gap:5px;color:#8f99a4;font-size:7px;font-weight:800}.hub-master-status-legend i{width:7px;height:7px;border-radius:50%}.hub-master-status-legend .is-pending i{background:#f2b84b}.hub-master-status-legend .is-progress i{background:#ef8f5b}.hub-master-status-legend .is-scheduled i{background:#6f8cff}.hub-master-status-legend .is-published i{background:#46d391}
.hub-master-calendar-day.has-events{background:#111a23;border-color:rgba(124,238,226,.16)}
.hub-master-event{grid-template-columns:21px minmax(0,1fr);gap:6px;padding:4px 6px;border:1px solid transparent}
.hub-master-icon{position:relative;display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#1a2530;border:1px solid rgba(255,255,255,.08);color:#7ceedd}.hub-master-icon svg{width:13px;height:13px}.hub-master-icon::after{content:'';position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border:2px solid #111a23;border-radius:50%;background:#87939e;box-sizing:border-box}
.hub-master-status-pending .hub-master-icon::after{background:#f2b84b}.hub-master-status-progress .hub-master-icon::after{background:#ef8f5b}.hub-master-status-scheduled .hub-master-icon::after{background:#6f8cff}.hub-master-status-approved .hub-master-icon::after{background:#55d5c0}.hub-master-status-published .hub-master-icon::after{background:#46d391}
.hub-master-status-pending{border-color:rgba(242,184,75,.18)}.hub-master-status-progress{border-color:rgba(239,143,91,.18)}.hub-master-status-scheduled{border-color:rgba(111,140,255,.18)}.hub-master-status-approved{border-color:rgba(85,213,192,.18)}.hub-master-status-published{border-color:rgba(70,211,145,.18)}
.hub-master-channel-redes .hub-master-icon{color:#d94a82}.hub-master-channel-meta_ads .hub-master-icon{color:#7c82f6}.hub-master-channel-google_ads .hub-master-icon{color:#5c8ee6}.hub-master-channel-blog .hub-master-icon{color:#c09642}.hub-master-channel-sitio_web .hub-master-icon{color:#64a892}.hub-master-channel-google_business .hub-master-icon{color:#d89b47}.hub-master-channel-ia .hub-master-icon{color:#53d5c0}
.hub-master-more{display:inline-grid!important;place-items:center;min-width:18px;height:18px;padding:0 4px!important;border-radius:999px;background:#17222c;color:#a8b5bf!important;font-weight:900}
@media(max-width:760px){
.hub-master-status-legend{flex-wrap:nowrap;overflow-x:auto;padding:8px 7px 3px;scrollbar-width:none}.hub-master-status-legend::-webkit-scrollbar{display:none}.hub-master-status-legend span{flex:0 0 auto;padding:5px 7px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#10161e;font-size:6.5px}
.hub-master-calendar-day{min-height:62px;padding:4px 3px}.hub-master-calendar-day.has-events{border-color:rgba(124,238,226,.23);box-shadow:inset 0 -2px 0 rgba(124,238,226,.08)}
.hub-master-calendar-day>div{min-height:26px;gap:4px;align-items:center;justify-content:center;flex-wrap:nowrap}
.hub-master-event{display:block;width:26px;height:26px;padding:0;border:0;background:transparent!important;overflow:visible}.hub-master-event b{display:none}.hub-master-event .hub-master-icon{width:26px;height:26px;border-radius:8px}.hub-master-event .hub-master-icon svg{width:15px;height:15px}.hub-master-event .hub-master-icon::after{width:8px;height:8px;right:-2px;bottom:-2px}
.hub-master-more{min-width:18px;height:18px;font-size:6px}
}
html[data-puro-theme="light"] .hub-master-status-legend span{background:#fff!important;border-color:#e1e7e4!important;color:#66736e!important}html[data-puro-theme="light"] .hub-master-calendar-day.has-events{background:#f7fbf9!important;border-color:#c9dfd8!important}html[data-puro-theme="light"] .hub-master-icon{background:#f0f5f3!important;border-color:#dce7e3!important}html[data-puro-theme="light"] .hub-master-icon::after{border-color:#f7fbf9}
/* v3.4.3 — Blog: texto normal o HTML */
.hub-one-step-content-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#101216}
.hub-one-step-content-mode[hidden]{display:none!important}
.hub-one-step-content-mode>div span,.hub-one-step-content-mode>div small{display:block}.hub-one-step-content-mode>div span{font-size:11px;font-weight:800;color:#eef1f3}.hub-one-step-content-mode>div small{margin-top:2px;color:#858b91;font-size:9px}
.hub-one-step-content-mode nav{display:flex;gap:5px;padding:3px;border-radius:999px;background:#080a0d}.hub-one-step-content-mode button{appearance:none;border:0;border-radius:999px;background:transparent;color:#8e949a;padding:7px 10px;font-size:10px;font-weight:750;cursor:pointer}.hub-one-step-content-mode button.is-active{background:#f2f2ef;color:#111}
.hub-one-step-copy textarea.is-html-mode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px!important;line-height:1.55!important;tab-size:2}
.hub-live-article-content{color:#52645e;font-size:11px;line-height:1.7}.hub-live-article-content>*:first-child{margin-top:0}.hub-live-article-content>*:last-child{margin-bottom:0}.hub-live-article-content h1,.hub-live-article-content h2,.hub-live-article-content h3{color:inherit;line-height:1.25}.hub-live-article-content h2{font-size:18px}.hub-live-article-content h3{font-size:15px}.hub-live-article-content p{margin:0 0 11px;max-height:none;overflow:visible}.hub-live-article-content ul,.hub-live-article-content ol{padding-left:20px}.hub-live-article-content a{text-decoration:underline}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-one-step-content-mode{background:#0f151d!important;border-color:rgba(124,238,226,.14)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-one-step-content-mode nav{background:#080c11!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-one-step-content-mode>div span{color:#eff8f6!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-live-article-content{color:#c0d0d5!important}
@media(max-width:760px){.hub-one-step-content-mode{align-items:flex-start;flex-direction:column}.hub-one-step-content-mode nav{width:100%}.hub-one-step-content-mode button{flex:1}.hub-one-step-copy textarea.is-html-mode{font-size:12px!important}}
/* v3.4.5 — persistencia explícita del modo HTML al editar blogs */
.hub-proposal-edit-form .hub-field-help{display:block;margin-top:6px;color:var(--ph-soft);font-size:9px;line-height:1.45}
.hub-proposal-edit-form textarea.is-html-mode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px!important;line-height:1.55!important;tab-size:2}
/* v3.4.6 — acciones de facturación editables/eliminables */
.hub-inline-delete-form{display:flex;justify-content:flex-end;margin-top:10px}
.hub-billing-delete-period{padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.hub-btn-danger{background:transparent!important;border-color:rgba(222,78,96,.32)!important;color:#d94e60!important}
.hub-btn-danger:hover{background:rgba(222,78,96,.08)!important;border-color:rgba(222,78,96,.55)!important}
@media(max-width:760px){.hub-inline-delete-form .hub-btn-danger{width:100%;justify-content:center}.hub-billing-record-actions .hub-btn{width:100%;justify-content:center}}
/* ======================================================================
* v3.4.7 — Chat PURO flotante en agencia
* =================================================================== */
button.hub-work-row{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer}
.hub-agency-chat-fab{position:fixed;right:22px;bottom:24px;z-index:10020;display:flex;align-items:center;gap:9px;min-height:52px;padding:0 16px;border:1px solid rgba(124,238,226,.22);border-radius:999px;background:#0f171f;color:#eef7f5;box-shadow:0 22px 52px -20px rgba(0,0,0,.65);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.hub-agency-chat-fab:hover{transform:translateY(-2px);border-color:rgba(124,238,226,.4);box-shadow:0 26px 60px -20px rgba(0,0,0,.72)}
.hub-agency-chat-fab .hub-icon{width:22px;height:22px;color:#62e4d2}.hub-agency-chat-fab>span{font-size:11px;font-weight:850}.hub-agency-chat-fab>b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#e75f74;color:#fff;font-size:8px}
.hub-agency-chat-modal{position:fixed;inset:0;z-index:10030;display:grid;align-items:end;justify-items:end;opacity:0;pointer-events:none;transition:opacity .2s ease}
.hub-agency-chat-modal[hidden]{display:none!important}.hub-agency-chat-modal.is-open{opacity:1;pointer-events:auto}.hub-agency-chat-modal.is-closing{opacity:0}
.hub-agency-chat-backdrop{position:absolute;inset:0;border:0;background:rgba(2,6,10,.62);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}.hub-agency-chat-modal.is-open .hub-agency-chat-backdrop{opacity:1}
.hub-agency-chat-drawer{position:relative;z-index:1;display:flex;flex-direction:column;width:min(920px,calc(100vw - 36px));height:min(760px,calc(100dvh - 48px));margin:0 18px 18px;border:1px solid rgba(124,238,226,.15);border-radius:26px;background:#090f16;box-shadow:0 36px 90px -24px rgba(0,0,0,.9);overflow:hidden;opacity:0;transform:translate3d(0,24px,0) scale(.975);transform-origin:100% 100%;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.hub-agency-chat-modal.is-open .hub-agency-chat-drawer{opacity:1;transform:translate3d(0,0,0) scale(1)}
.hub-agency-chat-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:#0d141c}.hub-agency-chat-drawer-head>div{display:flex;align-items:center;gap:10px}.hub-agency-chat-drawer-head .hub-icon{width:30px;height:30px;padding:7px;border-radius:10px;background:rgba(96,225,207,.09);color:#69e5d4}.hub-agency-chat-drawer-head small,.hub-agency-chat-drawer-head b{display:block}.hub-agency-chat-drawer-head small{color:#88969a;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.hub-agency-chat-drawer-head b{margin-top:1px;color:#f2f7f5;font-size:12px}.hub-agency-chat-drawer-head>button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111a23;color:#eef5f3;cursor:pointer}.hub-agency-chat-drawer-head>button .hub-icon{width:18px;height:18px;padding:0;background:none;color:inherit}
.hub-agency-chat-drawer .hub-chat-center{flex:1;min-height:0;grid-template-columns:300px minmax(0,1fr);gap:0}.hub-agency-chat-drawer .hub-chat-sidebar{height:100%;border:0;border-radius:0;border-right:1px solid rgba(255,255,255,.07);box-shadow:none;background:#0b1118;overflow:auto}.hub-agency-chat-drawer .hub-chat-sidebar>header{background:#0b1118}.hub-agency-chat-drawer .hub-chat-contact-row{appearance:none;width:100%;border-left:0;border-right:0;border-bottom:0;font:inherit;text-align:left;cursor:pointer}.hub-agency-chat-drawer .hub-chat-thread-stack{min-width:0;height:100%;background:#080d13}.hub-agency-chat-drawer .hub-chat-thread-panel{height:100%}.hub-agency-chat-drawer .hub-chat-thread-panel[hidden]{display:none!important}.hub-agency-chat-drawer .hub-chat-puro-shell{height:100%;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none}.hub-agency-chat-drawer .hub-chat-puro-head{flex:0 0 auto}.hub-agency-chat-drawer .hub-chat-puro-thread{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}.hub-agency-chat-drawer .hub-chat-puro-composer{flex:0 0 auto}.hub-agency-chat-drawer .hub-chat-puro-thread>article{max-width:min(78%,620px)}
body.hub-agency-chat-open{overflow:hidden}
@media(max-width:760px){
.hub-agency-chat-fab{right:16px;bottom:92px;width:54px;height:54px;min-height:54px;padding:0;justify-content:center}.hub-agency-chat-fab>span{display:none}.hub-agency-chat-fab>b{position:absolute;right:-2px;top:-4px;min-width:19px;height:19px;font-size:7px}
.hub-agency-chat-modal{align-items:stretch;justify-items:stretch}.hub-agency-chat-drawer{width:100%;height:100dvh;margin:0;border:0;border-radius:0;transform:translate3d(0,28px,0) scale(1)}
.hub-agency-chat-drawer .hub-chat-center{position:relative;display:block;overflow:hidden}.hub-agency-chat-drawer .hub-chat-sidebar{position:absolute;inset:0;z-index:2;max-height:none;border-right:0;transition:transform .22s ease,opacity .18s ease}.hub-agency-chat-drawer .hub-chat-thread-stack{position:absolute;inset:0;z-index:3;transform:translateX(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);background:#080d13}.hub-agency-chat-modal.is-thread-view .hub-chat-sidebar{transform:translateX(-24%);opacity:0;pointer-events:none}.hub-agency-chat-modal.is-thread-view .hub-chat-thread-stack{transform:translateX(0)}
.hub-agency-chat-drawer .hub-chat-puro-head{grid-template-columns:auto minmax(0,1fr);padding:10px 12px}.hub-agency-chat-drawer .hub-chat-puro-state{display:none}.hub-agency-chat-drawer .hub-chat-puro-head h2{font-size:15px}.hub-agency-chat-drawer .hub-chat-puro-head p{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-agency-chat-drawer .hub-chat-puro-thread{padding:12px}.hub-agency-chat-drawer .hub-chat-puro-thread>article{max-width:91%}.hub-agency-chat-drawer .hub-chat-puro-composer{padding:10px}.hub-agency-chat-drawer .hub-chat-puro-composer textarea{min-height:66px;max-height:120px}
button.hub-work-row{min-height:120px}
}
.hub-agency-chat-thread-back{display:none}
@media(max-width:760px){.hub-agency-chat-thread-back{display:flex;align-items:center;justify-content:flex-start;width:100%;height:38px;padding:0 12px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:#0b1118;color:#7fe9da;font-size:10px;font-weight:800;cursor:pointer}}
/* ======================================================================
* v3.4.9 — Chat compartido PURO + drawer desktop estable
* Mismo FAB que el doctor; mensajes y composer nunca se empujan entre sí.
* =================================================================== */
.hub-agency-chat-fab{
right:22px;
bottom:22px;
min-height:58px;
padding:7px 17px 7px 7px;
gap:10px;
border:1px solid rgba(102,246,222,.42)!important;
border-radius:999px;
background:#0b8f7d!important;
color:#fff!important;
box-shadow:0 18px 46px -16px rgba(0,0,0,.76),0 0 0 4px rgba(25,205,176,.08),0 0 28px rgba(25,205,176,.18)!important;
isolation:isolate;
}
.hub-agency-chat-fab::before{
content:'';
display:grid;
place-items:center;
width:44px;
height:44px;
margin-right:0;
border-radius:50%;
background:rgba(3,50,44,.28);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.hub-agency-chat-fab>.hub-icon{
position:absolute;
left:18px;
top:50%;
z-index:2;
width:24px!important;
height:24px!important;
transform:translateY(-50%);
color:#fff!important;
pointer-events:none;
}
.hub-agency-chat-fab>.hub-icon svg,
.hub-agency-chat-drawer-head>div>.hub-icon svg{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.9!important;
stroke-linecap:round;
stroke-linejoin:round;
}
.hub-agency-chat-fab>span{font-size:11px;font-weight:900;letter-spacing:.01em}
.hub-agency-chat-fab>b{
top:-5px;
right:-3px;
min-width:22px;
height:22px;
border:2px solid #07100f;
background:#ef6579;
font-size:9px;
box-shadow:0 4px 12px rgba(0,0,0,.35);
}
.hub-agency-chat-fab:hover{background:#0aa18b!important;border-color:rgba(128,255,234,.66)!important;transform:translateY(-2px) scale(1.015)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-agency-chat-fab{background:#0b8f7d!important;color:#fff!important;border-color:rgba(102,246,222,.42)!important}
/* Desktop: tres zonas rígidas — encabezado, scroll de mensajes, composer. */
@media(min-width:761px){
.hub-agency-chat-modal{overflow:hidden}
.hub-agency-chat-drawer{
width:min(920px,calc(100vw - 44px));
height:min(760px,calc(100dvh - 44px));
min-height:520px;
max-height:calc(100dvh - 44px);
overflow:hidden!important;
}
.hub-agency-chat-drawer .hub-chat-center{
display:grid!important;
grid-template-columns:300px minmax(0,1fr)!important;
grid-template-rows:minmax(0,1fr)!important;
flex:1 1 auto;
min-height:0!important;
overflow:hidden!important;
}
.hub-agency-chat-drawer .hub-chat-sidebar{
min-height:0!important;
height:auto!important;
overflow-y:auto!important;
overscroll-behavior:contain;
}
.hub-agency-chat-drawer .hub-chat-thread-stack{
height:auto!important;
min-height:0!important;
overflow:hidden!important;
}
.hub-agency-chat-drawer .hub-chat-thread-panel{
height:100%!important;
min-height:0!important;
overflow:hidden!important;
}
.hub-agency-chat-drawer .hub-chat-puro-shell{
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto;
height:100%!important;
min-height:0!important;
overflow:hidden!important;
}
.hub-agency-chat-drawer .hub-chat-puro-head{min-height:0}
.hub-agency-chat-drawer .hub-chat-puro-thread{
min-height:0!important;
max-height:none!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain;
scrollbar-gutter:stable;
}
.hub-agency-chat-drawer .hub-chat-puro-composer{
position:relative;
z-index:3;
flex:none!important;
min-height:0!important;
max-height:190px;
overflow:hidden;
padding:12px 14px!important;
box-shadow:0 -16px 30px -26px rgba(0,0,0,.9);
}
.hub-agency-chat-drawer .hub-chat-puro-composer textarea{
display:block;
min-height:64px!important;
height:72px;
max-height:104px!important;
overflow-y:auto!important;
resize:none!important;
box-sizing:border-box;
}
.hub-agency-chat-drawer .hub-chat-puro-composer>div{margin-top:7px}
}
@media(max-width:760px){
.hub-agency-chat-fab{
right:14px;
bottom:calc(86px + env(safe-area-inset-bottom));
width:60px;
min-width:60px;
height:60px;
min-height:60px;
padding:0!important;
gap:0;
justify-content:center;
}
.hub-agency-chat-fab::before{width:48px;height:48px;margin:0}
.hub-agency-chat-fab>.hub-icon{left:50%;width:27px!important;height:27px!important;transform:translate(-50%,-50%)}
.hub-agency-chat-fab>span{display:none}
.hub-agency-chat-fab>b{right:-1px;top:-4px}
}
/* ======================================================================
* v3.5.0 — Chat PURO compartido, sobrio y con gestión de mensajes
* =================================================================== */
.hub-agency-chat-fab{
background:#0d1c1b!important;
border-color:rgba(83,190,170,.46)!important;
color:#f7fffd!important;
box-shadow:0 18px 46px -18px rgba(0,0,0,.86),0 0 0 3px rgba(62,171,151,.10),0 0 24px rgba(62,171,151,.13)!important;
}
.hub-agency-chat-fab:hover{background:#122826!important;border-color:rgba(105,218,197,.58)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-agency-chat-fab{background:#0d1c1b!important;border-color:rgba(83,190,170,.46)!important;color:#f7fffd!important}
.hub-agency-chat-fab::before{display:none!important}
.hub-agency-chat-fab>.hub-agency-chat-fab-icon{
display:grid!important;
place-items:center;
flex:0 0 44px;
width:44px!important;
height:44px!important;
border-radius:999px;
background:#132a27!important;
box-shadow:inset 0 0 0 1px rgba(116,222,202,.22)!important;
color:#f7fffd!important;
}
.hub-agency-chat-fab>.hub-agency-chat-fab-icon .puro-shared-chat-icon{
display:block!important;
width:25px!important;
height:25px!important;
fill:none!important;
stroke:#f7fffd!important;
stroke-width:1.9!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
opacity:1!important;
visibility:visible!important;
}
.hub-agency-chat-fab>span:not(.hub-agency-chat-fab-icon){font-size:11px;font-weight:900;letter-spacing:.01em}
.hub-chat-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:6px;color:var(--ph-soft)}
.hub-chat-message-meta time{margin:0!important}.hub-chat-message-meta>small{font-size:8px;font-style:italic;opacity:.72}
.hub-chat-message-menu{position:relative;margin-left:2px}.hub-chat-message-menu>summary{display:grid;place-items:center;width:28px;height:25px;list-style:none;border:1px solid var(--ph-line);border-radius:9px;background:transparent;color:var(--ph-soft);font-size:12px;letter-spacing:1px;cursor:pointer}.hub-chat-message-menu>summary::-webkit-details-marker{display:none}.hub-chat-message-menu[open]>summary{background:color-mix(in srgb,var(--ph-brand) 8%,var(--ph-paper));color:var(--ph-brand)}
.hub-chat-message-menu-pop{position:absolute;right:0;bottom:calc(100% + 7px);z-index:40;width:min(280px,78vw);padding:9px;border:1px solid var(--ph-line);border-radius:14px;background:var(--ph-paper);box-shadow:0 18px 45px -20px rgba(0,0,0,.6)}
.hub-chat-message-menu-pop form{display:grid;gap:7px}.hub-chat-message-menu-pop form+form{margin-top:7px;padding-top:7px;border-top:1px solid var(--ph-line)}.hub-chat-message-menu-pop label{display:grid;gap:5px;color:var(--ph-ink);font-size:9px;font-weight:850}.hub-chat-message-menu-pop textarea{width:100%;min-height:78px;max-height:140px;padding:9px;border:1px solid var(--ph-line);border-radius:10px;background:#f7faf8;color:var(--ph-ink);font:inherit;resize:vertical;box-sizing:border-box}.hub-chat-message-menu-pop button{min-height:34px;border:0;border-radius:10px;background:var(--ph-brand);color:#fff;font-size:9px;font-weight:850;cursor:pointer}.hub-chat-message-menu-pop button.is-delete{background:transparent;color:#d75f72;border:1px solid rgba(215,95,114,.28)}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-message-menu-pop{background:#10171d!important;border-color:rgba(255,255,255,.09)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-chat-message-menu-pop textarea{background:#0c1218!important;border-color:rgba(255,255,255,.09)!important;color:#eef6f4!important}
@media(max-width:760px){
.hub-agency-chat-fab>.hub-agency-chat-fab-icon{display:grid!important;flex-basis:48px;width:48px!important;height:48px!important}
.hub-agency-chat-fab>.hub-agency-chat-fab-icon .puro-shared-chat-icon{width:27px!important;height:27px!important}
.hub-agency-chat-fab>span:not(.hub-agency-chat-fab-icon){display:none!important}
.hub-chat-message-menu-pop{position:fixed;left:14px;right:14px;bottom:calc(92px + env(safe-area-inset-bottom));width:auto}
}
/* ======================================================================
* PURO Hub 3.6.0 — Alcance de cuenta visual y simple
* =================================================================== */
.hub-scope-manager{overflow:hidden}.hub-scope-help{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin:0 0 16px;padding:12px 14px;border:1px solid var(--ph-line);border-radius:16px;background:rgba(19,107,94,.045)}.hub-scope-help>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ph-brand);color:#fff;font-size:10px;font-weight:900}.hub-scope-help p{margin:0}.hub-scope-help b,.hub-scope-help small{display:block}.hub-scope-help b{font-size:10px}.hub-scope-help small{margin-top:2px;color:var(--ph-soft);font-size:8px;line-height:1.35}
.hub-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-scope-card{border:1px solid var(--ph-line);border-radius:18px;background:var(--ph-paper);overflow:hidden}.hub-scope-card.is-active{border-color:rgba(27,173,144,.34);box-shadow:inset 0 0 0 1px rgba(27,173,144,.06)}.hub-scope-card>summary{list-style:none;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;cursor:pointer}.hub-scope-card>summary::-webkit-details-marker{display:none}.hub-scope-card>summary>span:nth-child(2){min-width:0}.hub-scope-card>summary b,.hub-scope-card>summary small{display:block}.hub-scope-card>summary b{font-size:11px}.hub-scope-card>summary small{margin-top:3px;color:var(--ph-soft);font-size:8px;line-height:1.35}.hub-scope-card>summary strong{padding:5px 8px;border-radius:999px;background:rgba(138,148,154,.1);color:var(--ph-soft);font-size:8px;white-space:nowrap}.hub-scope-card.is-active>summary strong{background:rgba(27,173,144,.1);color:var(--ph-brand)}.hub-scope-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(27,173,144,.09);color:var(--ph-brand)}.hub-scope-icon img,.hub-scope-icon svg{max-width:23px;max-height:23px}.hub-scope-form{padding:0 13px 13px;border-top:1px solid var(--ph-line)}.hub-scope-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:12px}.hub-scope-controls label{margin:0}.hub-scope-controls small{display:block;margin-top:4px;color:var(--ph-soft);font-size:8px}.hub-scope-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.hub-scope-actions span{color:var(--ph-soft);font-size:8px;line-height:1.4}.hub-scope-card .hub-danger-zone{padding:0 13px 12px}.hub-scope-other{margin-top:12px}.hub-scope-empty-proposals{margin-bottom:16px}.hub-scope-empty-proposals .hub-btn{margin-top:8px}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-scope-card{background:#0d131b!important;border-color:rgba(124,238,226,.12)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-scope-help{background:#0d151b!important;border-color:rgba(124,238,226,.12)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-scope-icon{background:rgba(78,208,190,.10)!important;color:#7debdc!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-scope-card.is-active{border-color:rgba(91,225,205,.27)!important}
@media(max-width:760px){.hub-scope-help{grid-template-columns:auto 1fr}.hub-scope-grid{grid-template-columns:1fr}.hub-scope-controls{grid-template-columns:1fr}.hub-scope-actions{align-items:stretch;flex-direction:column}.hub-scope-actions .hub-btn{width:100%;justify-content:center}.hub-scope-card>summary{grid-template-columns:40px minmax(0,1fr) auto;padding:12px}.hub-scope-card>summary strong{font-size:7.5px}}
.hub-billing-fiscal-toggle>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.hub-billing-fiscal-toggle>summary::-webkit-details-marker{display:none}.hub-billing-fiscal-toggle>summary span{display:grid;gap:3px}.hub-billing-fiscal-toggle>summary b{font-size:16px}.hub-billing-fiscal-toggle>summary small{color:var(--ph-soft);font-size:9px}.hub-billing-fiscal-toggle>summary strong{color:var(--ph-brand);font-size:9px}.hub-billing-fiscal-toggle[open]>summary{padding-bottom:14px;border-bottom:1px solid var(--ph-line);margin-bottom:14px}
/* ======================================================================
* v3.6.1 — Programar entrega de propuestas
* La fecha de trabajo y la fecha/hora de visibilidad para el doctor son distintas.
* =================================================================== */
.hub-one-step-sendbar{align-items:flex-start}
.hub-one-step-sendbar-status{display:flex!important;align-items:center!important;gap:10px!important;min-width:210px}
.hub-one-step-delivery-final{display:grid!important;gap:10px!important;min-width:min(100%,430px);flex:1}
.hub-one-step-delivery-final-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025)}
.hub-one-step-delivery-final-tabs button{min-height:40px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:#a8adb5;font-size:11px;font-weight:800;cursor:pointer}
.hub-one-step-delivery-final-tabs button.is-active{background:#f2f2ef;color:#101114}
.hub-one-step-schedule-final{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:9px 12px;align-items:center;margin:0!important;padding:12px;border:1px solid rgba(111,224,204,.16);border-radius:15px;background:rgba(111,224,204,.035)}
.hub-one-step-schedule-final[hidden]{display:none!important}
.hub-one-step-schedule-final>span{display:grid;gap:3px}.hub-one-step-schedule-final>span b{font-size:11px}.hub-one-step-schedule-final>span small{font-size:9px;color:#9298a0;line-height:1.4}
.hub-one-step-schedule-final input{width:100%;margin:0!important;min-height:43px;padding:9px 10px!important;border-radius:11px!important;background:#0d1117!important;border:1px solid rgba(255,255,255,.11)!important;color:#f1f4f3!important;color-scheme:dark}
.hub-one-step-schedule-final em{grid-column:1/-1;font-size:9px;color:#7edbc9;font-style:normal}
.hub-one-step-sendbar-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important}
@media(max-width:760px){
.hub-one-step-sendbar{gap:13px}
.hub-one-step-sendbar-status{width:100%}
.hub-one-step-delivery-final{width:100%;min-width:0}
.hub-one-step-delivery-final-tabs{width:100%}
.hub-one-step-delivery-final-tabs button{font-size:12px;min-height:44px}
.hub-one-step-schedule-final{grid-template-columns:1fr;padding:11px}
.hub-one-step-schedule-final em{grid-column:auto}
.hub-one-step-sendbar-actions{display:grid!important;grid-template-columns:1fr 1.2fr;width:100%}
.hub-one-step-sendbar-actions .hub-btn{width:100%;min-width:0}
}
/* v3.6.2 — Entrada PURO unificada con el dashboard del doctor */
.hub-welcome-backdrop{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:rgba(3,7,7,.97);color:#f7faf9;text-align:center;pointer-events:none;overflow:hidden;isolation:isolate;animation:hub-welcome-hide 3.02s cubic-bezier(.22,.8,.22,1) forwards}
.hub-welcome-backdrop::before,.hub-welcome-backdrop::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(18px);z-index:-2}
.hub-welcome-backdrop::before{width:min(62vw,360px);aspect-ratio:1;background:radial-gradient(circle,rgba(21,157,138,.28) 0%,rgba(21,157,138,.12) 32%,transparent 72%);animation:hub-welcome-aura 2.9s ease-out forwards}
.hub-welcome-backdrop::after{width:min(88vw,620px);aspect-ratio:1;background:radial-gradient(circle,rgba(14,83,74,.25) 0%,transparent 66%);opacity:.6}
.hub-welcome-shell{display:grid;justify-items:center;gap:18px;width:min(100%,420px)}
.hub-welcome-brand{position:relative;display:grid;place-items:center;width:128px;height:128px;opacity:0;transform:translateY(10px) scale(.94);animation:hub-welcome-rise .55s .05s cubic-bezier(.2,.9,.2,1) forwards;color:#f7faf9;margin:0}
.hub-welcome-halo{position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,rgba(19,177,154,.34) 0%,rgba(10,95,83,.16) 48%,rgba(4,10,10,0) 72%);box-shadow:0 0 0 1px rgba(89,225,201,.07),0 0 40px rgba(37,168,150,.18),inset 0 1px 0 rgba(255,255,255,.08);animation:hub-welcome-pulse 1.9s ease-in-out infinite}
.hub-welcome-mark{position:relative;width:58px;height:58px;display:block;filter:drop-shadow(0 0 18px rgba(98,233,209,.2))}.hub-welcome-mark i,.hub-welcome-mark b{position:absolute;display:block;border-radius:50%;transform:translate(-50%,-50%)}.hub-welcome-mark i{width:12px;height:12px;background:#f7faf9;box-shadow:0 0 14px rgba(112,240,216,.30)}.hub-welcome-mark i:nth-child(1){left:50%;top:14%}.hub-welcome-mark i:nth-child(2){left:86%;top:50%}.hub-welcome-mark i:nth-child(3){left:50%;top:86%}.hub-welcome-mark i:nth-child(4){left:14%;top:50%}.hub-welcome-mark b{left:50%;top:50%;width:9px;height:9px;background:#5ee1c8;box-shadow:0 0 18px rgba(94,225,200,.95)}
.hub-welcome-copy{display:grid;gap:8px;opacity:0;transform:translateY(10px);animation:hub-welcome-rise .5s .24s ease-out forwards}.hub-welcome-copy span{display:none}.hub-welcome-copy h2{margin:0;font-family:"Inter Tight","Montserrat",sans-serif;font-size:clamp(28px,5.6vw,38px);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:#f7faf9}.hub-welcome-copy p{margin:0;font-size:14px;color:#b8c7c3;letter-spacing:-.01em;line-height:1.45}.hub-welcome-role,.hub-welcome-actions,.hub-welcome-dismiss,.hub-install-app,.hub-welcome-card ul{display:none!important}
.hub-welcome-loader{position:relative;width:min(100%,220px);height:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,255,255,.04);opacity:0;animation:hub-welcome-rise .4s .36s ease-out forwards}
.hub-welcome-loader i{position:absolute;left:-34%;top:0;width:34%;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(94,225,200,.16),rgba(94,225,200,.92),rgba(188,255,246,.42));box-shadow:0 0 16px rgba(94,225,200,.34);animation:hub-welcome-load 1.15s cubic-bezier(.22,.8,.22,1) infinite}
.hub-welcome-note{opacity:0;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#7f928e;animation:hub-welcome-rise .35s .45s ease-out forwards}
@keyframes hub-welcome-rise{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hub-welcome-pulse{0%,100%{transform:scale(.96);opacity:.9}50%{transform:scale(1.04);opacity:1}}@keyframes hub-welcome-aura{0%{opacity:0;transform:scale(.58)}35%{opacity:.9}100%{opacity:.72;transform:scale(1.08)}}@keyframes hub-welcome-load{0%{left:-34%;opacity:.15}18%{opacity:1}100%{left:100%;opacity:.5}}@keyframes hub-welcome-hide{0%,84%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.hub-welcome-backdrop{animation:hub-welcome-hide-reduced 1.6s linear forwards}.hub-welcome-brand,.hub-welcome-copy,.hub-welcome-loader,.hub-welcome-note{animation:none;opacity:1;transform:none}.hub-welcome-halo,.hub-welcome-loader i,.hub-welcome-backdrop::before{animation:none}@keyframes hub-welcome-hide-reduced{0%,72%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}}
/* v3.6.4 — Entrada PURO: símbolo giratorio + luminiscencia */
.hub-welcome-backdrop{background:rgba(3,7,7,.975)!important;animation:hub-welcome-hide 3.02s cubic-bezier(.22,.8,.22,1) forwards!important}
.hub-welcome-shell{display:grid!important;justify-items:center!important;gap:18px!important;width:min(100%,420px)!important}
.hub-welcome-brand{position:relative!important;display:grid!important;place-items:center!important;width:142px!important;height:142px!important;margin:0!important;opacity:0!important;transform:scale(.92)!important;animation:hub-welcome-rise .45s .04s cubic-bezier(.2,.9,.2,1) forwards!important}
.hub-welcome-halo{position:absolute!important;inset:7px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(65,221,195,.25) 0%,rgba(20,137,118,.15) 38%,transparent 70%)!important;box-shadow:0 0 26px rgba(43,195,169,.20),0 0 70px rgba(24,127,111,.20),inset 0 0 22px rgba(89,225,201,.06)!important;animation:hub-welcome-halo 1.35s ease-in-out infinite!important}
.hub-welcome-mark{position:relative!important;width:64px!important;height:64px!important;display:block!important;filter:drop-shadow(0 0 12px rgba(116,248,223,.42)) drop-shadow(0 0 28px rgba(38,196,169,.24))!important;animation:hub-symbol-spin 1.18s cubic-bezier(.55,.08,.35,.95) infinite!important}
.hub-welcome-mark i{width:13px!important;height:13px!important;background:#f7faf9!important;box-shadow:0 0 11px rgba(167,255,239,.42)!important}.hub-welcome-mark b{width:10px!important;height:10px!important;background:#62e8cf!important;box-shadow:0 0 12px rgba(98,232,207,.95),0 0 30px rgba(98,232,207,.50)!important}
.hub-welcome-copy{display:grid!important;gap:8px!important;opacity:0!important;transform:translateY(8px)!important;animation:hub-welcome-rise .45s .24s ease-out forwards!important}.hub-welcome-copy h2{font-size:clamp(29px,5.8vw,39px)!important;font-weight:700!important}.hub-welcome-copy p{font-size:14px!important;color:#b5c3bf!important}
.hub-welcome-loader,.hub-welcome-note{display:none!important}
@keyframes hub-symbol-spin{0%{transform:rotate(0deg) scale(.96)}50%{transform:rotate(180deg) scale(1.04)}100%{transform:rotate(360deg) scale(.96)}}
@keyframes hub-welcome-halo{0%,100%{transform:scale(.92);opacity:.62}50%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.hub-welcome-mark{animation:none!important}.hub-welcome-halo{animation:none!important}}
/* ======================================================================
* v3.6.6 — Gestor de app + revelado posterior al saludo
* =================================================================== */
.hub-menu-app-manager .hub-app-manager-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.hub-menu-app-manager .hub-app-manager-meta span{display:grid;gap:2px}.hub-menu-app-manager .hub-app-manager-meta b{font-size:11px}.hub-menu-app-manager .hub-app-manager-meta em{color:var(--ph-soft);font-size:8px;font-style:normal}.hub-menu-app-manager .hub-app-manager-meta>strong{padding:5px 7px;border:1px solid var(--ph-line);border-radius:999px;color:var(--ph-soft);font-size:7.5px;white-space:nowrap}.hub-menu-app-manager .hub-app-manager-meta>strong.is-installed{color:var(--ph-brand)}.hub-menu-app-manager>p{margin:7px 2px 0;color:var(--ph-soft);font-size:8px;line-height:1.4}.hub-menu-app-manager details{margin-top:8px;padding-top:8px;border-top:1px solid var(--ph-line)}.hub-menu-app-manager details summary{cursor:pointer;color:var(--ph-soft);font-size:8px;font-weight:800}.hub-menu-app-manager details p{margin:6px 0 0;color:var(--ph-soft);font-size:8px;line-height:1.45}
.puro-postboot-pending .puro-hub-main>*{opacity:0;transform:translateY(10px) scale(.996)}.puro-postboot-ready.puro-postboot-first .puro-hub-main>*{animation:hubPanelReveal .40s cubic-bezier(.22,.78,.22,1) both}.puro-postboot-ready.puro-postboot-first .puro-hub-main>*:nth-child(1){animation-delay:.02s}.puro-postboot-ready.puro-postboot-first .puro-hub-main>*:nth-child(2){animation-delay:.05s}.puro-postboot-ready.puro-postboot-first .puro-hub-main>*:nth-child(3){animation-delay:.08s}.puro-postboot-ready.puro-postboot-first .puro-hub-main>*:nth-child(4){animation-delay:.11s}.puro-postboot-ready.puro-postboot-first .puro-hub-main>*:nth-child(n+5){animation-delay:.14s}.puro-postboot-ready.puro-postboot-fast .puro-hub-main>*{animation:hubPanelRevealFast .24s cubic-bezier(.22,.74,.26,1) both}.puro-postboot-ready.puro-postboot-fast .puro-hub-main>*:nth-child(1){animation-delay:0s}.puro-postboot-ready.puro-postboot-fast .puro-hub-main>*:nth-child(2){animation-delay:.015s}.puro-postboot-ready.puro-postboot-fast .puro-hub-main>*:nth-child(3){animation-delay:.03s}.puro-postboot-ready.puro-postboot-fast .puro-hub-main>*:nth-child(4){animation-delay:.045s}.puro-postboot-ready.puro-postboot-fast .puro-hub-main>*:nth-child(n+5){animation-delay:.06s}@keyframes hubPanelReveal{0%{opacity:0;transform:translateY(12px) scale(.996);filter:blur(1.2px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes hubPanelRevealFast{0%{opacity:0;transform:translateY(7px) scale(.998);filter:blur(.6px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.puro-postboot-pending .puro-hub-main>*,.puro-postboot-ready .puro-hub-main>*{opacity:1;transform:none;filter:none;animation:none!important}}
/* ======================================================================
* v3.7.0 — Tema PURO
* Misma arquitectura del Hub; solo cambia la capa visual.
* Regla: interfaz sobria, color reservado a datos/estado/alerta/gráficas.
* =================================================================== */
/* Selector de tema explícito. */
.hub-theme-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}
.hub-theme-choice button{min-height:38px;border:1px solid var(--ph-line);border-radius:11px;background:var(--ph-paper);color:var(--ph-soft);font:inherit;font-size:9px;font-weight:850;cursor:pointer}
.hub-theme-choice button.is-active{background:var(--ph-brand);border-color:var(--ph-brand);color:#07110e}
.hub-theme-puro{display:none}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-theme-sun{display:block!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-theme-moon,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-theme-puro{display:none!important}
html[data-puro-theme="light"] .hub-theme-moon{display:block!important}
html[data-puro-theme="light"] .hub-theme-sun,html[data-puro-theme="light"] .hub-theme-puro{display:none!important}
html[data-puro-theme="puro"] .hub-theme-puro{display:block!important}
html[data-puro-theme="puro"] .hub-theme-sun,html[data-puro-theme="puro"] .hub-theme-moon{display:none!important}
html[data-puro-theme="puro"] .hub-theme-puro circle{fill:currentColor!important;stroke:none!important}
html[data-puro-theme="puro"]{
color-scheme:dark;
--ph-bg:#050809;
--ph-paper:#0b1011;
--ph-card:#0b1011;
--ph-ink:#f8fbfa;
--ph-soft:#dce5e2;
--ph-line:rgba(255,255,255,.075);
--ph-brand:#64ddc0;
--ph-brand2:#4ccbae;
--ph-warn:#e0b252;
--ph-bad:#e98291;
--ph-shadow:none;
}
html[data-puro-theme="puro"] body.puro-hub-standalone{background:#050809!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .puro-hub-app{background:#050809!important;background-image:none!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .puro-hub-topbar{background:rgba(5,8,9,.96)!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:blur(14px)}
html[data-puro-theme="puro"] .puro-hub-brand{color:#f8fbfa!important}
html[data-puro-theme="puro"] .puro-hub-wordmark,html[data-puro-theme="puro"] .puro-hub-brand span{color:#f8fbfa!important;text-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-brand small{color:#d3ddda!important}
html[data-puro-theme="puro"] .puro-hub-logo-mark i{background:#f8fbfa!important;box-shadow:none!important}
/* Texto de interfaz: blanco perceptible, sin grises lavados. */
html[data-puro-theme="puro"] .puro-hub-app :is(h1,h2,h3,h4,h5,h6,strong,b){color:#f8fbfa!important}
html[data-puro-theme="puro"] .puro-hub-app :is(p,small,label,dt,dd,em,.hub-form label,.hub-section-head p,.hub-panel-head p,.puro-hub-title p,.hub-client-card p,.hub-client-foot,.hub-proposal p,.hub-proposal footer,.hub-lead-meta,.hub-lead small,.hub-ticket summary p,.hub-scope-card>summary small,.hub-scope-help small,.hub-app-manager-meta em){color:#dce5e2!important}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-section-eyebrow,.hub-profile-eyebrow,.hub-phase-admin-head span,.hub-good,.hub-details a,.hub-summary-activity strong,.hub-scope-card.is-active>summary strong,.hub-menu-app-manager .hub-app-manager-meta>strong.is-installed){color:#64ddc0!important}
/* Superficies: cero blanco y cero gradientes decorativos. */
html[data-puro-theme="puro"] .puro-hub-app :is(
.hub-command-center,.hub-command-actions>a,.hub-work-mode-nav,.hub-visible-filters,
.hub-panel,.hub-client-card,.hub-client-summary,.hub-client-expanded,.hub-profile-hero,
.hub-ticket,.hub-proposal,.hub-proposal-thread,.hub-composer,.hub-workload-card,
.hub-summary-section,.hub-summary-attention,.hub-summary-operations,.hub-summary-compact,
.hub-results-overview,.hub-presence-compare,.hub-recent-activity,.hub-doctor-activity,
.hub-period-filter,.hub-period-custom,.hub-production-overview>div,.hub-form-section,
.hub-role-focus-stats,.hub-role-focus-stats article,.hub-metric-card,
.hub-kpis>div,.hub-team-kpis>div,.hub-billing-kpis>div,.hub-billing-client-kpis>div,
.hub-results-kpis>div,.hub-presence-kpis>div,.hub-action-kpis>div,
.hub-billing-sidebar,.hub-billing-detail,.hub-billing-panel,.hub-billing-record,
.hub-invoice-preview,.hub-plan-summary,.hub-geo-summary,.hub-lead-summary,
.hub-tools-panel,.hub-prompt-workspace,.hub-image-prompt-workspace,
.hub-delivery-scheduler,.hub-delivery-mode-grid>button,.hub-delivery-date>label,
.hub-user-access-row,.hub-user-admin-dialog,.hub-user-admin-dialog>header,.hub-user-admin-section,
.hub-team-login-access,.hub-one-time-credential,.hub-login-role-preview,
.hub-blog-workspace-head,.hub-blog-editor-shell,.hub-blog-settings,.hub-blog-publication,
.hub-blog-editor-toolbar,.hub-blog-editor-status,.hub-blog-image-block,
.hub-blog-settings details>div,.hub-blog-publish-date,.hub-proposal-work-actions,
.hub-blog-remote-status,.hub-proposal-article-preview,.hub-scope-card,.hub-scope-help,
.hub-billing-fiscal-toggle,.hub-one-step-sendbar,.hub-one-step-delivery-final,
.hub-one-step-schedule-final,.hub-card-specialist,.hub-profile-notifications,
.hub-activity-line,.hub-quick-actions a,.hub-proposal-people>div,.hub-proposal-purpose>div,
.hub-proposal-timeline,.hub-summary-activity>a,.hub-summary-team>a,.hub-service-list>a,
.hub-lead,.hub-empty,.hub-remote-error,.hub-phase-admin-head,.hub-phase-choice-grid label>span,
.hub-menu-app-manager,.hub-menu-section,.hub-menu-role-note
){background:#0b1011!important;background-image:none!important;border-color:rgba(255,255,255,.07)!important;color:#f8fbfa!important;box-shadow:none!important}
/* Un segundo nivel de superficie, sin bordes decorativos. */
html[data-puro-theme="puro"] .puro-hub-app :is(
.hub-client-metrics span,.hub-metric-card,.hub-kpis>div,.hub-team-kpis>div,
.hub-billing-kpis>div,.hub-billing-client-kpis>div,.hub-results-kpis>div,
.hub-presence-kpis>div,.hub-action-kpis>div,.hub-production-overview>div,
.hub-summary-activity>a,.hub-summary-team>a,.hub-service-list>a,.hub-recent-activity>a,
.hub-proposal-people>div,.hub-proposal-purpose>div,.hub-proposal-timeline,
.hub-access-static-grid>span,.hub-inline-check,.hub-wizard-choice-row label,
.hub-wizard-checklist label,.hub-context-preset-grid>button,.hub-wizard-format-grid button
){background:#101617!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-summary-activity>a:hover,.hub-summary-team>a:hover,.hub-service-list>a:hover,.hub-recent-activity>a:hover){background:#141c1d!important}
/* Formularios y controles. */
html[data-puro-theme="puro"] .puro-hub-app :is(input,textarea,select,.hub-period-filter select,.hub-period-filter input,.hub-search input,.hub-inline-form select,.hub-reschedule-form input,.hub-proposal-chat-composer>textarea,.hub-password-editor>label>div){background:#101617!important;background-image:none!important;border-color:rgba(255,255,255,.08)!important;color:#f8fbfa!important;box-shadow:none!important;color-scheme:dark}
html[data-puro-theme="puro"] .puro-hub-app :is(input,textarea)::placeholder{color:#b9c6c2!important;opacity:1!important}
html[data-puro-theme="puro"] .puro-hub-app select option{background:#101617;color:#f8fbfa}
/* Botones: sólidos. El color indica acción, no decora la superficie. */
html[data-puro-theme="puro"] .hub-btn{background:#64ddc0!important;background-image:none!important;border-color:#64ddc0!important;color:#06110e!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-btn:hover{background:#75e5cb!important;border-color:#75e5cb!important;color:#06110e!important}
html[data-puro-theme="puro"] .hub-btn-secondary{background:#101617!important;border-color:rgba(255,255,255,.09)!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-btn-secondary:hover{background:#151d1e!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] :is(.hub-tabs a.is-active,.hub-tabs a:hover){background:transparent!important;border-bottom-color:#64ddc0!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] :is(.hub-visible-filters a.is-active,.hub-visible-filters button.is-active,.hub-filter-group button.is-active,.hub-work-mode-nav a.is-active,.hub-menu-section>a.is-active,.hub-social-preview-toolbar button.is-active,.hub-context-toggle.is-active,.hub-wizard-format-grid button.is-active,.hub-work-area-card.is-active){background:#14221f!important;background-image:none!important;border-color:transparent!important;color:#f8fbfa!important;box-shadow:none!important}
html[data-puro-theme="puro"] :is(.hub-count,.hub-current-mode,.hub-connection-badge,.hub-profile-tags span,.hub-stage-badge){background:#151d1e!important;border-color:transparent!important;color:#e6efec!important}
/* Estados: color solo en indicador/texto. */
html[data-puro-theme="puro"] .hub-status{background:#151d1e!important;color:#dce5e2!important}
html[data-puro-theme="puro"] :is(.hub-status-nuevo,.hub-master-status-pending .hub-status,.hub-stage-pending){background:#1b1811!important;color:#e0b252!important}
html[data-puro-theme="puro"] :is(.hub-status-en_proceso,.hub-master-status-progress .hub-status){background:#1c1512!important;color:#ef9b70!important}
html[data-puro-theme="puro"] :is(.hub-status-respondido,.hub-master-status-scheduled .hub-status){background:#141728!important;color:#8ea4ff!important}
html[data-puro-theme="puro"] :is(.hub-status-cerrado,.hub-status-aprobado,.hub-status-publicado,.hub-master-status-approved .hub-status,.hub-master-status-published .hub-status){background:#102019!important;color:#5ed9a9!important}
html[data-puro-theme="puro"] :is(.hub-card-alert strong,.hub-billing-record.is-overdue strong){color:#e0b252!important}
/* Chat y actividad: dos tonos, no azul/morado. */
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-thread article,.hub-proposal-chat-thread article,.hub-proposal-chat-card,.hub-proposal-chat-card>header,.hub-proposal-chat-composer,.hub-proposal-chat-history,.hub-proposal-chat-tools>button,.hub-proposal-chat-tools>label,.hub-proposal-emoji-panel,.hub-proposal-emoji-panel button,.hub-chat-attachment.is-image,.hub-chat-attachment.is-file,.hub-chat-attachment.is-file>b,.hub-message-copy){background:#101617!important;background-image:none!important;border-color:rgba(255,255,255,.07)!important;color:#f3f8f6!important;box-shadow:none!important}
html[data-puro-theme="puro"] :is(.hub-thread article.is-agency,.hub-proposal-chat-thread article.is-agency){background:#13201d!important}
html[data-puro-theme="puro"] :is(.hub-thread article.is-client,.hub-proposal-chat-thread article.is-client){background:#0c1213!important}
html[data-puro-theme="puro"] .hub-message-copy:hover,html[data-puro-theme="puro"] .hub-message-copy.is-copied{background:#64ddc0!important;color:#06110e!important;border-color:#64ddc0!important}
html[data-puro-theme="puro"] .hub-summary-activity>a>i,html[data-puro-theme="puro"] .hub-activity-line.is-online i{background:#5ed9a9!important;box-shadow:0 0 0 4px rgba(94,217,169,.10)!important}
html[data-puro-theme="puro"] .hub-activity-line i{background:#899792!important;box-shadow:none!important}
/* Propuestas y mockups: el marco de la herramienta es oscuro. Las imágenes conservan color real. */
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-wizard-preview,.hub-wizard-preview-frame,.hub-wizard-preview>header,.hub-wizard-preview>footer,.hub-social-preview,.hub-social-preview-toolbar,.hub-search-ad-preview,.hub-browser-preview,.hub-article-browser-preview,.hub-proposal-article-preview,.hub-proposal-media-preview,.hub-preview-media,.hub-preview-media-empty,.hub-preview-empty,.hub-live-instagram,.hub-live-instagram>header,.hub-live-instagram>p,.hub-live-social-actions,.hub-live-google-ad,.hub-live-article,.hub-live-strategy,.hub-live-strategy>div,.hub-live-blog,.hub-live-blog>header,.hub-live-blog-body,.hub-social-post-card,.hub-browser-bar,.hub-browser-copy,.hub-browser-placeholder){background:#0c1213!important;background-image:none!important;border-color:rgba(255,255,255,.07)!important;color:#f8fbfa!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-preview-media img{background:#080b0c!important}
html[data-puro-theme="puro"] .hub-live-google-ad>b{color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-live-google-ad>em{color:#dce5e2!important}
html[data-puro-theme="puro"] :is(.hub-live-google-ad>span,.hub-live-google-ad small,.hub-live-article p,.hub-live-strategy p,.hub-live-blog>header p,.hub-browser-copy p,.hub-browser-copy small){color:#dce5e2!important}
/* Módulos/alcance y fase: sin gradientes decorativos. */
html[data-puro-theme="puro"] .hub-scope-card{background:#0b1011!important;border-color:transparent!important}
html[data-puro-theme="puro"] .hub-scope-card.is-active{background:#101817!important;border-color:rgba(100,221,192,.22)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-scope-icon,html[data-puro-theme="puro"] :is(.hub-service-visual-icon,.hub-service-admin-icon){background:#151d1e!important;background-image:none!important;border-color:transparent!important;color:#64ddc0!important}
html[data-puro-theme="puro"] .hub-service-visual-icon.is-phase{background:#151d1e!important;background-image:none!important;color:#64ddc0!important}
html[data-puro-theme="puro"] .hub-phase-admin-head{background:#0b1011!important;background-image:none!important;border-color:transparent!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid label>span{background:#101617!important;background-image:none!important;border-color:transparent!important;color:#f8fbfa!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid input:checked+span,html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-2 input:checked+span,html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-3 input:checked+span{background:#14221f!important;border-color:rgba(100,221,192,.30)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid label>span>i{color:rgba(100,221,192,.30)!important}
html[data-puro-theme="puro"] .hub-phase-pill,html[data-puro-theme="puro"] .hub-phase-pill.tier-2,html[data-puro-theme="puro"] .hub-phase-pill.tier-3,html[data-puro-theme="puro"] .hub-phase-pill.tier-0{background:#151d1e!important;border-color:transparent!important;color:#e5eeeb!important}
html[data-puro-theme="puro"] .hub-profile-hero[class*="hub-profile-phase-"]{background-image:none!important}
html[data-puro-theme="puro"] .hub-client-avatar::before{inset:-3px!important;background:transparent!important;border:2px solid #64ddc0!important;box-shadow:none!important;opacity:.72!important;animation:none!important}
html[data-puro-theme="puro"] .hub-client-avatar::after{display:none!important;animation:none!important}
html[data-puro-theme="puro"] .hub-client-avatar.hub-phase-tier-0::before{opacity:.18!important;border-color:#83918d!important}
html[data-puro-theme="puro"] :is(.puro-mode-social .hub-client-card,.puro-mode-ads .hub-client-card,.puro-mode-web .hub-client-card,.puro-mode-analytics .hub-client-card){border-top-color:transparent!important}
/* Menús, popovers, drawers y navegación: misma geometría, solo nueva piel. */
html[data-puro-theme="puro"] .hub-theme-toggle,html[data-puro-theme="puro"] .hub-menu-trigger{background:#0b1011!important;border-color:transparent!important;color:#f8fbfa!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-theme-choice button{background:#101617!important;border-color:transparent!important;color:#dce5e2!important}
html[data-puro-theme="puro"] .hub-theme-choice button.is-active{background:#64ddc0!important;color:#06110e!important}
html[data-puro-theme="puro"] .hub-operations-popover.hub-menu-portal,html[data-puro-theme="puro"] .hub-operations-popover{background:#080c0d!important;background-image:none!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-menu-portal-close{background:#101617!important;border-color:transparent!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-operations-popover :is(a,button){color:#f2f7f5!important}
html[data-puro-theme="puro"] .hub-operations-popover :is(a:hover,a.is-active,button:hover){background:#14221f!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-menu-portal-heading{border-color:rgba(255,255,255,.07)!important}
html[data-puro-theme="puro"] .hub-app-nav{background:rgba(6,11,11,.96)!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:blur(18px)}
html[data-puro-theme="puro"] .hub-app-nav a,html[data-puro-theme="puro"] .hub-app-nav button{color:#b9c6c2!important}
html[data-puro-theme="puro"] .hub-app-nav a.is-active,html[data-puro-theme="puro"] .hub-app-nav button.is-active{background:#13201d!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-app-nav a.is-active .hub-icon{filter:none!important;color:#64ddc0!important}
/* Programación/envío: elimina el botón blanco residual. */
html[data-puro-theme="puro"] .hub-one-step-delivery-final-tabs{background:#101617!important;border-color:transparent!important}
html[data-puro-theme="puro"] .hub-one-step-delivery-final-tabs button{background:transparent!important;color:#dce5e2!important}
html[data-puro-theme="puro"] .hub-one-step-delivery-final-tabs button.is-active{background:#14221f!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-one-step-schedule-final{background:#101617!important;border-color:transparent!important}
html[data-puro-theme="puro"] .hub-one-step-schedule-final input{background:#0c1213!important;border-color:rgba(255,255,255,.08)!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-one-step-schedule-final em{color:#64ddc0!important}
/* Facturación y danger zones: no superficies rosa/blanco completas. */
html[data-puro-theme="puro"] :is(.hub-client-error,.hub-spam-btn,.hub-danger-zone button,.hub-menu-logout){background:#171113!important;background-image:none!important;border-color:rgba(233,130,145,.18)!important;color:#e98291!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-billing-fiscal-toggle[open]>summary{border-color:rgba(255,255,255,.07)!important}
/* Gráficas/barras: único lugar donde se permite gradiente de acento. */
html[data-puro-theme="puro"] :is(.hub-progress-track,.hub-media-card-progress,.hub-media-overall>i){background:#17201f!important}
html[data-puro-theme="puro"] :is(.hub-progress-track>span,.hub-progress-fill,.hub-media-card-progress>span){background:linear-gradient(90deg,#1a8f7a 0%,#64ddc0 58%,#9be8d6 100%)!important}
html[data-puro-theme="puro"] .hub-media-card.is-error .hub-media-card-progress>span{background:#e98291!important}
/* Garantía de layout: Tema PURO no redefine position, display, overflow ni alturas. */
@media(max-width:820px){
html[data-puro-theme="puro"] body.puro-hub-standalone{background:#050809!important}
html[data-puro-theme="puro"] .puro-hub-topbar{background:#050809!important}
}
/* v3.7.0 — barrido preventivo de superficies claras y módulos nuevos */
html[data-puro-theme="puro"] .puro-hub-app :is(
.hub-attention,.hub-attention-list a,.hub-card-alert,.hub-plan-badge,.hub-connection-badge,
.hub-role-restriction,.hub-role-panel,.hub-subpanel,.hub-create-panel,.hub-conversation-panel,
.hub-client-drawer[open]>.hub-client-summary,.hub-proposal-workflow-bar,.hub-chat-puro-shell,
.hub-chat-puro-head,.hub-chat-puro-thread,.hub-chat-puro-composer,.hub-chat-puro-thread>article>div,
.hub-chat-context,.hub-proposal-chat-card,.hub-proposal-chat-card>header,.hub-proposal-chat-composer,
.hub-proposal-chat-thread,.hub-proposal-chat-close,.hub-form-warning,.hub-client-action,
.hub-credential-fields label>span,.hub-user-edit-popover,.hub-doctor-preview-gate,.hub-doctor-preview-note,
.hub-proposal-date-card,.hub-proposal-master-calendar,.hub-master-calendar-day,.hub-master-event,
.hub-master-status-legend span,.hub-one-step-date-chip,.hub-one-step-media,.hub-one-step-options-panel,
.hub-agency-chat-drawer,.hub-agency-chat-drawer-head,.hub-agency-chat-drawer .hub-chat-sidebar,
.hub-agency-chat-drawer .hub-chat-sidebar>header,.hub-agency-chat-drawer .hub-chat-thread-stack,
.hub-one-step-preview-dialog,.hub-one-step-doctor-shell,.hub-one-step-doctor-action
){background:#0b1011!important;background-image:none!important;border-color:rgba(255,255,255,.07)!important;color:#f8fbfa!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-attention{background:#0d1514!important}
html[data-puro-theme="puro"] .hub-attention-list a{background:#101817!important}
html[data-puro-theme="puro"] .hub-attention-list a:hover{background:#14201e!important}
html[data-puro-theme="puro"] .hub-attention-head small,html[data-puro-theme="puro"] .hub-attention-list span{color:#dce5e2!important}
html[data-puro-theme="puro"] :is(.hub-card-alert,.hub-form-warning,.hub-client-action){background:#171611!important;border-color:rgba(224,178,82,.16)!important;color:#f6e4b2!important}
html[data-puro-theme="puro"] :is(.hub-client-action b,.hub-form-warning b,.hub-card-alert strong){color:#e0b252!important}
html[data-puro-theme="puro"] .hub-client-action p,html[data-puro-theme="puro"] .hub-form-warning span{color:#f1e6c7!important}
html[data-puro-theme="puro"] .hub-plan-badge,html[data-puro-theme="puro"] .hub-connection-badge{background:#151d1e!important;color:#e6efec!important}
html[data-puro-theme="puro"] .hub-connection-badge.is-connected{color:#5ed9a9!important}
html[data-puro-theme="puro"] .hub-connection-badge.is-offline{color:#e98291!important}
html[data-puro-theme="puro"] :is(.hub-subpanel[open]>summary,.hub-create-panel[open]>summary,.hub-conversation-panel>summary){background:#101617!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-proposal-workflow-bar select{background:#101617!important;border-color:rgba(255,255,255,.08)!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-chat-puro-state{background:#102019!important;color:#5ed9a9!important}
html[data-puro-theme="puro"] .hub-chat-puro-thread>article.is-agency>div{background:#13201d!important;border-color:transparent!important}
html[data-puro-theme="puro"] .hub-chat-puro-thread>article.is-client>div{background:#0d1314!important;border-color:transparent!important}
html[data-puro-theme="puro"] .hub-chat-context{background:#14221f!important;color:#64ddc0!important}
html[data-puro-theme="puro"] .hub-proposal-chat-close{color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-proposal-chat-modal{background:rgba(2,6,7,.72)!important}
html[data-puro-theme="puro"] .hub-master-calendar-day.has-events{background:#101817!important;border-color:rgba(100,221,192,.14)!important}
html[data-puro-theme="puro"] .hub-master-calendar-day:hover{background:#141c1d!important}
html[data-puro-theme="puro"] .hub-master-icon{background:#151d1e!important;border-color:transparent!important}
html[data-puro-theme="puro"] .hub-master-icon::after{border-color:#101817!important}
html[data-puro-theme="puro"] .hub-one-step-date-chip>span:first-child{background:#14221f!important;color:#64ddc0!important}
html[data-puro-theme="puro"] .hub-one-step-date-chip em{color:#64ddc0!important}
html[data-puro-theme="puro"] .hub-agency-chat-modal{background:transparent!important}
html[data-puro-theme="puro"] .hub-agency-chat-backdrop{background:rgba(2,6,7,.72)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head .hub-icon{background:#14221f!important;color:#64ddc0!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>button{background:#101617!important;border-color:transparent!important;color:#f8fbfa!important}
/* Iconos funcionales sobrios. Las marcas oficiales no se recolorean. */
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-lead-icon,.hub-command-actions>a>.hub-icon,.hub-quick-actions .hub-icon,.hub-master-icon){background:#151d1e!important;background-image:none!important;border-color:transparent!important;color:#64ddc0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-lead-call,.hub-lead-form){background:#151d1e!important;color:#64ddc0!important}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-service-visual-icon img,.hub-service-admin-icon img,.hub-brand-icon img,.hub-brand-icon svg,.hub-scope-icon img,.hub-scope-icon svg){filter:none!important;opacity:1!important}
/* Líneas: conservar solo separadores funcionales y muy discretos. */
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-client-foot,.hub-thread,.hub-composer-body,.hub-details>div,.hub-proposal footer,.hub-billing-fiscal-toggle[open]>summary,.hub-chat-puro-head,.hub-chat-puro-composer,.hub-proposal-workflow-bar){border-color:rgba(255,255,255,.055)!important}
/* No degradados fuera de gráficas/progreso. */
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-client-avatar,.hub-client-avatar.has-photo,.hub-attention,.hub-profile-hero,.hub-phase-admin-head,.hub-service-visual-icon.is-phase,.hub-composer>summary,.hub-one-time-credential,.hub-user-edit-popover,.hub-user-admin-dialog){background-image:none!important}
/* v3.7.0 — red de seguridad: ninguna superficie UI debe heredar blanco en PURO. */
html[data-puro-theme="puro"] .puro-hub-app :where(
[class*="-card"],[class*="-panel"],[class*="-drawer"],[class*="-popover"],
[class*="-workspace"],[class*="-sidebar"],[class*="-record"],[class*="-fieldset"],
[class*="-editor"],[class*="-inbox"],[class*="-empty"]
){background-color:#0b1011!important;background-image:none!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(
.hub-proposal-filters a,.hub-filter-group button,.hub-visible-filters a,.hub-visible-filters button,
.hub-work-filters a,.hub-work-filters button,.hub-client-primary-tabs a,.hub-client-subtabs a,
.hub-toolbar-links a,.hub-icon-actions a,.hub-more-grid a,.hub-more-tools a
){background:#101617!important;background-image:none!important;border-color:transparent!important;color:#e7efed!important;box-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(
.hub-proposal-filters a.is-active,.hub-filter-group button.is-active,.hub-visible-filters a.is-active,
.hub-visible-filters button.is-active,.hub-work-filters a.is-active,.hub-work-filters button.is-active,
.hub-client-primary-tabs a.is-active,.hub-client-subtabs a.is-active
){background:#14221f!important;color:#f8fbfa!important}
/* Restaurar áreas que deben permanecer transparentes aunque su nombre contenga card/panel. */
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-preview-media img,.hub-one-step-preview-gallery img,.hub-brand-icon img,.hub-brand-icon svg){background:transparent!important;background-image:none!important}
/* v3.7.0 — barrido final de selectores que históricamente tuvieron fondo claro. */
html[data-puro-theme="puro"] .puro-hub-app :is(
.hub-account-info-grid,
.hub-account-information,
.hub-account-links,
.hub-account-status,
.hub-assets-checklist,
.hub-assets-overview,
.hub-assignment-actions,
.hub-assignment-timeline,
.hub-attention-clear,
.hub-attention-icon,
.hub-billing-account-nav,
.hub-billing-client-list,
.hub-billing-files,
.hub-billing-head,
.hub-billing-status-grid,
.hub-blog-image-fields,
.hub-blog-publication-grid,
.hub-blog-publish-warning,
.hub-btn-danger,
.hub-channel-track,
.hub-chat-message-menu-pop,
.hub-check,
.hub-check-row,
.hub-client-back-row,
.hub-client-chevron,
.hub-client-module-mini,
.hub-context-fields,
.hub-context-warning,
.hub-custom-tool-list,
.hub-delivery-safety,
.hub-digital-icon,
.hub-doctor-message-item,
.hub-edit-media-grid,
.hub-expert-access,
.hub-expert-load,
.hub-expert-pending-list,
.hub-finding,
.hub-geo-options,
.hub-geo-settings-form,
.hub-geo-status,
.hub-geo-update-form,
.hub-invoice-attachment,
.hub-lead-detail,
.hub-menu-current-client,
.hub-mode-switcher,
.hub-no-context-option,
.hub-notice,
.hub-one-step-content-mode,
.hub-one-step-delivery-buttons,
.hub-one-step-doctor-actions-preview,
.hub-one-step-formats,
.hub-one-step-note,
.hub-onetime-item,
.hub-operations-menu,
.hub-outcome-badge,
.hub-payment-chip,
.hub-phase-tier-3,
.hub-presence-channel,
.hub-presence-channel-copy,
.hub-presence-channel-icon,
.hub-presence-channels,
.hub-presence-compare-grid,
.hub-presence-insights,
.hub-price-list,
.hub-profile-services,
.hub-progress-bar,
.hub-prompt-quality,
.hub-prompt-tool-tabs,
.hub-proposal-article-content,
.hub-proposal-copy,
.hub-proposal-internal-tools,
.hub-proposal-media-field,
.hub-proposal-message-count,
.hub-proposal-meta,
.hub-proposal-mobile-nav,
.hub-proposal-notice-bubble,
.hub-proposal-presentation,
.hub-proposal-preview-only,
.hub-proposal-reply,
.hub-proposal-review-footer,
.hub-proposal-review-head,
.hub-proposal-summary-strip,
.hub-proposal-wizard-shell,
.hub-published-archive,
.hub-published-grid,
.hub-regulatory-note,
.hub-response-badge,
.hub-results-source-grid,
.hub-role-cloud,
.hub-sat-rows,
.hub-scheduled-proposal-banner,
.hub-service-item,
.hub-service-status,
.hub-simple-list,
.hub-social-dots,
.hub-status-en_revision,
.hub-status-pendiente,
.hub-status-vencido,
.hub-ticket-tags,
.hub-ticket-tool-strip,
.hub-timeline,
.hub-unified-pending-list,
.hub-upload-invoice,
.hub-welcome-mark,
.hub-wizard-section-block,
.hub-wizard-steps,
.hub-wizard-toolbox,
.hub-work-row,
.hub-work-row-meta,
.hub-work-tool-all,
.hub-work-tool-config,
.hub-work-tool-more,
.hub-work-tool-primary,
.hub-work-transfer,
.hub-workload-items
){background-color:#101617!important;background-image:none!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-social-dots,.hub-welcome-mark){background-color:transparent!important;border-color:transparent!important}
html[data-puro-theme="puro"] .hub-btn-danger{background:#171113!important;color:#e98291!important;border-color:rgba(233,130,145,.18)!important}
html[data-puro-theme="puro"] :is(.hub-status-pendiente,.hub-status-en_revision,.hub-status-vencido){background:#1b1811!important;color:#e0b252!important}
html[data-puro-theme="puro"] .hub-progress-bar{background:#17201f!important}
/* ========================================================================
* v3.7.1 — isotipo PURO único en header, igual al arranque
* ======================================================================== */
.puro-hub-topbar .puro-hub-brand{display:grid!important;place-items:center!important;width:52px!important;min-width:52px!important;height:52px!important;gap:0!important;text-decoration:none!important}
.puro-hub-topbar .puro-hub-brandline{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;gap:0!important}
.puro-hub-topbar .puro-hub-logo-mark{position:relative!important;display:block!important;width:34px!important;height:34px!important;transform:none!important;filter:drop-shadow(0 0 7px rgba(73,222,196,.30)) drop-shadow(0 0 15px rgba(73,222,196,.18))!important}
.puro-hub-topbar .puro-hub-logo-mark i,.puro-hub-topbar .puro-hub-logo-mark b{position:absolute!important;display:block!important;border-radius:50%!important;transform:translate(-50%,-50%)!important}
.puro-hub-topbar .puro-hub-logo-mark i{width:8px!important;height:8px!important;background:#0d7d6f!important;box-shadow:0 0 7px rgba(13,125,111,.42)!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(1){left:50%!important;top:11%!important}.puro-hub-topbar .puro-hub-logo-mark i:nth-child(2){left:89%!important;top:50%!important}.puro-hub-topbar .puro-hub-logo-mark i:nth-child(3){left:50%!important;top:89%!important}.puro-hub-topbar .puro-hub-logo-mark i:nth-child(4){left:11%!important;top:50%!important}
.puro-hub-topbar .puro-hub-logo-mark b{left:50%!important;top:50%!important;width:6px!important;height:6px!important;background:#55d9bd!important;box-shadow:0 0 8px rgba(85,217,189,.90)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-topbar .puro-hub-logo-mark i,html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i{background:#f5faf8!important;box-shadow:0 0 8px rgba(187,255,243,.42)!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-topbar .puro-hub-logo-mark b,html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark b{background:#57dec3!important;box-shadow:0 0 9px rgba(87,222,195,.94),0 0 18px rgba(87,222,195,.26)!important}
.puro-hub-topbar .puro-hub-brand>small,.puro-hub-topbar .puro-hub-wordmark{display:none!important}
@media(max-width:560px){.puro-hub-topbar .puro-hub-brand{width:46px!important;min-width:46px!important;height:46px!important}.puro-hub-topbar .puro-hub-brandline{width:44px!important;height:44px!important}.puro-hub-topbar .puro-hub-logo-mark{width:32px!important;height:32px!important}}
/* v3.7.1 — luminiscencia sobria del isotipo PURO en header. */
.puro-hub-topbar .puro-hub-logo-mark{animation:puroHubHeaderSymbolGlow 2.4s ease-in-out infinite!important}
@keyframes puroHubHeaderSymbolGlow{0%,100%{filter:drop-shadow(0 0 5px rgba(73,222,196,.18)) drop-shadow(0 0 10px rgba(73,222,196,.10))}50%{filter:drop-shadow(0 0 9px rgba(73,222,196,.40)) drop-shadow(0 0 18px rgba(73,222,196,.20))}}
@media(prefers-reduced-motion:reduce){.puro-hub-topbar .puro-hub-logo-mark{animation:none!important}}
/* ==========================================================================
* PURO Agency Hub 3.7.2 — Biblioteca PURO + vista previa estable
* ========================================================================== */
.hub-media-source-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hub-media-library{display:grid;gap:12px;padding:14px;border:1px solid var(--ph-line);border-radius:16px;background:var(--ph-paper)}
.hub-media-library[hidden]{display:none!important}
.hub-media-library>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hub-media-library>header b,.hub-media-library>header small{display:block}.hub-media-library>header b{font-size:12px}.hub-media-library>header small{margin-top:3px;color:var(--ph-soft);font-size:9px;line-height:1.45}
.hub-media-library>header>button{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--ph-line);border-radius:11px;background:transparent;color:var(--ph-soft);font-size:22px;cursor:pointer}
.hub-media-library-status{color:var(--ph-soft);font-size:9px}
.hub-media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:9px;max-height:360px;overflow:auto;overscroll-behavior:contain;padding-right:2px}
.hub-media-library-choice{display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px;min-width:0;padding:7px;border:1px solid var(--ph-line);border-radius:14px;background:var(--ph-paper);color:var(--ph-ink);text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,opacity .16s ease}
.hub-media-library-choice:hover{border-color:var(--ph-brand);transform:translateY(-1px)}
.hub-media-library-choice:disabled,.hub-media-library-choice.is-selected{cursor:default;opacity:.48;transform:none}
.hub-media-library-choice img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#edf3f1}
.hub-media-library-choice span{min-width:0}.hub-media-library-choice b,.hub-media-library-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-media-library-choice b{font-size:8px}.hub-media-library-choice small{margin-top:2px;color:var(--ph-soft);font-size:7px}
.hub-media-card.is-library .hub-media-thumb>span{background:rgba(14,93,80,.9)}
/* Preview: header y acciones permanecen visibles; solo el contenido del doctor scrollea. */
.hub-one-step-preview-modal{overflow:hidden!important;align-items:center!important;justify-content:center!important;padding:clamp(10px,2.4vw,24px)!important}
.hub-one-step-preview-dialog{display:flex!important;flex-direction:column!important;width:min(920px,100%)!important;height:92vh;height:min(92dvh,920px)!important;max-height:920px!important;overflow:hidden!important;margin:auto!important}
.hub-one-step-preview-dialog>header,.hub-one-step-preview-dialog>footer{flex:0 0 auto!important;position:relative;z-index:4;background:inherit}
.hub-one-step-preview-dialog>header{border-bottom:1px solid rgba(255,255,255,.08)}
.hub-one-step-preview-dialog>footer{border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.hub-one-step-doctor-shell{flex:1 1 auto!important;min-height:0!important;width:min(720px,calc(100% - 36px))!important;margin:18px auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-gutter:stable both-edges}
.hub-one-step-doctor-content{min-width:0!important}
.hub-one-step-preview-gallery{max-width:100%;background:transparent!important}
.hub-one-step-preview-gallery img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important}
.hub-one-step-preview-gallery figure{max-width:100%!important}
body.hub-has-one-step-preview{overflow:hidden!important}
@media(max-width:760px){
.hub-media-dropzone{grid-template-columns:auto minmax(0,1fr)!important}
.hub-media-source-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;justify-content:stretch}
.hub-media-source-actions .hub-btn{grid-column:auto!important;width:100%!important;margin:0!important}
.hub-media-library{padding:11px;border-radius:14px}
.hub-media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:300px}
.hub-media-library-choice{padding:5px;border-radius:11px}
.hub-media-library-choice span{display:none}
.hub-one-step-preview-modal{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;align-items:center!important}
.hub-one-step-preview-dialog{width:100%!important;height:calc(100vh - 16px);height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;max-height:none!important;border-radius:20px!important}
.hub-one-step-preview-dialog>header{padding:13px 14px!important}
.hub-one-step-preview-dialog>footer{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px!important}
.hub-one-step-preview-dialog>footer .hub-btn{width:100%!important;justify-content:center!important;margin:0!important}
.hub-one-step-doctor-shell{width:calc(100% - 20px)!important;margin:10px auto!important;padding:12px!important;border-radius:17px!important}
.hub-one-step-doctor-top{position:sticky;top:-12px;z-index:3;padding:10px 0 8px;background:inherit}
}
@media(max-width:390px){.hub-media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-one-step-preview-dialog>footer{grid-template-columns:1fr}}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) :is(.hub-media-library,.hub-media-library-choice){background:#0b111b!important;border-color:rgba(124,238,226,.14)!important;color:#edfafa!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-library-choice img{background:#0d1721!important}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .hub-media-library>header>button{background:#0d1721!important;border-color:rgba(124,238,226,.14)!important;color:#dff8f4!important}
html[data-puro-theme="puro"] :is(.hub-media-library,.hub-media-library-choice){background:#0b1011!important;background-image:none!important;border-color:rgba(255,255,255,.07)!important;color:#f8fbfa!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-media-library-choice img{background:#101617!important}
html[data-puro-theme="puro"] .hub-media-library>header>button{background:#101617!important;border-color:transparent!important;color:#f8fbfa!important}
html[data-puro-theme="puro"] .hub-media-library-choice:hover{border-color:rgba(100,221,192,.28)!important;background:#101817!important}
/* ===================================================================
* PURO Agency Hub 3.7.3 — preview global + carrusel táctil + modal Equipo
* =================================================================== */
/* La vista previa se porta al body al abrir: no puede quedar debajo del header/nav. */
.hub-one-step-preview-modal{
z-index:2147483643!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:18px!important;
}
.hub-one-step-preview-modal[hidden]{display:none!important}
.hub-one-step-preview-dialog{
position:relative!important;
display:flex!important;
flex-direction:column!important;
width:min(820px,calc(100vw - 36px))!important;
height:min(92dvh,900px)!important;
max-height:92dvh!important;
margin:0 auto!important;
overflow:hidden!important;
border-radius:24px!important;
}
.hub-one-step-preview-dialog>header,
.hub-one-step-preview-dialog>footer{
flex:0 0 auto!important;
z-index:5!important;
}
.hub-one-step-preview-scroll{
flex:1 1 auto!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-gutter:stable;
touch-action:pan-y!important;
padding:18px!important;
}
.hub-one-step-doctor-shell{
display:block!important;
width:min(680px,100%)!important;
max-width:680px!important;
min-height:0!important;
margin:0 auto!important;
padding:16px!important;
overflow:visible!important;
flex:none!important;
}
.hub-one-step-doctor-content{width:100%!important;min-width:0!important}
.hub-one-step-doctor-content>.hub-live-instagram{width:min(430px,100%)!important;margin-inline:auto!important}
.hub-one-step-doctor-content>:is(.hub-live-google-ad,.hub-live-article,.hub-live-strategy){width:100%!important;margin-inline:auto!important}
/* Carrusel real en la vista previa: flechas, dots y swipe. */
.hub-one-step-preview-gallery.is-carousel{touch-action:pan-y pinch-zoom!important;user-select:none;-webkit-user-select:none}
.hub-one-step-preview-gallery.is-carousel figure{display:none!important;margin:0!important}
.hub-one-step-preview-gallery.is-carousel figure.is-active{display:block!important}
.hub-one-step-preview-gallery.is-carousel img{pointer-events:none}
.hub-preview-carousel-nav{
position:absolute!important;
top:50%!important;
z-index:8!important;
display:grid!important;
place-items:center!important;
width:44px!important;
height:44px!important;
min-width:44px!important;
min-height:44px!important;
padding:0!important;
border:1px solid rgba(255,255,255,.14)!important;
border-radius:50%!important;
background:rgba(7,14,15,.88)!important;
color:#fff!important;
font-size:30px!important;
line-height:1!important;
transform:translateY(-50%)!important;
cursor:pointer!important;
box-shadow:0 10px 30px rgba(0,0,0,.24)!important;
}
.hub-preview-carousel-prev{left:12px!important}.hub-preview-carousel-next{right:12px!important}
.hub-preview-carousel-dots{
position:absolute!important;
z-index:8!important;
left:50%!important;
bottom:12px!important;
display:flex!important;
gap:6px!important;
transform:translateX(-50%)!important;
}
.hub-preview-carousel-dots button{
width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;
padding:0!important;border:0!important;border-radius:50%!important;
background:rgba(255,255,255,.48)!important;box-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
.hub-preview-carousel-dots button.is-active{background:#fff!important;transform:scale(1.2)}
.hub-one-step-preview-gallery>[data-preview-carousel-counter]{z-index:9!important}
/* Administración de Equipo siempre vive por encima de roles, expertos, menús y dock. */
.hub-user-admin-modal{
z-index:2147483647!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
isolation:isolate!important;
padding:20px!important;
}
.hub-user-admin-modal[hidden]{display:none!important}
.hub-user-admin-backdrop{z-index:0!important}
.hub-user-admin-dialog{
z-index:1!important;
display:flex!important;
flex-direction:column!important;
width:min(980px,100%)!important;
height:auto!important;
max-height:min(92dvh,900px)!important;
overflow:hidden!important;
}
.hub-user-admin-dialog>header{flex:0 0 auto!important}
.hub-user-admin-layout{
flex:1 1 auto!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
}
body.hub-user-admin-open{overflow:hidden!important}
body.hub-user-admin-open .hub-user-admin-modal{touch-action:auto}
@media(max-width:760px){
.hub-one-step-preview-modal{padding:0!important;align-items:stretch!important}
.hub-one-step-preview-dialog{
width:100%!important;
height:100dvh!important;
max-height:100dvh!important;
border-radius:0!important;
}
.hub-one-step-preview-scroll{padding:10px 8px calc(12px + env(safe-area-inset-bottom))!important}
.hub-one-step-doctor-shell{width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important;border-radius:16px!important}
.hub-one-step-doctor-top{position:static!important;padding:0!important;margin-bottom:9px!important}
.hub-preview-carousel-nav{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:27px!important}
.hub-preview-carousel-prev{left:8px!important}.hub-preview-carousel-next{right:8px!important}
.hub-user-admin-modal{padding:0!important;align-items:stretch!important}
.hub-user-admin-dialog{width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
.hub-user-admin-layout{padding:14px 14px calc(30px + env(safe-area-inset-bottom))!important}
.hub-user-admin-dialog>header{padding-top:calc(14px + env(safe-area-inset-top))!important}
}
/* v3.7.4 — Isotipo PURO correcto: 4 puntos robustos, sin centro */
.puro-hub-topbar .puro-hub-logo-mark{width:38px!important;height:38px!important;filter:drop-shadow(0 0 8px rgba(73,222,196,.34)) drop-shadow(0 0 18px rgba(73,222,196,.18))!important}
.puro-hub-topbar .puro-hub-logo-mark i{width:11px!important;height:11px!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(1){left:50%!important;top:9%!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(2){left:91%!important;top:50%!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(3){left:50%!important;top:91%!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(4){left:9%!important;top:50%!important}
.puro-hub-topbar .puro-hub-logo-mark b{display:none!important}
.hub-welcome-mark b{display:none!important}
.hub-welcome-mark i{width:16px!important;height:16px!important}
@media(max-width:560px){.puro-hub-topbar .puro-hub-logo-mark{width:36px!important;height:36px!important}.puro-hub-topbar .puro-hub-logo-mark i{width:10px!important;height:10px!important}}
/* v3.7.5 — Comentarios de propuestas: modal global y contenido visible */
.hub-proposal-chat-modal{
z-index:2147482500!important;
isolation:isolate!important;
}
.hub-proposal-chat-modal>.hub-proposal-chat-card{
position:relative!important;
z-index:2!important;
display:flex!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
filter:none!important;
pointer-events:auto!important;
}
.hub-proposal-chat-modal[hidden]{display:none!important}
html[data-puro-theme="puro"] .hub-proposal-chat-modal{
background:rgba(2,6,7,.78)!important;
backdrop-filter:blur(12px)!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-card,
html[data-puro-theme="puro"] .hub-proposal-chat-card>header,
html[data-puro-theme="puro"] .hub-proposal-chat-composer,
html[data-puro-theme="puro"] .hub-proposal-chat-history{
background:#0a0f10!important;
background-image:none!important;
border-color:rgba(255,255,255,.08)!important;
color:#f7faf9!important;
box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-card>header{
border-bottom:1px solid rgba(255,255,255,.08)!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-thread{
background:#070b0c!important;
color:#f7faf9!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-thread article{
opacity:1!important;
visibility:visible!important;
color:#f7faf9!important;
background:#0f1516!important;
border-color:rgba(255,255,255,.07)!important;
box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-thread article.is-agency{background:#13201d!important}
html[data-puro-theme="puro"] .hub-proposal-chat-thread article.is-client{background:#101617!important}
html[data-puro-theme="puro"] .hub-proposal-chat-card :is(h3,b,p,strong){color:#f7faf9!important}
html[data-puro-theme="puro"] .hub-proposal-chat-card :is(small,em,time){color:rgba(247,250,249,.72)!important}
html[data-puro-theme="puro"] .hub-comment-author span{min-width:0!important}
html[data-puro-theme="puro"] .hub-comment-author b{color:#fff!important}
html[data-puro-theme="puro"] .hub-proposal-chat-composer textarea{
background:#101617!important;
border-color:rgba(255,255,255,.09)!important;
color:#fff!important;
caret-color:#64ddc0!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-composer textarea::placeholder{color:rgba(255,255,255,.55)!important}
html[data-puro-theme="puro"] .hub-proposal-chat-tools>button,
html[data-puro-theme="puro"] .hub-proposal-chat-tools>label,
html[data-puro-theme="puro"] .hub-proposal-emoji-panel,
html[data-puro-theme="puro"] .hub-proposal-emoji-panel button,
html[data-puro-theme="puro"] .hub-message-copy,
html[data-puro-theme="puro"] .hub-chat-attachment{
background:#101617!important;
border-color:rgba(255,255,255,.08)!important;
color:#f7faf9!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-close{
z-index:8!important;
background:#111718!important;
border-color:rgba(255,255,255,.10)!important;
color:#fff!important;
}
html[data-puro-theme="puro"] .hub-empty-message{color:rgba(255,255,255,.72)!important}
@media(max-width:720px){
.hub-proposal-chat-modal{padding:0!important;place-items:stretch!important}
.hub-proposal-chat-card{width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important}
}
/* v3.9.0 — wordmark de bienvenida sólo en Tema PURO. */
.hub-welcome-wordmark{display:none}
/* PURO Agency Hub 3.9.1 — navegación sin redundancias.
* En móvil el dock inferior es la navegación global: el botón Menú del header
* se oculta, los accesos rápidos duplicados del inicio desaparecen y la grilla
* se adapta a 3 opciones para especialistas / 4 para administradores. */
@media(max-width:820px){
.hub-app-nav.hub-app-nav-count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.hub-app-nav.hub-app-nav-count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.puro-hub-topbar .hub-menu-trigger{display:none!important}
.hub-command-center>header,.hub-command-center>.hub-command-slider-shell{display:none!important}
.hub-command-center{gap:10px!important;padding:0!important;margin-bottom:18px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.hub-command-center:before,.hub-command-center:after{display:none!important}
.hub-command-center.is-specialist{display:block!important}
.hub-command-center.is-specialist .hub-visible-filters{margin:0!important}
.hub-directory-head>.hub-btn{display:none!important}
}
/* v3.9.3 — isotipo PURO más compacto en header (agencia) */
.puro-hub-topbar .puro-hub-brand{width:40px!important;min-width:40px!important;height:40px!important}
.puro-hub-topbar .puro-hub-brandline{width:36px!important;height:36px!important}
.puro-hub-topbar .puro-hub-logo-mark{width:24px!important;height:24px!important;filter:drop-shadow(0 0 6px rgba(73,222,196,.22))!important}
.puro-hub-topbar .puro-hub-logo-mark i{width:7px!important;height:7px!important;box-shadow:0 0 6px rgba(187,255,243,.24)!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(1){left:50%!important;top:17%!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(2){left:83%!important;top:50%!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(3){left:50%!important;top:83%!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(4){left:17%!important;top:50%!important}
@media(max-width:560px){.puro-hub-topbar .puro-hub-brand{width:38px!important;min-width:38px!important;height:38px!important}.puro-hub-topbar .puro-hub-brandline{width:34px!important;height:34px!important}.puro-hub-topbar .puro-hub-logo-mark{width:22px!important;height:22px!important}.puro-hub-topbar .puro-hub-logo-mark i{width:6px!important;height:6px!important}}
/* v3.9.4 — isotipo PURO visible, compacto y más cercano en header (agencia) */
.puro-hub-topbar .puro-hub-brand{width:40px!important;min-width:40px!important;height:40px!important}
.puro-hub-topbar .puro-hub-brandline{width:36px!important;height:36px!important}
.puro-hub-topbar .puro-hub-logo-mark{position:relative!important;display:block!important;width:24px!important;height:24px!important;transform:none!important;filter:drop-shadow(0 0 6px rgba(73,222,196,.22))!important}
.puro-hub-topbar .puro-hub-logo-mark i{position:absolute!important;display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;box-shadow:0 0 6px rgba(187,255,243,.24)!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(1){left:50%!important;top:16%!important;transform:translate(-50%,-50%)!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(2){left:84%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(3){left:50%!important;top:84%!important;transform:translate(-50%,-50%)!important}
.puro-hub-topbar .puro-hub-logo-mark i:nth-child(4){left:16%!important;top:50%!important;transform:translate(-50%,-50%)!important}
@media(max-width:560px){.puro-hub-topbar .puro-hub-brand{width:38px!important;min-width:38px!important;height:38px!important}.puro-hub-topbar .puro-hub-brandline{width:34px!important;height:34px!important}.puro-hub-topbar .puro-hub-logo-mark{width:22px!important;height:22px!important}.puro-hub-topbar .puro-hub-logo-mark i{width:6px!important;height:6px!important}}
/* v3.9.5 — Filtro de fechas único y obvio; iconos y acentos con resplandor contenido. */
.hub-period-filter{grid-template-columns:minmax(260px,1fr) minmax(220px,320px) auto!important;align-items:end!important}
.hub-period-filter>div:first-child small{color:var(--ph-soft);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.hub-period-filter label>span{color:var(--ph-soft);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.hub-period-filter select{min-height:46px;border-radius:14px!important;background:linear-gradient(135deg,rgba(11,21,20,.96),rgba(17,33,31,.98))!important;border-color:rgba(111,245,223,.14)!important;color:#f7fbfa!important;box-shadow:0 0 0 1px rgba(111,245,223,.06),0 14px 28px -24px rgba(111,245,223,.32)!important}
.hub-period-filter .hub-btn{min-height:46px;white-space:nowrap}
@media(max-width:720px){.hub-period-filter{grid-template-columns:1fr!important}.hub-period-filter .hub-btn{width:100%}}
.puro-hub-logo-mark{position:relative;filter:drop-shadow(0 0 14px rgba(111,245,223,.24))}
.puro-hub-logo-mark i{background:linear-gradient(135deg,#6ff5df 0%,#7bc6ff 55%,#d18bff 100%)!important;box-shadow:0 0 8px rgba(111,245,223,.42),0 0 18px rgba(123,198,255,.2)!important;animation:hubMarkGlow 2.4s ease-in-out infinite}
.puro-hub-logo-mark i:nth-child(2){animation-delay:.16s}.puro-hub-logo-mark i:nth-child(3){animation-delay:.32s}.puro-hub-logo-mark i:nth-child(4){animation-delay:.48s}
@keyframes hubMarkGlow{0%,100%{opacity:.68;filter:brightness(.98)}50%{opacity:1;filter:brightness(1.24)}}
.hub-theme-toggle{background:linear-gradient(135deg,rgba(11,21,20,.96),rgba(17,33,31,.98))!important;border-color:rgba(111,245,223,.18)!important;box-shadow:0 0 0 1px rgba(111,245,223,.08),0 14px 26px -20px rgba(111,245,223,.34)!important}
.hub-theme-toggle .hub-icon{color:#6ff5df!important;filter:drop-shadow(0 0 10px rgba(111,245,223,.34))}
.hub-results-source-grid article>span,.hub-client-metrics span,.hub-role-focus-stats article,.hub-results-kpis article{background:linear-gradient(135deg,rgba(13,23,22,.92),rgba(18,34,32,.94))!important}
/* ========================================================================
* v3.10.0 — Campaign Intelligence · base A
* ====================================================================== */
.hub-campaigns-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.hub-campaigns-head h2{margin:4px 0 7px;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em}.hub-campaigns-head p{max-width:760px;margin:0;color:var(--hub-muted);line-height:1.55}.hub-campaign-platforms{display:flex;gap:8px;flex-wrap:wrap}.hub-campaign-platforms>span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--hub-border,var(--ph-line,#dfe5e8));border-radius:12px;background:var(--hub-surface,var(--ph-paper,#fff));font-size:10px}.hub-campaign-platforms img{width:21px;height:21px;object-fit:contain}.hub-campaign-create>summary{cursor:pointer;list-style:none}.hub-campaign-create>summary::-webkit-details-marker{display:none}.hub-campaign-create>summary h3{margin:4px 0}.hub-campaign-create>summary p{margin:0;color:var(--hub-muted)}.hub-campaign-form{margin-top:16px}.hub-campaign-manual-data{margin:4px 0 12px;padding:12px;border:1px solid var(--hub-border,var(--ph-line,#dfe5e8));border-radius:13px;background:var(--ph-paper,#f3f6f5)}.hub-campaign-manual-data>summary{cursor:pointer;font-weight:800}.hub-campaign-manual-data>p{color:var(--hub-muted);font-size:10px}.hub-campaign-empty{display:flex;align-items:center;gap:14px}.hub-campaign-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--ph-paper,#f3f6f5)}.hub-campaign-empty svg{width:22px;height:22px}.hub-campaign-empty h3{margin:0 0 4px}.hub-campaign-empty p{margin:0;color:var(--hub-muted)}.hub-campaign-list{display:grid;gap:15px}.hub-campaign-card{overflow:hidden;border:1px solid var(--hub-border,var(--ph-line,#dfe5e8));border-radius:19px;background:var(--hub-surface,var(--ph-paper,#fff))}.hub-campaign-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.hub-campaign-card>header>a{color:var(--ph-accent,#49dec4);font-size:10px;font-weight:800}.hub-campaign-card-title{display:flex;align-items:center;gap:11px}.hub-campaign-card-title>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--ph-paper,#f3f6f5)}.hub-campaign-card-title img{width:27px;height:27px}.hub-campaign-card-title small{display:block;color:var(--hub-muted);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.hub-campaign-card-title h3{margin:2px 0;font-size:17px}.hub-campaign-card-title p{margin:0;color:var(--hub-muted);font-size:9px}.hub-campaign-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid var(--hub-border,var(--ph-line,#dfe5e8));border-bottom:1px solid var(--hub-border,var(--ph-line,#dfe5e8));background:var(--hub-border,var(--ph-line,#dfe5e8))}.hub-campaign-kpis>div{padding:13px 15px;background:var(--hub-surface,var(--ph-paper,#fff))}.hub-campaign-kpis small,.hub-campaign-kpis b{display:block}.hub-campaign-kpis small{color:var(--hub-muted);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.hub-campaign-kpis b{margin-top:4px;font-size:21px}.hub-campaign-meta{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px}.hub-campaign-meta span{padding:6px 8px;border-radius:9px;background:var(--ph-paper,#f3f6f5);color:var(--hub-muted);font-size:8px}.hub-campaign-edit{border-top:1px solid var(--hub-border,var(--ph-line,#dfe5e8));padding:0 16px 16px}.hub-campaign-edit>summary{padding:12px 0;cursor:pointer;font-size:10px;font-weight:800}.hub-campaign-edit .hub-inline-delete-form{margin-top:10px}.hub-campaign-roadmap{margin-top:17px}.hub-campaign-roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.hub-campaign-roadmap-grid span{padding:10px;border:1px solid var(--hub-border,var(--ph-line,#dfe5e8));border-radius:11px;background:var(--ph-paper,#f3f6f5);color:var(--hub-muted);font-size:9px;font-weight:800}.hub-campaign-roadmap-grid span.is-ready{border-color:rgba(99,225,197,.35);color:var(--ph-accent,#49dec4)}
@media(max-width:760px){.hub-campaigns-head{display:grid;align-items:start}.hub-campaign-kpis{grid-template-columns:repeat(2,1fr)}.hub-campaign-roadmap-grid{grid-template-columns:repeat(2,1fr)}.hub-campaign-card>header{align-items:flex-start}.hub-campaign-card>header>a{display:none}}
/* v3.10.1 — Campaign Intelligence B · filtro y embudo first-party */
.hub-campaign-period{display:grid;gap:3px;padding:10px 14px;border-top:1px solid var(--ph-line);border-bottom:1px solid var(--ph-line);background:#f8faf9}
.hub-campaign-period small{font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:var(--ph-soft)}
.hub-campaign-period b{font-size:10px;color:var(--ph-ink)}
.hub-campaign-period span{font-size:9px;line-height:1.45;color:var(--ph-soft)}
.hub-campaign-funnel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--ph-line)}
.hub-campaign-funnel span{display:grid;gap:2px}.hub-campaign-funnel b{font-size:18px;letter-spacing:-.03em}.hub-campaign-funnel small{font-size:8px;color:var(--ph-soft)}.hub-campaign-funnel i{font-style:normal;color:var(--ph-brand)}
@media(max-width:720px){.hub-campaign-funnel b{font-size:16px}.hub-campaign-funnel{gap:5px}}
/* v3.10.2 — Campaign Intelligence C */
.hub-campaign-behavior{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.hub-campaign-behavior>div{padding:12px;border:1px solid var(--ph-line);border-radius:13px;background:var(--ph-card)}.hub-campaign-behavior small,.hub-campaign-behavior b,.hub-campaign-behavior span{display:block}.hub-campaign-behavior small{font-size:8px;color:var(--ph-soft);text-transform:uppercase;letter-spacing:.04em}.hub-campaign-behavior b{margin:3px 0;font-size:20px}.hub-campaign-behavior span{font-size:9px;color:var(--ph-soft)}.hub-campaign-behavior-note{margin:0 0 12px;color:var(--ph-soft);font-size:9px;line-height:1.45}
@media(max-width:720px){.hub-campaign-behavior{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v3.10.5 — fases estándar, pruebas superiores y alcance personalizado */
.hub-phase-mode{margin-top:2px}.hub-phase-custom-check{align-items:center!important}.hub-phase-custom-check span{display:grid;gap:2px}.hub-phase-custom-check b{font-size:10px}.hub-phase-custom-check small{font-size:8px;line-height:1.4;color:var(--ph-soft)}
.hub-phase-service-group{margin-top:18px}.hub-phase-service-group:first-of-type{margin-top:14px}.hub-phase-service-group-head{display:flex;align-items:center;gap:9px;margin:0 0 9px;padding:0 2px}.hub-phase-service-group-head>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:8px;font-weight:900;background:rgba(27,173,144,.09);color:var(--ph-brand)}.hub-phase-service-group-head div{display:grid;gap:1px}.hub-phase-service-group-head b{font-size:10px}.hub-phase-service-group-head small{font-size:8px;color:var(--ph-soft)}
.hub-phase-service-group.tier-2 .hub-phase-service-group-head>span{background:rgba(83,151,202,.10);color:#5797c4}.hub-phase-service-group.tier-3 .hub-phase-service-group-head>span{background:rgba(115,132,192,.11);color:#7384c0}
.hub-scope-locked-note{display:grid;gap:3px;padding:11px 13px 13px;border-top:1px solid var(--ph-line);font-size:8px;color:var(--ph-soft)}.hub-scope-locked-note b{font-size:9px;color:var(--ph-ink)}
.hub-scope-card.is-cross-phase.origin-tier-2{border-color:rgba(87,151,196,.62);box-shadow:0 0 0 1px rgba(87,151,196,.13),0 8px 24px rgba(54,112,158,.08)}.hub-scope-card.is-cross-phase.origin-tier-3{border-color:rgba(115,132,192,.72);box-shadow:0 0 0 1px rgba(115,132,192,.15),0 8px 26px rgba(88,103,173,.10)}.hub-scope-card.is-cross-phase.origin-tier-2>summary strong{background:rgba(87,151,196,.13);color:#3f7da7}.hub-scope-card.is-cross-phase.origin-tier-3>summary strong{background:rgba(115,132,192,.14);color:#5c6fae}.hub-scope-card.is-cross-phase.origin-tier-2 .hub-scope-icon{background:rgba(87,151,196,.10);color:#5797c4}.hub-scope-card.is-cross-phase.origin-tier-3 .hub-scope-icon{background:rgba(115,132,192,.11);color:#7384c0}
/* PURO Agency Hub 3.10.6 — editor de membresía espejo del dashboard médico */
.hub-membership-editor{margin-top:18px}.hub-membership-editor-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);gap:18px;align-items:center}.hub-membership-phase{padding:18px 20px;border:1px solid var(--ph-line);border-radius:20px;background:var(--ph-surface,#fff)}.hub-membership-phase>span,.hub-membership-tools-head span{display:block;font-size:10px;font-weight:900;letter-spacing:.13em}.hub-membership-phase>b{display:block;margin-top:5px;font-size:24px}.hub-membership-phase>small{display:block;margin-top:5px;color:var(--ph-soft)}.hub-membership-level{padding:17px 18px;border:1px solid var(--ph-line);border-radius:18px}.hub-membership-level>small,.hub-membership-level>b{display:block}.hub-membership-level>b{font-size:21px;margin-top:4px}.hub-membership-level>span{display:block;height:8px;margin-top:12px;border-radius:999px;background:rgba(127,127,127,.15);overflow:hidden}.hub-membership-level>span>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65dbc0,#69a9ff)}.hub-membership-tools-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:22px 0 12px}.hub-membership-tools-head b{display:block;margin-top:5px;font-size:18px}.hub-membership-tools-head a{font-size:12px;font-weight:800;text-decoration:none}.hub-membership-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hub-membership-service{border:1px solid var(--ph-line);border-radius:18px;overflow:hidden;background:var(--ph-surface,#fff)}.hub-membership-service>summary{list-style:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;cursor:pointer}.hub-membership-service>summary::-webkit-details-marker{display:none}.hub-membership-service-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(93,216,183,.08)}.hub-membership-service-icon svg,.hub-membership-service-icon img{width:24px;height:24px}.hub-membership-service>summary span:nth-child(2)>b,.hub-membership-service>summary span:nth-child(2)>small{display:block}.hub-membership-service>summary span:nth-child(2)>small{margin-top:4px;font-size:9px;line-height:1.45;font-weight:800;letter-spacing:.06em}.hub-membership-service>summary>strong{font-size:10px;letter-spacing:.08em}.hub-membership-service-edit{padding:0 15px 15px;border-top:1px solid var(--ph-line)}.hub-membership-service-edit>p{margin:14px 0;display:grid;gap:5px}.hub-membership-service-edit>p span{color:var(--ph-soft);font-size:12px}.hub-membership-service.origin-tier-2.is-cross-phase{border-color:rgba(104,169,255,.7);box-shadow:0 0 0 1px rgba(104,169,255,.12)}.hub-membership-service.origin-tier-3.is-cross-phase{border-color:rgba(151,132,255,.78);box-shadow:0 0 0 1px rgba(151,132,255,.15)}.hub-membership-service.origin-tier-2.is-cross-phase>summary small{color:#82b7ff}.hub-membership-service.origin-tier-3.is-cross-phase>summary small{color:#b4a5ff}@media(max-width:780px){.hub-membership-editor-head,.hub-membership-service-grid{grid-template-columns:1fr}.hub-membership-tools-head{align-items:start;flex-direction:column}.hub-membership-service>summary{grid-template-columns:44px minmax(0,1fr) auto}.hub-membership-phase>b{font-size:20px}}
/* v3.10.7 — edición de membresía más explícita */
.hub-membership-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hub-membership-head-actions a{font-size:12px;font-weight:850;text-decoration:none}
.hub-phase-quick-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid var(--ph-line);border-radius:16px;background:rgba(38,164,140,.045)}
.hub-phase-quick-actions>div{display:grid;gap:3px;min-width:0}
.hub-phase-quick-actions b{font-size:11px}
.hub-phase-quick-actions span{font-size:9px;color:var(--ph-soft);line-height:1.45}
.hub-membership-service>summary>strong{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 9px;border:1px solid var(--ph-line);border-radius:999px}
.hub-membership-service[open]>summary>strong{color:var(--ph-brand)}
.hub-membership-service[open]>.hub-membership-service-edit{display:block}
@media(max-width:780px){
.hub-phase-quick-actions{align-items:stretch;flex-direction:column}
.hub-phase-quick-actions .hub-btn{width:100%}
.hub-membership-head-actions{width:100%;justify-content:space-between}
}
/* ======================================================================
* v3.10.8 — Zona de membresía/agencia en lenguaje PURO.
* Parche acotado: evita superficies blancas en la edición de fase/servicios
* sin adelantar la limpieza global de temas.
* =================================================================== */
.hub-membership-admin-zone{
--hub-membership-bg:#050809;
--hub-membership-surface:#0b1011;
--hub-membership-raised:#101617;
--hub-membership-line:rgba(255,255,255,.09);
--hub-membership-text:#f8fbfa;
--hub-membership-soft:#d3ddda;
--hub-membership-accent:#64ddc0;
display:grid;
gap:18px;
margin-top:14px;
padding:18px;
border:1px solid rgba(255,255,255,.055);
border-radius:26px;
background:var(--hub-membership-bg)!important;
color:var(--hub-membership-text)!important;
}
.hub-membership-admin-zone :is(.hub-plan-summary,.hub-panel,.hub-membership-phase,.hub-membership-level,.hub-phase-admin-head,.hub-subpanel,.hub-scope-help,.hub-scope-card,.hub-onetime-item,.hub-create-panel){
background:var(--hub-membership-surface)!important;
background-image:none!important;
border-color:var(--hub-membership-line)!important;
color:var(--hub-membership-text)!important;
box-shadow:none!important;
}
.hub-membership-admin-zone :is(h2,h3,h4,strong,b,.hub-panel-head h2,.hub-panel-head h3){color:var(--hub-membership-text)!important}
.hub-membership-admin-zone :is(p,small,label,em,.hub-panel-head p,.hub-empty-inline,.hub-history-list time){color:var(--hub-membership-soft)!important}
.hub-membership-admin-zone :is(.hub-membership-phase>span,.hub-membership-tools-head span,.hub-phase-admin-head span){color:var(--hub-membership-accent)!important}
.hub-membership-admin-zone .hub-phase-choice-grid label>span{
background:var(--hub-membership-raised)!important;
background-image:none!important;
border-color:var(--hub-membership-line)!important;
color:var(--hub-membership-text)!important;
box-shadow:none!important;
}
.hub-membership-admin-zone .hub-phase-choice-grid input:checked+span,
.hub-membership-admin-zone .hub-phase-choice-grid .tier-2 input:checked+span,
.hub-membership-admin-zone .hub-phase-choice-grid .tier-3 input:checked+span{
background:#14221f!important;
border-color:rgba(100,221,192,.36)!important;
box-shadow:none!important;
}
.hub-membership-admin-zone .hub-phase-choice-grid label>span>i{color:rgba(100,221,192,.34)!important}
.hub-membership-admin-zone :is(input,textarea,select){
background:var(--hub-membership-raised)!important;
border-color:var(--hub-membership-line)!important;
color:var(--hub-membership-text)!important;
box-shadow:none!important;
color-scheme:dark;
}
.hub-membership-admin-zone select option{background:var(--hub-membership-raised);color:var(--hub-membership-text)}
.hub-membership-admin-zone :is(input,textarea)::placeholder{color:#8f9b98!important}
.hub-membership-admin-zone .hub-phase-quick-actions{
background:rgba(100,221,192,.055)!important;
border-color:rgba(100,221,192,.16)!important;
}
.hub-membership-admin-zone .hub-membership-service,
.hub-membership-admin-zone .hub-scope-card{
background:var(--hub-membership-raised)!important;
border-color:var(--hub-membership-line)!important;
}
.hub-membership-admin-zone .hub-membership-service-icon,
.hub-membership-admin-zone .hub-scope-icon,
.hub-membership-admin-zone :is(.hub-service-visual-icon,.hub-service-admin-icon){
background:#13201d!important;
border-color:transparent!important;
color:var(--hub-membership-accent)!important;
}
.hub-membership-admin-zone .hub-membership-service.origin-tier-2.is-cross-phase,
.hub-membership-admin-zone .hub-scope-card.origin-tier-2.is-cross-phase{
border-color:rgba(104,169,255,.68)!important;
box-shadow:0 0 0 1px rgba(104,169,255,.12)!important;
}
.hub-membership-admin-zone .hub-membership-service.origin-tier-3.is-cross-phase,
.hub-membership-admin-zone .hub-scope-card.origin-tier-3.is-cross-phase{
border-color:rgba(151,132,255,.76)!important;
box-shadow:0 0 0 1px rgba(151,132,255,.14)!important;
}
.hub-membership-admin-zone .hub-membership-service-edit,
.hub-membership-admin-zone .hub-scope-locked-note{border-color:var(--hub-membership-line)!important}
.hub-membership-admin-zone .hub-price-list>div,
.hub-membership-admin-zone .hub-history-list>div{
border-color:rgba(255,255,255,.07)!important;
color:var(--hub-membership-text)!important;
}
.hub-membership-admin-zone .hub-count{
background:#151d1e!important;
color:var(--hub-membership-accent)!important;
}
.hub-membership-admin-zone .hub-btn-secondary{
background:var(--hub-membership-raised)!important;
border-color:var(--hub-membership-line)!important;
color:var(--hub-membership-text)!important;
}
@media(max-width:720px){
.hub-membership-admin-zone{margin-inline:-4px;padding:12px;border-radius:22px}
}
.hub-client-warning{margin-top:10px;border-radius:12px;background:#eef3ff;color:#4d63b8;padding:10px;font-size:11px;line-height:1.45}
/* v3.26.1 — Agenda editorial global de la agencia. */
.hub-agency-calendar-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:22px;border:1px solid var(--ph-line,#dfe7e3);border-radius:22px;background:linear-gradient(135deg,rgba(93,216,183,.11),rgba(104,169,255,.07)),var(--ph-surface,#fff)}.hub-agency-calendar-hero h2{margin:5px 0 7px;font-size:clamp(25px,3vw,36px);letter-spacing:-.04em}.hub-agency-calendar-hero p{max-width:650px;margin:0;color:var(--ph-soft,#68736e);font-size:12px;line-height:1.55}.hub-agency-calendar-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.hub-agency-calendar-kpis>a{min-width:0;padding:15px;border:1px solid var(--ph-line,#dfe7e3);border-radius:16px;background:var(--ph-surface,#fff);color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease}.hub-agency-calendar-kpis>a:hover{transform:translateY(-2px);border-color:rgba(57,171,146,.48)}.hub-agency-calendar-kpis small,.hub-agency-calendar-kpis b,.hub-agency-calendar-kpis span{display:block}.hub-agency-calendar-kpis small{color:var(--ph-soft,#68736e);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hub-agency-calendar-kpis b{margin:6px 0 2px;font-size:27px;letter-spacing:-.05em}.hub-agency-calendar-kpis span{color:var(--ph-soft,#68736e);font-size:9px}.hub-agency-calendar-kpis>.is-critical{border-color:rgba(212,108,95,.45);background:rgba(212,108,95,.055)}.hub-agency-calendar-kpis>.is-critical b{color:#c35e53}.hub-agency-calendar-kpis>.is-today{border-color:rgba(220,169,78,.48);background:rgba(220,169,78,.06)}.hub-agency-calendar-kpis>.is-today b{color:#b77e1d}.hub-agency-calendar-alerts{margin:0 0 18px;border:1px solid rgba(212,108,95,.35);border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(212,108,95,.07),rgba(220,169,78,.035)),var(--ph-surface,#fff)}.hub-agency-calendar-alerts>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-bottom:1px solid rgba(212,108,95,.18)}.hub-agency-calendar-alerts>header>div{display:flex;align-items:center;gap:11px}.hub-agency-calendar-alerts>header>div>span{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:rgba(212,108,95,.12);color:#c35e53}.hub-agency-calendar-alerts svg{width:19px;height:19px}.hub-agency-calendar-alerts small{display:block;color:var(--ph-soft,#68736e);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hub-agency-calendar-alerts h3{margin:3px 0 0;font-size:15px}.hub-agency-calendar-alerts>header>p{max-width:290px;margin:0;color:var(--ph-soft,#68736e);font-size:10px;line-height:1.45;text-align:right}.hub-agency-calendar-alert-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(212,108,95,.12)}.hub-agency-calendar-alert-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 13px;background:var(--ph-surface,#fff);color:inherit;text-decoration:none}.hub-agency-calendar-alert-list>a:hover{background:rgba(212,108,95,.04)}.hub-agency-calendar-alert-list time,.hub-agency-calendar-upcoming-list time{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ph-paper,#f2f6f4);line-height:1}.hub-agency-calendar-alert-list time b,.hub-agency-calendar-alert-list time span,.hub-agency-calendar-upcoming-list time b,.hub-agency-calendar-upcoming-list time span{display:block}.hub-agency-calendar-alert-list time b,.hub-agency-calendar-upcoming-list time b{font-size:14px}.hub-agency-calendar-alert-list time span,.hub-agency-calendar-upcoming-list time span{margin-top:2px;color:var(--ph-soft,#68736e);font-size:7px;font-weight:800;text-transform:uppercase}.hub-agency-calendar-alert-list a.is-overdue time{background:rgba(212,108,95,.13);color:#bd554a}.hub-agency-calendar-alert-list a.is-today time{background:rgba(220,169,78,.14);color:#9c6b17}.hub-agency-calendar-alert-list span:not(.hub-icon)>small,.hub-agency-calendar-alert-list span:not(.hub-icon)>b,.hub-agency-calendar-alert-list span:not(.hub-icon)>em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-agency-calendar-alert-list small{color:var(--ph-soft,#68736e);font-size:8px}.hub-agency-calendar-alert-list b{margin:2px 0;font-size:11px}.hub-agency-calendar-alert-list em{color:#b77e1d;font-size:8px;font-style:normal;font-weight:750}.hub-agency-calendar-alert-list i,.hub-agency-calendar-upcoming-list i{color:var(--ph-soft,#68736e);font-size:15px;font-style:normal}.hub-agency-calendar{margin:0 0 18px;overflow:hidden;border:1px solid var(--ph-line,#dfe7e3);border-radius:22px;background:var(--ph-surface,#fff)}.hub-agency-calendar>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--ph-line,#dfe7e3)}.hub-agency-calendar h3{margin:4px 0 3px;font-size:20px;text-transform:capitalize}.hub-agency-calendar p{margin:0;color:var(--ph-soft,#68736e);font-size:10px}.hub-agency-calendar>header nav{display:flex;gap:6px}.hub-agency-calendar>header nav a{display:grid;place-items:center;min-width:36px;height:36px;padding:0 11px;border:1px solid var(--ph-line,#dfe7e3);border-radius:11px;background:var(--ph-paper,#f2f6f4);color:inherit;font-size:10px;font-weight:800;text-decoration:none}.hub-agency-calendar>header nav a:hover{border-color:rgba(57,171,146,.45);color:var(--ph-brand,#17745f)}.hub-agency-calendar-weekdays,.hub-agency-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.hub-agency-calendar-weekdays{padding:11px 11px 6px}.hub-agency-calendar-weekdays span{text-align:center;color:var(--ph-soft,#68736e);font-size:8px;font-weight:850;text-transform:uppercase}.hub-agency-calendar-grid{padding:0 11px 11px}.hub-agency-calendar-grid>.is-blank{min-height:112px;border-radius:13px;background:rgba(100,130,120,.025)}.hub-agency-calendar-day{display:flex;flex-direction:column;min-width:0;min-height:112px;padding:7px;border:1px solid var(--ph-line,#dfe7e3);border-radius:14px;background:var(--ph-paper,#f7faf8)}.hub-agency-calendar-day.is-today{border-color:rgba(57,171,146,.55);box-shadow:inset 0 0 0 1px rgba(57,171,146,.12)}.hub-agency-calendar-day>time{display:grid;place-items:center;width:24px;height:24px;margin-bottom:5px;border-radius:8px;color:var(--ph-soft,#68736e);font-size:9px;font-weight:850}.hub-agency-calendar-day.is-today>time{background:var(--ph-brand,#17745f);color:#fff}.hub-agency-calendar-day>div{display:grid;gap:4px;min-width:0}.hub-agency-calendar-event{display:grid;grid-template-columns:5px minmax(0,1fr);gap:5px;align-items:start;padding:4px;border-radius:8px;background:rgba(57,171,146,.08);color:inherit;text-decoration:none}.hub-agency-calendar-event:hover{background:rgba(57,171,146,.16)}.hub-agency-calendar-event>i{width:5px;height:5px;margin-top:4px;border-radius:50%;background:#34a98f}.hub-agency-calendar-event.is-meta_ads>i{background:#6678e3}.hub-agency-calendar-event.is-google_ads>i{background:#5d91d7}.hub-agency-calendar-event.is-blog>i{background:#bd8c3c}.hub-agency-calendar-event.is-google_business>i{background:#cc8050}.hub-agency-calendar-event.is-sitio_web>i{background:#7d8b85}.hub-agency-calendar-event.is-complete{opacity:.52}.hub-agency-calendar-event span{min-width:0}.hub-agency-calendar-event b,.hub-agency-calendar-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-agency-calendar-event b{font-size:7.5px}.hub-agency-calendar-event small{margin-top:2px;color:var(--ph-soft,#68736e);font-size:6.5px}.hub-agency-calendar-more{padding-left:3px;color:var(--ph-soft,#68736e);font-size:7px}.hub-agency-calendar-upcoming{overflow:hidden;border:1px solid var(--ph-line,#dfe7e3);border-radius:20px;background:var(--ph-surface,#fff)}.hub-agency-calendar-upcoming>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px;border-bottom:1px solid var(--ph-line,#dfe7e3)}.hub-agency-calendar-upcoming h3{margin:4px 0;font-size:18px}.hub-agency-calendar-upcoming p{margin:0;color:var(--ph-soft,#68736e);font-size:10px}.hub-agency-calendar-upcoming-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ph-line,#dfe7e3)}.hub-agency-calendar-upcoming-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 13px;background:var(--ph-surface,#fff);color:inherit;text-decoration:none}.hub-agency-calendar-upcoming-list>a:hover{background:var(--ph-paper,#f2f6f4)}.hub-agency-calendar-upcoming-list>a.is-complete{opacity:.55}.hub-agency-calendar-upcoming-list span{min-width:0}.hub-agency-calendar-upcoming-list small,.hub-agency-calendar-upcoming-list b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-agency-calendar-upcoming-list small{color:var(--ph-soft,#68736e);font-size:8px}.hub-agency-calendar-upcoming-list b{margin-top:2px;font-size:11px}.hub-agency-calendar-upcoming-list em{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ph-brand,#17745f);font-size:8px;font-style:normal;font-weight:800}.hub-agency-calendar-connection-note{margin:12px 2px;color:var(--ph-soft,#68736e);font-size:10px;line-height:1.45}
@media(max-width:820px){.hub-app-nav.hub-app-nav-count-5{grid-template-columns:repeat(5,minmax(0,1fr))}.hub-agency-calendar-hero{align-items:flex-start;flex-direction:column;padding:17px}.hub-agency-calendar-hero .hub-btn{width:100%;justify-content:center}.hub-agency-calendar-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hub-agency-calendar-kpis>a{padding:13px}.hub-agency-calendar-alerts>header{align-items:flex-start;flex-direction:column}.hub-agency-calendar-alerts>header>p{text-align:left}.hub-agency-calendar-alert-list,.hub-agency-calendar-upcoming-list{grid-template-columns:1fr}.hub-agency-calendar>header{align-items:flex-start;flex-direction:column;padding:14px}.hub-agency-calendar>header nav{width:100%;justify-content:space-between}.hub-agency-calendar>header nav a:nth-child(2){flex:1}.hub-agency-calendar-weekdays{padding:9px 6px 4px}.hub-agency-calendar-grid{gap:3px;padding:0 6px 7px}.hub-agency-calendar-grid>.is-blank{min-height:54px}.hub-agency-calendar-day{min-height:54px;padding:4px;border-radius:10px}.hub-agency-calendar-day>time{width:20px;height:20px;margin:0 auto 2px;font-size:8px}.hub-agency-calendar-day>div{display:flex;justify-content:center;gap:3px;min-height:7px;overflow:hidden}.hub-agency-calendar-event{display:block;width:6px;height:6px;padding:0;border-radius:50%;background:transparent}.hub-agency-calendar-event>i{display:block;width:6px;height:6px;margin:0}.hub-agency-calendar-event span{display:none}.hub-agency-calendar-more{padding:0;font-size:6px}.hub-agency-calendar-upcoming>header{padding:14px}.hub-agency-calendar-upcoming-list>a{grid-template-columns:36px minmax(0,1fr) auto;padding:10px}.hub-agency-calendar-upcoming-list i{display:none}.hub-agency-calendar-upcoming-list em{max-width:72px}}
/* v3.26.2 — La agenda debe ser un acceso primario, no una ruta escondida. */
.hub-calendar-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid rgba(57,171,146,.45);border-radius:12px;background:rgba(57,171,146,.1);color:var(--ph-brand,#17745f);font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease}.hub-calendar-shortcut:hover{transform:translateY(-1px);border-color:var(--ph-brand,#17745f);background:var(--ph-brand,#17745f);color:#fff}.hub-calendar-shortcut .hub-icon{width:17px;height:17px;color:currentColor}@media(max-width:820px){.hub-calendar-shortcut{display:none!important}}
/* v3.26.3 — Contraste propio del calendario en la interfaz oscura PURO. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-hero{background:linear-gradient(135deg,rgba(72,202,170,.13),rgba(71,121,210,.10)),#0b1116!important;border-color:rgba(133,239,217,.18)!important;color:#f4faf8!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-hero h2{color:#f4faf8!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-hero :is(p,.hub-section-eyebrow){color:#aebeba!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-hero .hub-btn{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.15)!important;color:#e7f5f0!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-kpis>a{background:#0b1116!important;border-color:rgba(255,255,255,.13)!important;color:#f4faf8!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-kpis :is(small,span){color:#9dacaa!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-kpis>.is-critical{background:rgba(131,42,54,.17)!important;border-color:rgba(239,134,153,.42)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-kpis>.is-critical b{color:#ffadb9!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-kpis>.is-today{background:rgba(157,114,31,.16)!important;border-color:rgba(245,202,101,.42)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-kpis>.is-today b{color:#ffe09a!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-alerts,.hub-agency-calendar,.hub-agency-calendar-upcoming){background:#0b1116!important;border-color:rgba(255,255,255,.13)!important;color:#f4faf8!important;box-shadow:none!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-alerts>header,.hub-agency-calendar>header,.hub-agency-calendar-upcoming>header){border-color:rgba(255,255,255,.11)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-alerts h3,.hub-agency-calendar h3,.hub-agency-calendar-upcoming h3){color:#f4faf8!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-alerts small,.hub-agency-calendar p,.hub-agency-calendar-upcoming p,.hub-agency-calendar-weekdays span,.hub-agency-calendar-connection-note){color:#9dacaa!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-alert-list{background:rgba(255,255,255,.1)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-alert-list>a{background:#0d151a!important;color:#edf5f2!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-alert-list>a:hover{background:#12231f!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-alert-list time,.hub-agency-calendar-upcoming-list time){background:#17211f!important;color:#effbf7!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-alert-list time span,.hub-agency-calendar-upcoming-list time span,.hub-agency-calendar-alert-list small,.hub-agency-calendar-alert-list i,.hub-agency-calendar-upcoming-list small,.hub-agency-calendar-upcoming-list i){color:#9dacaa!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-alert-list b{color:#f1f8f5!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-alert-list em{color:#ffdb80!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar>header nav a{background:#151e26!important;border-color:rgba(255,255,255,.14)!important;color:#eaf4f1!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-grid>.is-blank{background:rgba(255,255,255,.018)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day{background:#080d13!important;border-color:rgba(255,255,255,.1)!important;color:#edf5f2!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day>time{color:#b9c7c3!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day.is-today>time{background:#2bc9a5!important;color:#04100d!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-event{background:rgba(50,194,161,.13)!important;color:#f0fbf7!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-event b{color:#eaf7f2!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-event small,.hub-agency-calendar-more){color:#9dacaa!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-upcoming-list{background:rgba(255,255,255,.1)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-upcoming-list>a{background:#0d151a!important;color:#eff8f4!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-upcoming-list>a:hover{background:#12231f!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-upcoming-list b,.hub-agency-calendar-upcoming-list em){color:#eff8f4!important}
/* v3.26.4 — Agenda diaria: una fecha concentra sus piezas y sus recursos. */
.hub-agency-calendar-day{color:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.hub-agency-calendar-day:hover{transform:translateY(-1px);border-color:rgba(57,171,146,.56);background:rgba(57,171,146,.07)}.hub-agency-calendar-day.is-selected{border-color:var(--ph-brand,#17745f);box-shadow:inset 0 0 0 1px rgba(57,171,146,.3),0 8px 22px -18px rgba(29,137,112,.9)}.hub-agency-calendar-day.is-selected>time{background:var(--ph-brand,#17745f);color:#fff}.hub-agency-calendar-event{cursor:pointer}.hub-agency-calendar-day-board{overflow:hidden;border:1px solid var(--ph-line,#dfe7e3);border-radius:22px;background:var(--ph-surface,#fff)}.hub-agency-calendar-day-board>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--ph-line,#dfe7e3)}.hub-agency-calendar-day-board h3{margin:4px 0;font-size:20px;text-transform:capitalize}.hub-agency-calendar-day-board p{margin:0;color:var(--ph-soft,#68736e);font-size:10px}.hub-agency-calendar-day-list{display:grid;gap:10px;padding:12px}.hub-agency-calendar-day-item{overflow:hidden;border:1px solid var(--ph-line,#dfe7e3);border-radius:16px;background:var(--ph-paper,#f7faf8)}.hub-agency-calendar-day-item>summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:62px;padding:10px 12px;cursor:pointer;list-style:none}.hub-agency-calendar-day-item>summary::-webkit-details-marker{display:none}.hub-agency-calendar-day-item>summary>time{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ph-surface,#fff);line-height:1}.hub-agency-calendar-day-item>summary>time b,.hub-agency-calendar-day-item>summary>time span{display:block}.hub-agency-calendar-day-item>summary>time b{font-size:14px}.hub-agency-calendar-day-item>summary>time span{margin-top:2px;color:var(--ph-soft,#68736e);font-size:7px;font-weight:800;text-transform:uppercase}.hub-agency-calendar-day-item>summary>span{min-width:0}.hub-agency-calendar-day-item>summary>span small,.hub-agency-calendar-day-item>summary>span b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-agency-calendar-day-item>summary>span small{color:var(--ph-soft,#68736e);font-size:8px}.hub-agency-calendar-day-item>summary>span b{margin-top:3px;font-size:12px}.hub-agency-calendar-day-item>summary em{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ph-brand,#17745f);font-size:8px;font-style:normal;font-weight:850}.hub-agency-calendar-day-item>summary>i{color:var(--ph-soft,#68736e);font-size:17px;font-style:normal;transition:transform .16s ease}.hub-agency-calendar-day-item[open]>summary{border-bottom:1px solid var(--ph-line,#dfe7e3);background:rgba(57,171,146,.06)}.hub-agency-calendar-day-item[open]>summary>i{transform:rotate(180deg)}.hub-agency-calendar-day-item-body{display:grid;gap:13px;padding:13px}.hub-agency-calendar-day-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.hub-agency-calendar-day-actions .hub-btn{min-height:36px;padding:0 11px}.hub-calendar-copy-source{position:fixed!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.hub-agency-calendar-downloads{position:relative}.hub-agency-calendar-downloads>summary{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid var(--ph-line,#dfe7e3);border-radius:10px;background:var(--ph-surface,#fff);color:var(--ph-ink,#17211e);font-size:9px;font-weight:800;cursor:pointer;list-style:none}.hub-agency-calendar-downloads>summary::-webkit-details-marker{display:none}.hub-agency-calendar-downloads>summary .hub-icon{width:15px;height:15px}.hub-agency-calendar-downloads>div{position:absolute;right:0;z-index:8;display:grid;min-width:190px;margin-top:6px;padding:6px;border:1px solid var(--ph-line,#dfe7e3);border-radius:12px;background:var(--ph-surface,#fff);box-shadow:0 18px 44px -28px rgba(8,45,35,.55)}.hub-agency-calendar-downloads>div a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-radius:8px;color:var(--ph-ink,#17211e);font-size:9px;font-weight:750;text-decoration:none}.hub-agency-calendar-downloads>div a:hover{background:var(--ph-paper,#f2f6f4);color:var(--ph-brand,#17745f)}.hub-agency-calendar-downloads>div i{font-style:normal;font-size:14px}.hub-agency-calendar-open-proposal{padding:7px 3px;color:var(--ph-brand,#17745f);font-size:9px;font-weight:850;text-decoration:none}.hub-agency-calendar-open-proposal:hover{text-decoration:underline}.hub-agency-calendar-day-preview{max-width:920px;margin:0 auto}.hub-agency-calendar-day-preview .hub-proposal-showcase{margin:0}.hub-agency-calendar-day-preview .hub-social-post-card{max-width:460px;margin:0 auto}
@media(max-width:820px){.hub-agency-calendar-day-board>header{padding:14px}.hub-agency-calendar-day-list{gap:8px;padding:8px}.hub-agency-calendar-day-item>summary{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding:9px}.hub-agency-calendar-day-item>summary>i{display:none}.hub-agency-calendar-day-item>summary em{max-width:65px;font-size:7px;text-align:right}.hub-agency-calendar-day-item-body{padding:10px}.hub-agency-calendar-day-actions{justify-content:stretch}.hub-agency-calendar-day-actions .hub-btn,.hub-agency-calendar-downloads{flex:1}.hub-agency-calendar-day-actions .hub-btn{justify-content:center}.hub-agency-calendar-downloads>summary{width:100%;justify-content:center;box-sizing:border-box}.hub-agency-calendar-downloads>div{right:0;left:0;min-width:0}.hub-agency-calendar-open-proposal{width:100%;text-align:center}}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day-board{background:#0b1116!important;border-color:rgba(255,255,255,.13)!important;color:#f4faf8!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day-board>header,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day-item[open]>summary{border-color:rgba(255,255,255,.11)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-day-board h3,.hub-agency-calendar-day-item>summary>span b){color:#f4faf8!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(.hub-agency-calendar-day-board p,.hub-agency-calendar-day-item>summary>span small,.hub-agency-calendar-day-item>summary>time span,.hub-agency-calendar-day-item>summary>i){color:#9dacaa!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day-item{background:#0d151a!important;border-color:rgba(255,255,255,.12)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day-item[open]>summary{background:rgba(50,194,161,.09)!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day-item>summary>time{background:#17211f!important;color:#effbf7!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-day-item>summary em{color:#87e8d0!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-downloads>summary,html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-downloads>div{background:#151e26!important;border-color:rgba(255,255,255,.15)!important;color:#e7f5f0!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-downloads>div a{color:#e7f5f0!important}html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app .hub-agency-calendar-downloads>div a:hover{background:#20312d!important;color:#91f2db!important}
/* v3.26.5 — Mockup nativo para Historias verticales. */
.hub-live-story,.hub-story-preview{position:relative;isolation:isolate;overflow:hidden;width:min(100%,390px);margin:0 auto;border:1px solid rgba(255,255,255,.17);border-radius:20px;background:#08120f;box-shadow:0 26px 60px -38px rgba(4,28,22,.82);aspect-ratio:9/16;color:#fff}.hub-live-story>header,.hub-story-preview>header{position:absolute;z-index:4;top:22px;left:12px;right:12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}.hub-live-story>header b,.hub-live-story>header small,.hub-story-preview>header b,.hub-story-preview>header small{display:block;color:#fff}.hub-live-story>header b,.hub-story-preview>header b{font-size:9px}.hub-live-story>header small,.hub-story-preview>header small{margin-top:2px;font-size:7px;opacity:.85}.hub-live-story>header i,.hub-story-preview>header i{font-style:normal;letter-spacing:2px}.hub-live-story .hub-live-avatar,.hub-story-preview .hub-client-avatar{width:34px;height:34px;border:1px solid rgba(255,255,255,.72);border-radius:50%!important;background:#164d40;color:#fff}.hub-live-story-progress,.hub-story-progress{position:absolute;z-index:5;top:9px;right:10px;left:10px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px}.hub-live-story-progress i,.hub-story-progress i{height:2px;border-radius:999px;background:rgba(255,255,255,.46)}.hub-live-story-progress i.is-active,.hub-story-progress i.is-active{background:#fff}.hub-live-story-stage,.hub-story-slider{position:absolute!important;inset:0!important;width:100%;height:100%;margin:0!important;border:0!important;border-radius:0!important;background:#12221d!important;aspect-ratio:auto!important}.hub-live-story .hub-one-step-preview-gallery figure,.hub-story-slider .hub-social-slides figure{height:100%}.hub-live-story .hub-one-step-preview-gallery img,.hub-story-slider .hub-social-slides img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;background:#12221d}.hub-story-slider .hub-social-prev,.hub-story-slider .hub-social-next{z-index:6;width:34px;height:34px;border-color:rgba(255,255,255,.35);background:rgba(3,10,8,.42);color:#fff}.hub-live-story-copy,.hub-story-copy{position:absolute;z-index:5;right:12px;bottom:15px;left:12px;display:grid;gap:8px;align-items:end;text-shadow:0 1px 10px rgba(0,0,0,.62)}.hub-live-story-copy p,.hub-story-copy p{max-width:92%;margin:0;color:#fff;font-size:11px;font-weight:750;line-height:1.42}.hub-live-story-copy span,.hub-story-copy span{display:grid;place-items:center;min-height:32px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(8,25,20,.26);color:#fff;font-size:8px;font-weight:850;backdrop-filter:blur(5px)}.hub-agency-calendar-day-preview .hub-story-preview{width:min(100%,360px)}@media(max-width:760px){.hub-live-story,.hub-story-preview{width:min(100%,340px);border-radius:18px}.hub-live-story-copy p,.hub-story-copy p{font-size:10px}}