@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--ink:#123144;--navy:#092f43;--navy-2:#0c3b51;--blue:#32b5f4;--blue-2:#67d2ff;--coral:#ff705d;--paper:#f4f8fb;--white:#fff;--muted:#6d8391;--line:#dbe7ee;--success:#1faa7a;--warning:#eea927;--danger:#dd5144;--shadow:0 20px 55px rgba(9,47,67,.11);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}img{display:block;max-width:100%}[hidden]{display:none!important}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--blue-2)}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:9px}.eyebrow--dark{color:#149edc}

/* Acceso */
.auth-page{min-height:100vh;background:linear-gradient(135deg,#082c40 0%,#0d4059 57%,#0b3449 100%);color:#fff;display:grid;place-items:center;padding:34px;position:relative;overflow-x:hidden}.auth-page:before,.auth-page:after{content:"";position:fixed;border-radius:50%;filter:blur(3px);pointer-events:none}.auth-page:before{width:520px;height:520px;background:radial-gradient(circle,rgba(50,181,244,.2),transparent 67%);left:-160px;bottom:-180px}.auth-page:after{width:420px;height:420px;background:radial-gradient(circle,rgba(255,112,93,.08),transparent 69%);right:-110px;top:-180px}.auth-shell{width:min(1100px,100%);display:grid;grid-template-columns:1fr 460px;gap:90px;align-items:center;position:relative;z-index:1}.auth-brand>a{display:inline-block}.auth-brand img{width:160px;height:auto;margin-bottom:56px}.auth-brand h1{font-family:'Manrope',sans-serif;font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:18px 0 24px;max-width:650px}.auth-brand h1 strong{color:var(--blue);font-weight:800}.auth-brand>p{font-size:18px;line-height:1.65;max-width:600px;color:#c5d8e2;margin:0}.auth-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.auth-points span{padding:10px 14px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:999px;color:#dceaf0;font-size:13px;font-weight:700}.auth-card{background:#fff;color:var(--ink);border-radius:26px;padding:42px;box-shadow:0 35px 80px rgba(0,18,28,.25);position:relative}.auth-card__mark{display:flex;gap:0;margin-bottom:28px}.auth-card__mark span{width:40px;height:40px;border:7px solid var(--blue);border-radius:50%;font-size:0}.auth-card__mark span+span{margin-left:-10px;border-color:var(--coral)}.auth-card h1,.auth-card h2{font-family:'Manrope',sans-serif;font-size:30px;letter-spacing:-.035em;margin:10px 0 8px}.auth-card>p{color:var(--muted);line-height:1.55;margin:0 0 25px}.auth-card form{display:grid;gap:18px}.auth-card label,.form-grid label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#294b5f}.auth-card input,.form-grid input,.form-grid select{width:100%;border:1px solid #ccdae3;background:#f7fafc;border-radius:12px;padding:14px 15px;outline:none;color:var(--ink);transition:.2s}.auth-card input:focus,.form-grid input:focus,.form-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(50,181,244,.12);background:#fff}.auth-card button,.auth-link{border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),#43c5fa);color:#fff;padding:15px 18px;font-weight:800;display:flex;justify-content:center;gap:12px;text-decoration:none;box-shadow:0 10px 25px rgba(50,181,244,.26)}.auth-card>small{display:block;color:#8ba0ad;text-align:center;margin-top:22px;line-height:1.45}.form-feedback,.inline-feedback{min-height:20px;margin:0;font-size:13px;color:var(--muted)}.is-error{color:var(--danger)!important}.is-success{color:var(--success)!important}.setup-shell{width:min(520px,100%);position:relative;z-index:2}.setup-message{padding:12px 14px!important;border-radius:10px;background:#f3f7f9}.auth-card code{font-size:12px;color:#146a91}.auth-link{margin-top:22px}.auth-card button.is-loading:after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* Panel */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,#092f43,#0a384e);color:#fff;padding:26px 18px 20px;display:flex;flex-direction:column;box-shadow:10px 0 35px rgba(5,34,49,.08)}.sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:0 10px}.sidebar__brand img{width:122px;height:auto}.sidebar__close{display:none;background:none;border:0;color:#fff;font-size:28px}.workspace-pill{margin:34px 0 27px;display:flex;align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);border-radius:14px}.workspace-pill__mascot{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--blue),#1b9fdc);font-size:13px;font-weight:800;letter-spacing:-.12em;padding-right:2px}.workspace-pill b,.workspace-pill small{display:block}.workspace-pill b{font-size:13px}.workspace-pill small{color:#8fb2c3;font-size:11px;margin-top:2px}.sidebar__nav{display:grid;gap:6px}.sidebar__nav button{border:0;background:transparent;color:#a9c2ce;border-radius:11px;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;font-size:14px;font-weight:700;transition:.2s}.sidebar__nav button i{width:23px;text-align:center;font-style:normal;font-size:18px}.sidebar__nav button em{font-style:normal;margin-left:auto;background:rgba(255,255,255,.09);padding:2px 7px;border-radius:999px;font-size:10px}.sidebar__nav button:hover,.sidebar__nav button.is-active{color:#fff;background:rgba(50,181,244,.15)}.sidebar__nav button.is-active{box-shadow:inset 3px 0 var(--blue)}.sidebar__security{margin-top:auto;display:flex;gap:10px;padding:13px;background:rgba(31,170,122,.09);border:1px solid rgba(63,210,155,.15);border-radius:13px}.sidebar__security>span{color:#5de0ad}.sidebar__security p{margin:0}.sidebar__security b,.sidebar__security small{display:block}.sidebar__security b{font-size:12px;color:#dff8ef}.sidebar__security small{font-size:10px;line-height:1.4;color:#80aaba;margin-top:3px}.sidebar__logout{margin-top:10px;padding:10px;border:0;background:transparent;color:#8fb2c3;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.admin-main{grid-column:2;min-width:0}.topbar{height:92px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,58px);position:sticky;top:0;z-index:20}.topbar__menu{display:none;border:0;background:#eaf4f9;color:var(--navy);width:42px;height:42px;border-radius:11px}.topbar__eyebrow{font-size:10px;letter-spacing:.13em;color:#90a4af;font-weight:800}.topbar h1{font-family:'Manrope',sans-serif;font-size:23px;letter-spacing:-.035em;margin:3px 0 0}.topbar__tools{display:flex;align-items:center;gap:18px}.connection-state{display:flex;align-items:center;gap:8px;color:#66818f;font-size:12px;font-weight:700}.connection-state i{width:7px;height:7px;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px rgba(31,170,122,.12)}.avatar{width:42px;height:42px;border:0;border-radius:12px;background:var(--navy);color:#fff;font-size:12px;font-weight:800}.admin-content{padding:38px clamp(24px,4vw,58px) 64px;max-width:1550px;margin:auto}.admin-view{display:none}.admin-view.is-active{display:block;animation:viewIn .28s ease both}@keyframes viewIn{from{opacity:0;transform:translateY(6px)}}
.welcome-card{min-height:228px;border-radius:23px;background:linear-gradient(120deg,#0a344a 0%,#0d425a 62%,#0d4a63 100%);color:#fff;padding:42px clamp(28px,4vw,52px);display:flex;justify-content:space-between;align-items:center;overflow:hidden;box-shadow:var(--shadow);position:relative}.welcome-card:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-130px;top:-190px}.welcome-card>div:first-child{position:relative;z-index:2;max-width:700px}.welcome-card h2{font-family:'Manrope',sans-serif;font-size:clamp(27px,3vw,40px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 12px}.welcome-card p{margin:0;color:#b8d0dc;line-height:1.6;font-size:15px}.welcome-card__orb{width:150px;height:150px;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 22px 30px rgba(0,15,25,.28));z-index:2;margin:0 40px}.welcome-card__orb span{width:78px;height:78px;border:17px solid var(--blue);border-radius:50%;font-size:0;background:#0c3c52}.welcome-card__orb span+span{margin-left:-20px;border-color:var(--coral)}.welcome-card__orb i{position:absolute;inset:-20px;border:1px solid rgba(103,210,255,.25);border-radius:50%;animation:orbit 6s linear infinite}.welcome-card__orb i:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue-2);top:17px;right:17px;box-shadow:0 0 16px var(--blue)}@keyframes orbit{to{transform:rotate(360deg)}}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metric-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px 23px;box-shadow:0 8px 30px rgba(13,55,75,.04);position:relative;overflow:hidden}.metric-card--accent{background:linear-gradient(145deg,#fff,#edf9ff);border-color:#bbe5f8}.metric-card span,.metric-card small{display:block}.metric-card span{color:#6f8693;font-size:12px;font-weight:700}.metric-card strong{display:block;font-family:'Manrope',sans-serif;font-size:36px;line-height:1;margin:12px 0 10px;letter-spacing:-.05em}.metric-card small{color:#9aabb4;font-size:11px}.metric-card--accent:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);right:20px;top:20px;box-shadow:0 0 0 6px rgba(50,181,244,.12)}
.panel-card{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 10px 35px rgba(10,50,69,.045);padding:25px}.panel-head,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel-head{align-items:center;border-bottom:1px solid #edf2f5;padding-bottom:18px}.panel-head h2,.section-heading h2{font-family:'Manrope',sans-serif;letter-spacing:-.035em;margin:5px 0 0}.panel-head h2{font-size:20px}.section-heading{margin-bottom:24px;align-items:flex-end}.section-heading h2{font-size:34px}.section-heading p{margin:6px 0 0;color:var(--muted)}.text-button{border:0;background:transparent;color:#119fdf;font-weight:800;font-size:12px}.lead-list{display:grid}.lead-row{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(170px,1fr) 130px 120px auto;gap:18px;align-items:center;padding:17px 3px;border-bottom:1px solid #edf2f5}.lead-row:last-child{border-bottom:0}.lead-person{display:flex;gap:12px;align-items:center;min-width:0}.lead-person__avatar{flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:#e8f7fe;color:#139ddc;display:grid;place-items:center;font-size:12px;font-weight:800}.lead-person b,.lead-person small,.lead-business b,.lead-business small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-person b,.lead-business b{font-size:13px}.lead-person small,.lead-business small{font-size:11px;color:#8ba0ad;margin-top:3px}.lead-date{font-size:11px;color:#8095a0}.lead-open{border:0;background:#eef7fb;color:#147fae;padding:9px 11px;border-radius:9px;font-size:11px;font-weight:800}.status-pill{display:inline-flex;width:max-content;align-items:center;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#eef2f5;color:#6a7e89}.status-new{background:#e6f6fe;color:#148ac0}.status-contacted{background:#f3ecff;color:#8457b5}.status-qualified{background:#e8faf3;color:#15805d}.status-proposal{background:#fff3d9;color:#9b6800}.status-won{background:#ddf8eb;color:#08744e}.status-lost{background:#f8e8e7;color:#a2443d}.status-pill--neutral{background:#edf2f5;color:#607884}
.primary-action,.secondary-action{border-radius:11px;padding:12px 16px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-action{border:0;background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(50,181,244,.2)}.secondary-action{border:1px solid #cbdce5;background:#fff;color:var(--ink)}.toolbar{display:flex;gap:12px;margin-bottom:15px}.search-field{flex:1;position:relative}.search-field span{position:absolute;left:15px;top:12px;color:#93a6b0}.search-field input,.toolbar select{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;outline:none;color:var(--ink)}.search-field input{padding-left:42px}.toolbar select{width:210px}.panel-card--table{padding:0;overflow:hidden}.crm-table__head,.crm-table__row{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(170px,1fr) 135px 105px 95px 42px;gap:16px;align-items:center}.crm-table__head{background:#f7fafb;padding:12px 20px;color:#8a9da8;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800}.crm-table__row{padding:16px 20px;border-top:1px solid #edf2f5}.crm-table__row:hover{background:#fbfdfe}.priority{font-size:11px;font-weight:800}.priority-high{color:var(--coral)}.priority-normal{color:#607f8f}.priority-low{color:#98aab3}.empty-state{text-align:center;padding:50px 20px;color:#8094a0}.empty-state b{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}
.vault-badge{padding:8px 11px;background:#e9f8ff;color:#1287ba;border:1px solid #c2e9fa;border-radius:999px;font-size:11px;font-weight:800}.security-banner{display:flex;gap:15px;align-items:flex-start;border:1px solid #bfe7f8;background:linear-gradient(110deg,#f3fbff,#fff);padding:19px 20px;border-radius:15px;margin-bottom:18px}.security-banner>span{width:36px;height:36px;display:grid;place-items:center;background:#dbf4ff;color:#149edc;border-radius:10px}.security-banner b{font-size:13px}.security-banner p{color:#6f8794;font-size:12px;line-height:1.55;margin:4px 0 0}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.integration-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:17px;transition:.2s}.integration-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.integration-card__top{display:flex;align-items:center;justify-content:space-between}.integration-logo{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#0c3549;color:#fff;font-weight:800}.integration-card h3{font-family:'Manrope',sans-serif;font-size:16px;margin:0}.integration-card p{color:#8297a3;font-size:11px;line-height:1.5;margin:4px 0 0}.integration-card__meta{display:flex;align-items:center;justify-content:space-between;color:#859ba6;font-size:10px}.integration-card button{border:0;background:#edf7fb;color:#147fae;border-radius:9px;padding:9px 11px;font-weight:800;font-size:11px}.integration-editor{margin-top:0}.integration-editor form{padding-top:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.form-grid label small{font-weight:500;color:#899ca6;line-height:1.4}.form-span{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.inline-feedback{text-align:right;margin-top:10px}.settings-card{max-width:820px}.settings-card form{padding:8px}.meta-fields{padding:18px;border:1px solid #cfe5ef;background:#f7fcfe;border-radius:14px}.meta-fields>.form-grid{gap:14px}.meta-fields input{background:#fff}
.drawer-backdrop{position:fixed;z-index:39;inset:0;background:rgba(4,26,38,.4);backdrop-filter:blur(2px)}.lead-drawer{position:fixed;z-index:40;right:0;top:0;width:min(540px,100%);height:100vh;background:#f7fafc;box-shadow:-25px 0 70px rgba(3,32,47,.22);transform:translateX(105%);transition:.28s ease;display:flex;flex-direction:column}.lead-drawer.is-open{transform:translateX(0)}.drawer-head{padding:24px 26px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{font-family:'Manrope',sans-serif;font-size:23px;letter-spacing:-.04em;margin:5px 0 0}.drawer-head button{border:0;background:#edf3f6;width:35px;height:35px;border-radius:10px;font-size:23px;color:#507080}.drawer-body{padding:22px;overflow:auto;display:grid;gap:14px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.detail-card h3{font-family:'Manrope',sans-serif;font-size:14px;margin:0 0 12px}.detail-profile{display:flex;align-items:center;gap:12px}.detail-profile .lead-person__avatar{width:47px;height:47px}.detail-profile h3{font-size:17px;margin:0}.detail-profile p{color:#7b929f;font-size:12px;margin:3px 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.detail-grid span{display:block;color:#91a2ac;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.detail-grid b,.detail-grid a{display:block;color:var(--ink);font-size:12px;margin-top:4px;text-decoration:none}.idea-box{background:#f5f9fb;border-radius:11px;padding:13px;color:#486573;font-size:12px;line-height:1.6;white-space:pre-wrap}.proposal-box{border-left:3px solid var(--blue);padding-left:13px}.proposal-box h4{margin:0 0 7px;font-size:14px}.proposal-box p{font-size:12px;line-height:1.55;color:#607b89;margin:0}.proposal-features{display:grid;gap:6px;margin-top:12px}.proposal-features span{font-size:11px;color:#456471}.proposal-features span:before{content:'✓';color:var(--blue);font-weight:800;margin-right:7px}.lead-controls{display:grid;grid-template-columns:1fr 1fr;gap:11px}.lead-controls label,.note-form label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#76909d;text-transform:uppercase;letter-spacing:.06em}.lead-controls select,.lead-controls input,.note-form textarea{border:1px solid #d4e1e7;background:#fff;border-radius:10px;padding:11px;color:var(--ink);outline:none}.lead-controls .form-span{grid-column:1/-1}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:11px 1fr;gap:10px;position:relative}.timeline-item:before{content:'';width:9px;height:9px;background:#b9dce9;border:2px solid #fff;box-shadow:0 0 0 1px #b9dce9;border-radius:50%;margin-top:3px;position:relative;z-index:2}.timeline-item:not(:last-child):after{content:'';position:absolute;width:1px;background:#d8e7ed;left:4px;top:13px;bottom:-15px}.timeline-item b{display:block;font-size:11px}.timeline-item p{font-size:11px;line-height:1.5;color:#6f8793;margin:3px 0}.timeline-item small{font-size:9px;color:#9aacb5}.note-form{display:grid;gap:9px}.note-form textarea{resize:vertical;min-height:75px}.toast{position:fixed;z-index:60;right:24px;bottom:24px;background:#0b3449;color:#fff;padding:13px 17px;border-radius:11px;box-shadow:var(--shadow);font-size:12px;font-weight:700;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.is-visible{opacity:1;transform:none}

@media(max-width:1100px){.auth-shell{grid-template-columns:1fr 420px;gap:45px}.metric-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}.lead-row{grid-template-columns:1.3fr 1fr 120px auto}.lead-row>.lead-date{display:none}.crm-table__head,.crm-table__row{grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) 125px 90px 42px}.crm-table__head span:nth-child(5),.crm-table__row>*:nth-child(5){display:none}}
@media(max-width:820px){.auth-page{padding:20px}.auth-shell{display:block;max-width:480px}.auth-brand{display:none}.admin-shell{display:block}.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.is-open{transform:none}.sidebar__close,.topbar__menu{display:block}.admin-main{grid-column:auto}.topbar{padding:0 18px;height:78px}.topbar__tools .connection-state{display:none}.admin-content{padding:24px 16px 46px}.welcome-card{padding:30px;min-height:220px}.welcome-card__orb{width:95px;height:95px;margin:0 0 0 20px}.welcome-card__orb span{width:52px;height:52px;border-width:12px}.metric-grid{gap:10px}.metric-card{padding:18px}.lead-row{grid-template-columns:1fr 115px auto}.lead-row>.lead-business{display:none}.integration-grid{grid-template-columns:1fr}.crm-table__head{display:none}.crm-table__row{grid-template-columns:1fr 115px 40px}.crm-table__row>*:nth-child(2),.crm-table__row>*:nth-child(4),.crm-table__row>*:nth-child(5){display:none}.toolbar{flex-direction:column}.toolbar select{width:100%}}
@media(max-width:580px){.auth-card{padding:29px 23px;border-radius:20px}.topbar__eyebrow{display:none}.topbar h1{font-size:18px}.welcome-card__orb{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric-card strong{font-size:30px}.metric-card small{display:none}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:29px}.lead-row{grid-template-columns:1fr auto}.lead-row>.status-pill{display:none}.form-grid,.lead-controls{grid-template-columns:1fr}.form-span,.lead-controls .form-span{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.drawer-body{padding:14px}.detail-grid{grid-template-columns:1fr}.panel-card{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Normaliza las filas interactivas del CRM frente a los estilos nativos de button. */
.crm-table__row{width:100%;border:0;border-top:1px solid #edf2f5;background:#fff;color:inherit;text-align:left}

/* V4.15 · Briefing inteligente y materiales */
.briefing-card{background:linear-gradient(145deg,#f1fbff,#fff);border-color:#bee8f9}.briefing-card__head{display:flex;justify-content:space-between;align-items:center}.briefing-card__head h3{margin:0}.briefing-card__head p{margin:4px 0 0;color:#72909e;font-size:11px;text-transform:capitalize}.briefing-card__head strong{font:800 26px 'Manrope',sans-serif;color:#159ddc}.briefing-progress{height:9px;background:#dceef5;border-radius:99px;overflow:hidden;margin-top:14px}.briefing-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#65d5ff);border-radius:inherit;transition:width .35s ease}.handoff-alert{margin:13px 0 0;padding:10px 11px;background:#fff0ed;color:#a94b3f;border-radius:9px;font-size:11px;font-weight:700}.detail-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;border-radius:99px;background:#e9f7fd;color:#1785b3;font-size:10px}.asset-list{display:grid;gap:8px}.asset-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;background:#f7fafb;border-radius:10px}.asset-row__icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#e5f5fc;color:#1587b8;font-size:10px;font-weight:800}.asset-row b,.asset-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-row b{font-size:11px}.asset-row small{font-size:9px;color:#8096a1;margin-top:3px}.chat-preview{display:grid;gap:8px;max-height:330px;overflow:auto;padding:3px}.chat-line{display:flex;gap:7px;align-items:flex-end}.chat-line>span{width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:#e6f5fb;color:#1487b9;display:grid;place-items:center;font-size:8px;font-weight:800}.chat-line>div{max-width:82%;padding:9px 11px;border-radius:11px 11px 11px 3px;background:#eef4f7;color:#385866;font-size:11px;line-height:1.45}.chat-line small{display:block;color:#8ca0aa;font-size:8px;margin-top:4px}.chat-line--outbound{flex-direction:row-reverse}.chat-line--outbound>span{background:#0b3a50;color:#fff}.chat-line--outbound>div{background:#dff5ff;border-radius:11px 11px 3px 11px}.proposal-box--draft{border-left-color:var(--coral)}.draft-head>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.review-brief{width:100%;margin-top:15px}


/* ==========================================================
   Weboo V4.18 — Dashboard Comercial Inteligente
   ========================================================== */

.welcome-card--compact{
  min-height:154px;
  padding:28px 36px;
}
.welcome-card--compact h2{
  max-width:760px;
  margin:10px 0 8px;
  font-size:clamp(24px,2.5vw,33px);
}
.welcome-card--compact p{
  max-width:760px;
  font-size:13px;
}
.welcome-card__live{
  position:relative;
  z-index:3;
  display:grid;
  justify-items:center;
  gap:4px;
  min-width:150px;
}
.welcome-card__live-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#bfe4f2;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
}
.welcome-card__live-label>i{
  width:6px;height:6px;border-radius:50%;
  background:#39d28b;
  box-shadow:0 0 10px rgba(57,210,139,.55);
}
.welcome-card__orb--small{
  width:104px;
  height:104px;
  margin:0;
}
.welcome-card__orb--small span{
  width:58px;
  height:58px;
  border-width:13px;
}
.welcome-card__orb--small i{
  inset:-12px;
  animation-duration:5.6s;
}
.welcome-card__orb--small i:after{
  width:7px;height:7px;
  top:11px;right:11px;
}

.today-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:14px 0;
  padding:14px 18px;
  border:1px solid #d8e7ed;
  border-radius:15px;
  background:#fff;
  box-shadow:0 9px 30px rgba(10,48,67,.045);
}
.today-strip__title{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.today-strip__title .eyebrow{
  margin:0;
}
.today-strip__title strong{
  font:800 12px 'Manrope',sans-serif;
  color:#23495c;
}
.today-strip__items{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
.today-strip__items>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 9px;
  border-radius:999px;
  background:#f3f9fc;
  color:#78909b;
  font-size:9px;
  font-weight:700;
}
.today-strip__items b{
  color:#148ec2;
  font-size:11px;
}

.metric-grid--smart{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:11px;
}
.metric-card--button{
  width:100%;
  text-align:left;
  font-family:inherit;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.metric-card--button:hover{
  transform:translateY(-2px);
  border-color:#b9dfef;
  box-shadow:0 13px 32px rgba(14,69,93,.08);
}
.metric-card--ready{
  background:linear-gradient(145deg,#f5fcf8,#fff);
  border-color:#cce9d7;
}
.metric-card--ready strong{
  color:#21885a;
}

.attention-panel{
  margin-top:16px;
}
.panel-head__copy{
  margin:5px 0 0;
  color:#8498a2;
  font-size:10px;
  line-height:1.4;
}
.attention-list{
  margin-top:14px;
  border-top:1px solid #edf2f5;
}
.attention-row{
  display:grid;
  grid-template-columns:minmax(190px,1fr) minmax(260px,1.3fr) minmax(145px,.72fr) 105px auto;
  gap:16px;
  align-items:center;
  min-height:78px;
  padding:12px 2px;
  border-bottom:1px solid #edf2f5;
}
.attention-row:last-child{
  border-bottom:0;
}
.attention-row__person{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.attention-row__person>div{
  min-width:0;
}
.attention-row__person b,
.attention-row__person small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.attention-row__person b{
  color:#173d50;
  font-size:11px;
}
.attention-row__person small{
  margin-top:2px;
  color:#93a6ae;
  font-size:8px;
}
.attention-row__project{
  min-width:0;
}
.attention-row__project>strong{
  display:block;
  color:#173d50;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.attention-row__project>span{
  display:block;
  margin-top:2px;
  color:#8197a2;
  font-size:9px;
}
.attention-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-top:7px;
}
.attention-tag{
  display:inline-flex;
  align-items:center;
  min-height:19px;
  padding:0 6px;
  border-radius:999px;
  background:#edf6fa;
  color:#587c8b;
  font-size:7.5px;
  font-weight:800;
}
.attention-tag--source{
  color:#137ba7;
  background:#e8f7fd;
}
.attention-tag--ok{
  color:#238052;
  background:#eaf8f0;
}
.attention-row__priority{
  display:grid;
  gap:5px;
  justify-items:start;
}
.oo-priority{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}
.oo-priority i{
  width:6px;height:6px;border-radius:50%;
}
.oo-priority--high{
  color:#b24d42;
  background:#fff0ee;
}
.oo-priority--high i{background:#ff6258}
.oo-priority--medium{
  color:#926c22;
  background:#fff8e9;
}
.oo-priority--medium i{background:#f4b83e}
.oo-priority--low{
  color:#4a7d69;
  background:#eff9f4;
}
.oo-priority--low i{background:#46b985}
.attention-warning{
  color:#c0584e;
  font-size:7.5px;
  font-weight:800;
}
.attention-row__time strong,
.attention-row__time small{
  display:block;
}
.attention-row__time strong{
  color:#557785;
  font-size:9px;
}
.attention-row__time small{
  margin-top:3px;
  color:#9aabb2;
  font-size:7px;
}
.attention-row__action{
  min-width:126px;
  white-space:nowrap;
}
.metric-card--button:focus-visible,
.attention-row__action:focus-visible{
  outline:3px solid rgba(40,181,231,.20);
  outline-offset:2px;
}

/* Dashboard móvil */
@media(max-width:1250px){
  .metric-grid--smart{grid-template-columns:repeat(3,1fr)}
  .attention-row{
    grid-template-columns:minmax(180px,1fr) minmax(230px,1.2fr) 125px auto;
  }
  .attention-row__time{display:none}
}
@media(max-width:950px){
  .today-strip{
    align-items:flex-start;
    flex-direction:column;
  }
  .today-strip__items{justify-content:flex-start}
  .attention-row{
    grid-template-columns:1fr 150px auto;
  }
  .attention-row__project{
    grid-column:1/2;
    padding-left:52px;
    margin-top:-20px;
  }
  .attention-row__priority{
    grid-column:2;
    grid-row:1/3;
  }
  .attention-row__action{
    grid-column:3;
    grid-row:1/3;
  }
}
@media(max-width:820px){
  .welcome-card--compact{
    min-height:170px;
    padding:27px;
  }
  .welcome-card__live{
    min-width:105px;
  }
  .metric-grid--smart{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:580px){
  .welcome-card__live{
    display:none;
  }
  .today-strip__title{
    align-items:flex-start;
    flex-direction:column;
  }
  .today-strip__items{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .metric-grid--smart{
    grid-template-columns:1fr 1fr;
  }
  .metric-grid--smart .metric-card:last-child{
    grid-column:1/-1;
  }
  .attention-row{
    grid-template-columns:1fr auto;
    gap:9px;
    padding:14px 0;
  }
  .attention-row__project{
    grid-column:1/-1;
    padding-left:0;
    margin-top:0;
  }
  .attention-row__priority{
    grid-column:1;
    grid-row:auto;
  }
  .attention-row__action{
    grid-column:2;
    grid-row:auto;
    min-width:auto;
  }
}

/* Weboo V4.18.1 — Brief estratégico y paleta elegida por el cliente */
.brief-strategy{
  border-color:#cce5ef;
  background:linear-gradient(150deg,#fff,#f8fdff);
}
.brief-strategy__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.brief-strategy__head h3{margin:0 0 4px}
.brief-strategy__head p{
  margin:0;
  color:#78919d;
  font-size:10px;
  line-height:1.45;
}
.brief-strategy__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.brief-strategy__grid>div{
  padding:10px;
  border:1px solid #e0edf2;
  border-radius:10px;
  background:#fff;
}
.brief-strategy__grid span,
.brief-palette span{
  display:block;
  color:#8ca0aa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.brief-strategy__grid p{
  margin:5px 0 0;
  color:#345768;
  font-size:10.5px;
  line-height:1.48;
}
.brief-palette{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding:11px 12px;
  border:1px solid #d8eaf1;
  border-radius:11px;
  background:#f8fcfe;
}
.brief-palette strong{
  display:block;
  margin-top:4px;
  color:#234b5e;
  font-size:11px;
}
.brief-palette__swatches{
  display:flex;
  overflow:hidden;
  min-width:112px;
  height:30px;
  border:1px solid rgba(19,65,84,.12);
  border-radius:8px;
}
.brief-palette__swatches i{
  flex:1;
  min-width:22px;
  background:var(--brief-color);
}

@media(max-width:580px){
  .brief-strategy__head{display:grid}
  .brief-strategy__grid{grid-template-columns:1fr}
  .brief-palette{align-items:flex-start;flex-direction:column}
  .brief-palette__swatches{width:100%}
}

/* V4.19 · Estudio de pre-diseños */
.lead-drawer{width:min(760px,100%)}
.metric-card--review{border-color:#e3d9ff;background:linear-gradient(145deg,#fff,#fbf9ff)}
.metric-card--review strong{color:#7857d5}
.attention-tag--review{border-color:#ddd0ff!important;background:#f7f3ff!important;color:#6a48c4!important}
.attention-tag--working{border-color:#bfe8f8!important;background:#eefaff!important;color:#147ca6!important}
.attention-tag--error{border-color:#ffd0c9!important;background:#fff4f2!important;color:#b94c3c!important}
.attention-tag--client{border-color:#f2d28c!important;background:#fff7e5!important;color:#8a6518!important}
.proposal-studio{padding:0;overflow:hidden;border-color:#cfe5ee;box-shadow:0 18px 42px rgba(23,75,96,.08)}
.proposal-studio__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 16px;background:linear-gradient(145deg,#f8fdff,#fff)}
.proposal-studio__head h3{margin:4px 0 4px;font-size:18px}
.proposal-studio__head p{margin:0;color:#718b98;font-size:11px;line-height:1.5}
.proposal-studio__eyebrow{color:#1aa4df;font-size:9px;font-weight:900;letter-spacing:.12em}
.proposal-status--queued,.proposal-status--generating{background:#eefaff;color:#147ca6}
.proposal-status--ready_review{background:#f2edff;color:#6a48c4}
.proposal-status--approved{background:#e8f8ef;color:#238a54}
.proposal-status--failed{background:#fff0ed;color:#bd503e}
.proposal-status--not_started{background:#f1f5f7;color:#6f8691}
.proposal-preview-link{position:relative;display:block;margin:0 18px;color:#fff;text-decoration:none;border:1px solid #d8e7ed;border-radius:13px;background:#092b3c;overflow:hidden}
.proposal-preview-link>span{position:absolute;right:12px;bottom:11px;padding:8px 11px;border-radius:9px;background:#0b3449;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2);font-size:10px;font-weight:850}
.proposal-preview-frame{display:block;width:160%;height:560px;margin-bottom:-210px;border:0;transform:scale(.625);transform-origin:top left;pointer-events:none;background:#eef4f7}
.proposal-demo-surface{margin:0 18px;padding:34px;display:flex;align-items:center;gap:16px;border-radius:13px;background:linear-gradient(145deg,#0b3449,#17627e);color:#fff}
.proposal-demo-surface>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#74d6ff;font-weight:900;letter-spacing:-3px}
.proposal-demo-surface b,.proposal-demo-surface small{display:block}.proposal-demo-surface small{margin-top:5px;color:#b9d4df}
.proposal-generation-state{margin:0 18px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid #d8e9f0;border-radius:14px;background:#f7fcfe}
.proposal-generation-state__oo{position:relative;display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#0b3449;color:#74d6ff;font-size:18px;font-weight:900;letter-spacing:-3px}
.proposal-generation-state--queued .proposal-generation-state__oo:after,.proposal-generation-state--generating .proposal-generation-state__oo:after{content:"";position:absolute;inset:-5px;border:2px solid transparent;border-top-color:#2db9ef;border-radius:50%;animation:proposal-admin-spin 1.1s linear infinite}
.proposal-generation-state--failed{border-color:#ffd6cf;background:#fff7f5}.proposal-generation-state--failed .proposal-generation-state__oo{background:#a94435;color:#fff}
.proposal-generation-state b{display:block;color:#173e51;font-size:13px}.proposal-generation-state p{margin:5px 0 0;color:#708a97;font-size:11px;line-height:1.5}
@keyframes proposal-admin-spin{to{transform:rotate(360deg)}}
.proposal-studio__meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:14px 18px 0;overflow:hidden;border:1px solid #deebf0;border-radius:11px;background:#deebf0}
.proposal-studio__meta span{padding:11px 10px;background:#fff;color:#8498a2;font-size:8.5px;text-transform:uppercase;letter-spacing:.05em}.proposal-studio__meta b{display:block;margin-bottom:3px;color:#234d60;font-size:11px;text-transform:none;letter-spacing:0}
.proposal-studio__warnings{display:grid;gap:4px;margin:12px 18px 0;padding:11px 13px;border:1px solid #f4dda6;border-radius:10px;background:#fffaf0;color:#86651b;font-size:9px}.proposal-studio__warnings b{font-size:10px}
.proposal-studio__actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px 18px 18px}.proposal-studio__actions a{font-size:11px;text-decoration:none}.proposal-studio__actions button{cursor:pointer}.proposal-studio__actions button:disabled{opacity:.58;cursor:wait}.primary-action--approve{background:#258b56;box-shadow:0 8px 20px rgba(37,139,86,.18)}
@media(max-width:580px){.proposal-studio__head{display:grid}.proposal-preview-frame{width:190%;height:520px;margin-bottom:-246px;transform:scale(.526)}.proposal-studio__meta{grid-template-columns:1fr 1fr}.proposal-studio__actions{display:grid}.proposal-studio__actions>*{width:100%}}
.client-portal-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#ddd4f8;background:linear-gradient(145deg,#fff,#f9f6ff)}.client-portal-summary>div{display:flex;align-items:center;gap:12px}.client-portal-summary>div>div>span{color:#7654d6;font-size:8px;font-weight:900;letter-spacing:.12em}.client-portal-summary__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#7654d6;color:#fff;font-size:18px}.client-portal-summary h3{margin:2px 0;font-size:14px}.client-portal-summary p{margin:0;color:#778d97;font-size:9px}.client-portal-summary>div:last-child{gap:7px}.client-portal-summary a{text-decoration:none;font-size:9px}.client-portal-summary--changes_requested{border-color:#efd394;background:#fff9eb}.client-portal-summary--changes_requested .client-portal-summary__icon{background:#d49b2d}.client-portal-summary--client_approved{border-color:#b8dfc7;background:#f1faf5}.client-portal-summary--client_approved .client-portal-summary__icon{background:#278b57}@media(max-width:680px){.client-portal-summary{align-items:flex-start;flex-direction:column}.client-portal-summary>div:last-child{width:100%;display:grid}.client-portal-summary>div:last-child a{width:100%;text-align:center}}
.attention-tag--delivery{border-color:#9cd8eb!important;background:#eefaff!important;color:#147da7!important}.client-portal-summary--engaged{border-color:#a9ddeb;background:#f0fbff}.client-portal-summary--engaged .client-portal-summary__icon{background:#1f9fcf}.client-portal-summary--sent{border-color:#c6e6f1;background:#f7fcfe}.client-portal-summary--sent .client-portal-summary__icon{background:#238fbc}.client-portal-summary--failed{border-color:#efcbc5;background:#fff6f4}.client-portal-summary--failed .client-portal-summary__icon{background:#bc4d3d}


/* ==========================================================
   Weboo V4.19.3.3 — Detalle de oportunidad y timeline legible
   Corrige el auto-placement del grid del timeline: el marcador
   visual es ::before, por lo que no debe existir un span extra.
   ========================================================== */
.lead-drawer{
  width:min(820px,calc(100vw - 24px));
  max-width:100%;
}
.drawer-body{
  width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
}
.drawer-body>*{
  width:100%;
  min-width:0;
}
.activity-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.activity-card__head h3{
  margin:0;
}
.activity-card__head p{
  margin:4px 0 0;
  color:#879ba5;
  font-size:10px;
  line-height:1.45;
}
.timeline{
  min-width:0;
  gap:12px;
}
.timeline-item{
  grid-template-columns:18px minmax(0,1fr);
  gap:11px;
  align-items:start;
  min-width:0;
}
.timeline-item>span{
  display:none!important;
}
.timeline-item:before{
  width:10px;
  height:10px;
  margin:13px 0 0 2px;
  border:2px solid #fff;
  background:#6ccdf2;
  box-shadow:0 0 0 1px #9eddf3;
}
.timeline-item:not(:last-child):after{
  left:6px;
  top:26px;
  bottom:-13px;
  background:#dcebf1;
}
.timeline-item>div{
  min-width:0;
  padding:11px 13px 12px;
  border:1px solid #e2edf2;
  border-radius:12px;
  background:#f8fbfc;
}
.timeline-item b{
  color:#214b5e;
  font-size:11.5px;
  line-height:1.35;
}
.timeline-item p{
  margin:5px 0 6px;
  color:#5f7885;
  font-size:11.5px;
  line-height:1.55;
  overflow-wrap:anywhere;
  word-break:normal;
}
.timeline-item small{
  display:block;
  color:#9aabb3;
  font-size:9px;
  line-height:1.3;
}
.timeline-item--asset:before{background:#32b5f4}
.timeline-item--briefing:before{background:#35b980}
.timeline-item--proposal:before,
.timeline-item--proposal_generation:before{background:#8d6ee8}
.timeline-item--proposal_delivery:before,
.timeline-item--client_portal:before{background:#2e9fc9}
.timeline-item--client_feedback:before{background:#eea927}
.timeline-item--handoff:before{background:#ff705d}
.note-form{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #edf2f5;
}
@media(max-width:580px){
  .lead-drawer{width:100%}
  .activity-card__head{gap:10px}
  .timeline-item{grid-template-columns:16px minmax(0,1fr);gap:9px}
  .timeline-item>div{padding:10px 11px}
}


/* ==========================================================
   Weboo V4.19.3.4 — Flujo de Propuesta Visible
   ========================================================== */
.briefing-card--ready{border-color:#a8dfca;background:linear-gradient(145deg,#fff,#f5fcf8)}
.briefing-ready-note{margin:11px 0 0;padding:9px 11px;border-radius:9px;background:#e9f8f0;color:#287a55;font-size:10px;font-weight:750;line-height:1.45}
.proposal-flow-card{padding:0;overflow:hidden;border-color:#bfe5f4;background:#fff;box-shadow:0 16px 40px rgba(15,87,117,.08)}
.proposal-flow__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 20px 15px;background:linear-gradient(135deg,#f4fbff,#fff)}
.proposal-flow__head>div>span{display:block;color:#1aa4df;font-size:8.5px;font-weight:900;letter-spacing:.13em}
.proposal-flow__head h3{margin:5px 0 3px;color:#153c50;font-size:17px;line-height:1.2}
.proposal-flow__head p{margin:0;color:#79909b;font-size:10.5px;line-height:1.45}
.proposal-flow__status{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#e8f7fd;color:#137fae;font-size:9px;font-weight:850}
.proposal-flow__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:16px 18px 14px}
.proposal-flow__step{position:relative;display:flex;align-items:flex-start;gap:9px;min-width:0;padding:4px 13px 4px 0}
.proposal-flow__step:not(:last-child):after{content:"";position:absolute;top:17px;left:32px;right:7px;height:2px;background:#e0ebf0;z-index:0}
.proposal-flow__step>span{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:2px solid #dce9ee;border-radius:50%;background:#fff;color:#8aa0aa;font-size:10px;font-weight:900}
.proposal-flow__step>div{position:relative;z-index:1;min-width:0;padding-right:2px;background:#fff}
.proposal-flow__step b,.proposal-flow__step small{display:block}
.proposal-flow__step b{color:#42606e;font-size:10px;line-height:1.3}
.proposal-flow__step small{margin-top:3px;color:#92a4ac;font-size:8.5px;line-height:1.35}
.proposal-flow__step.is-done>span{border-color:#43bf87;background:#43bf87;color:#fff}
.proposal-flow__step.is-done:not(:last-child):after{background:#8bd8b4}
.proposal-flow__step.is-done b{color:#277653}
.proposal-flow__step.is-current>span{border-color:#27afe7;background:#eafbff;color:#1488b9;box-shadow:0 0 0 4px rgba(39,175,231,.11)}
.proposal-flow__step.is-current b{color:#147ea9}
.proposal-flow__cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 18px 18px;padding:15px 16px;border:1px solid #cfe8f3;border-radius:13px;background:#f6fcff}
.proposal-flow__cta>div:first-child{min-width:0}
.proposal-flow__cta>div:first-child>span{display:block;color:#1596cc;font-size:8px;font-weight:900;letter-spacing:.11em}
.proposal-flow__cta>div:first-child>b{display:block;margin-top:3px;color:#173f52;font-size:12px;line-height:1.35}
.proposal-flow__cta>div:first-child>p{margin:4px 0 0;color:#728a96;font-size:9.5px;line-height:1.45}
.proposal-flow__primary{flex:0 0 auto;white-space:nowrap;text-decoration:none}
.proposal-flow__buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;flex:0 0 auto}
.proposal-flow__buttons a{text-decoration:none}
.proposal-flow__cta--working{border-color:#bfe7f5;background:#f0fbff}
.proposal-flow__cta--error{border-color:#f1ccc5;background:#fff7f5}.proposal-flow__cta--error>div:first-child>span{color:#b94f40}
.proposal-flow__cta--approved{border-color:#b9e3cb;background:#f3fbf6}.proposal-flow__cta--approved>div:first-child>span{color:#278856}
.proposal-flow__cta--tracking{border-color:#c9d9f7;background:#f6f8ff}.proposal-flow__cta--tracking>div:first-child>span{color:#6358c5}
.proposal-flow__notice{margin:0 18px 18px;padding:13px 15px;border:1px solid #f1dda7;border-radius:12px;background:#fffaf0}
.proposal-flow__notice b{display:block;color:#805f19;font-size:11px}.proposal-flow__notice p{margin:4px 0 0;color:#8f7a4b;font-size:9.5px;line-height:1.5}
@media(max-width:760px){
  .proposal-flow__steps{grid-template-columns:1fr 1fr;gap:10px}
  .proposal-flow__step:not(:last-child):after{display:none}
  .proposal-flow__cta{align-items:flex-start;flex-direction:column}
  .proposal-flow__buttons{width:100%;justify-content:flex-start}
}
@media(max-width:520px){
  .proposal-flow__head{display:grid}
  .proposal-flow__status{justify-self:start}
  .proposal-flow__steps{grid-template-columns:1fr}
  .proposal-flow__step{padding-right:0}
  .proposal-flow__cta .primary-action,.proposal-flow__cta .secondary-action,.proposal-flow__buttons>*{width:100%;text-align:center}
  .proposal-flow__buttons{display:grid}
}

/* ==========================================================
   Weboo V4.19.3.5 — Flujo visual + paleta + materiales
   ========================================================== */
.brief-palette__swatches{
  min-width:190px;
}
.brief-palette__swatches i{
  position:relative;
  min-width:38px;
}
.brief-palette__swatches i span{
  display:none;
}
.visual-palette__pending{
  display:flex;
  align-items:center;
  padding:0 10px;
  color:#7e949f;
  font-size:9px;
  line-height:1.3;
}

.visual-inputs-card{
  display:block!important;
  padding:0;
  overflow:visible;
  border-color:#cfe7ef;
  background:#fff;
  box-shadow:0 12px 34px rgba(19,76,99,.055);
}
.visual-inputs__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:19px 20px 16px;
  border-bottom:1px solid #edf3f6;
  background:linear-gradient(135deg,#fbfeff,#fff);
  border-radius:14px 14px 0 0;
}
.visual-inputs__head>div>span{
  display:block;
  color:#179dd7;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.13em;
}
.visual-inputs__head h3{
  margin:5px 0 3px;
  color:#173f52;
  font-size:16px;
}
.visual-inputs__head p{
  margin:0;
  color:#7b919c;
  font-size:10.5px;
  line-height:1.45;
}
.visual-inputs__palette{
  display:grid;
  grid-template-columns:minmax(210px,.85fr) minmax(280px,1.15fr);
  gap:16px;
  align-items:center;
  padding:16px 20px;
  background:#f8fcfe;
  border-bottom:1px solid #edf3f6;
}
.visual-inputs__palette-copy>span{
  display:block;
  color:#7d949f;
  font-size:8.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.visual-inputs__palette-copy>b{
  display:block;
  margin-top:4px;
  color:#1e4a5e;
  font-size:13px;
}
.visual-inputs__palette-copy>p{
  margin:5px 0 0;
  color:#708793;
  font-size:10px;
  line-height:1.45;
}
.visual-palette__colors{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(72px,1fr));
  gap:7px;
}
.visual-palette__color{
  min-width:0;
  overflow:hidden;
  border:1px solid #dce9ee;
  border-radius:10px;
  background:#fff;
}
.visual-palette__color i{
  display:block;
  height:42px;
  background:var(--visual-color);
}
.visual-palette__color span{
  display:block;
  padding:6px 5px;
  color:#607984;
  font-size:8.5px;
  font-weight:800;
  text-align:center;
  letter-spacing:.02em;
}
.visual-inputs__assets-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px 10px;
}
.visual-inputs__assets-head b,
.visual-inputs__assets-head span{
  display:block;
}
.visual-inputs__assets-head b{
  color:#244b5d;
  font-size:11.5px;
}
.visual-inputs__assets-head span{
  margin-top:3px;
  color:#8ba0aa;
  font-size:9.5px;
}
.visual-assets-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:0 20px 20px;
}
.visual-asset{
  min-width:0;
  overflow:hidden;
  border:1px solid #dce9ee;
  border-radius:12px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.visual-asset:hover{
  transform:translateY(-2px);
  border-color:#a8dff3;
  box-shadow:0 10px 22px rgba(17,91,121,.10);
}
.visual-asset__image{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#edf5f8;
}
.visual-asset__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.visual-asset__meta{
  display:block;
  min-width:0;
  padding:9px 10px 10px;
}
.visual-asset__meta em,
.visual-asset__meta b,
.visual-asset__meta small{
  display:block;
}
.visual-asset__meta em{
  color:#1596cc;
  font-size:7.5px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.visual-asset__meta b{
  margin-top:3px;
  overflow:hidden;
  color:#244b5d;
  font-size:9.5px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.visual-asset__meta small{
  display:-webkit-box;
  min-height:31px;
  margin-top:4px;
  overflow:hidden;
  color:#80949e;
  font-size:8.5px;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.visual-inputs__empty{
  grid-column:1/-1;
  margin:0;
  padding:18px;
  border:1px dashed #d5e5eb;
  border-radius:10px;
  color:#8399a3;
  background:#f8fbfc;
  font-size:10px;
  text-align:center;
}

.proposal-route-card{
  display:block!important;
  min-height:270px;
  padding:0!important;
  overflow:visible!important;
  border:2px solid #a9dff3!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(11,102,139,.09)!important;
}
.proposal-route-card>*{
  visibility:visible!important;
  opacity:1!important;
}
.proposal-route__header{
  display:flex!important;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:19px 20px 15px;
  background:linear-gradient(135deg,#eefaff,#fff 70%);
  border-radius:13px 13px 0 0;
}
.proposal-route__header>div>span{
  display:block;
  color:#159fd9;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.14em;
}
.proposal-route__header h3{
  margin:5px 0 3px;
  color:#123f53;
  font-size:18px;
  line-height:1.2;
}
.proposal-route__header p{
  margin:0;
  color:#718995;
  font-size:10.5px;
  line-height:1.45;
}
.proposal-route__status{
  display:inline-flex;
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#daf4ff;
  color:#117fab;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.proposal-route__steps{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  padding:16px 18px;
  border-top:1px solid #eef4f7;
  border-bottom:1px solid #eef4f7;
  background:#fff;
}
.proposal-route__step{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr);
  gap:8px;
  align-items:start;
  min-width:0;
  padding:9px;
  border:1px solid #e0ebef;
  border-radius:11px;
  background:#fbfdfe;
}
.proposal-route__number{
  display:grid!important;
  place-items:center;
  width:30px;
  height:30px;
  border:2px solid #d5e5eb;
  border-radius:50%;
  background:#fff;
  color:#8198a3;
  font-size:10px;
  font-weight:900;
}
.proposal-route__step b,
.proposal-route__step small{
  display:block;
}
.proposal-route__step b{
  color:#355a6b;
  font-size:10.5px;
  line-height:1.3;
}
.proposal-route__step small{
  margin-top:3px;
  color:#8ca0a9;
  font-size:8.5px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.proposal-route__step.is-done{
  border-color:#bfe6d2;
  background:#f6fcf9;
}
.proposal-route__step.is-done .proposal-route__number{
  border-color:#3cba80;
  background:#3cba80;
  color:#fff;
}
.proposal-route__step.is-done b{color:#287853}
.proposal-route__step.is-current{
  border-color:#70caee;
  background:#f0faff;
  box-shadow:0 0 0 3px rgba(39,175,231,.08);
}
.proposal-route__step.is-current .proposal-route__number{
  border-color:#25ace3;
  color:#1386b5;
  background:#fff;
}
.proposal-route__step.is-current b{color:#127fa9}
.proposal-route__cta{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:16px 18px 18px;
  padding:15px 16px;
  border:1px solid #bfe4f2;
  border-radius:12px;
  background:#f4fbfe;
}
.proposal-route__cta>div:first-child{min-width:0}
.proposal-route__cta>div:first-child>span{
  display:block;
  color:#1597cc;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
}
.proposal-route__cta>div:first-child>b{
  display:block;
  margin-top:3px;
  color:#173f52;
  font-size:12px;
  line-height:1.35;
}
.proposal-route__cta>div:first-child>p{
  margin:4px 0 0;
  color:#728a96;
  font-size:9.5px;
  line-height:1.45;
}
.proposal-route__primary{
  flex:0 0 auto;
  white-space:nowrap;
  text-decoration:none;
}
.proposal-route__buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
  flex:0 0 auto;
}
.proposal-route__buttons a{text-decoration:none}
.proposal-route__cta--working{background:#eefaff;border-color:#aee0f3}
.proposal-route__cta--error{background:#fff6f4;border-color:#efc9c2}
.proposal-route__cta--approved{background:#f2fbf6;border-color:#b7e2ca}
.proposal-route__cta--tracking{background:#f5f7ff;border-color:#cdd6f5}
.proposal-route__notice{
  display:block!important;
  margin:16px 18px 18px;
  padding:13px 15px;
  border:1px solid #efd79d;
  border-radius:11px;
  background:#fffaf0;
}
.proposal-route__notice b{display:block;color:#7f611e;font-size:11px}
.proposal-route__notice p{margin:4px 0 0;color:#8a754a;font-size:9.5px;line-height:1.45}

@media(max-width:760px){
  .visual-inputs__palette{grid-template-columns:1fr}
  .visual-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proposal-route__steps{grid-template-columns:1fr 1fr}
  .proposal-route__cta{align-items:flex-start;flex-direction:column}
  .proposal-route__buttons{width:100%;justify-content:flex-start}
}
@media(max-width:520px){
  .visual-inputs__head,.proposal-route__header{display:grid!important}
  .visual-assets-grid{grid-template-columns:1fr}
  .visual-palette__colors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proposal-route__status{justify-self:start}
  .proposal-route__steps{grid-template-columns:1fr}
  .proposal-route__cta .primary-action,.proposal-route__cta .secondary-action,.proposal-route__buttons>*{width:100%;text-align:center}
  .proposal-route__buttons{display:grid}
}


/* Weboo V4.23.3.4 — module navigation */
.sidebar__nav .sidebar__module-link{
  border:0;background:transparent;color:#a9c2ce;border-radius:11px;
  padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;
  font-size:14px;font-weight:700;text-decoration:none;transition:.2s
}
.sidebar__nav .sidebar__module-link i{
  width:23px;text-align:center;font-style:normal;font-size:18px
}
.sidebar__nav .sidebar__module-link:hover{
  color:#fff;background:rgba(50,181,244,.15)
}