.vendedor{width:100%;display:flex;justify-content:center;min-height:100vh;background:linear-gradient(0deg,#008a8b14 0% 100%),#fafafa}.vendedor .button{background:transparent;border:2px solid #00194C;color:#00194c;border-radius:4px;font-family:Barlow;font-size:16px;font-style:normal;font-weight:700;text-transform:uppercase;margin:0 auto}.vendedor .button svg{flex-shrink:0}.vendedor hr{border:1px solid #00194C}.vendedor .contain{width:100%;max-width:425px;display:flex;flex-direction:column;gap:24px;padding:24px 16px 40px}.vendedor__greeting{color:#00194c;font-family:Barlow;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.vendedor__tenderos{display:flex;flex-direction:column;gap:4px}.vendedor__tenderos-title{color:#00194c;font-family:Barlow;font-size:12px;font-style:normal;font-weight:700;line-height:18px}.vendedor__card{border-radius:4px;border:1px solid #DCE7E7;background:#f8f8f8;padding:8px 12px;display:flex;flex-direction:column;gap:12px}.vendedor__card-header{display:flex;align-items:center;justify-content:space-between}.vendedor__metas-badge{display:inline-flex;align-items:center;gap:4px;border-radius:50px;border:1px solid #F1EC2E;background:#f1ec2e;padding:4px 12px;color:#00194c;font-family:Barlow;font-size:8px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}.vendedor__completados{color:#00194c;font-family:Barlow;font-size:10px;font-style:normal;font-weight:400;line-height:18px}.vendedor__progress-section{display:flex;flex-direction:column;gap:6px}.vendedor__progress-labels{display:flex;align-items:center;justify-content:space-between}.vendedor__progress-label{color:#00194c;font-family:Barlow;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.vendedor__progress-value{color:#00194c;text-align:right;font-family:Barlow Condensed;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.vendedor__progress-bar{width:100%;height:20px;border-radius:2px;border:1px solid #008A8B;background:#fafafa;overflow:hidden}.vendedor__progress-fill{height:100%;background:linear-gradient(90deg,#00c9bf,#002833);border-radius:1px;transition:width .5s ease}.vendedor__detalle{border-radius:4px;border:1px solid rgba(220,231,231,.24);background:#fafafa;overflow:hidden}.vendedor__detalle-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;background:none;border:none;cursor:pointer;color:#00194c;font-family:Barlow;font-size:12px;font-style:normal;font-weight:600;line-height:normal}.vendedor__table-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #E8E8E8;gap:16px}.vendedor__table-col{display:flex;align-items:center;gap:4px;color:#96a0b4;font-family:Barlow;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.vendedor__table-col--nombre{flex:1}.vendedor__table-col--registro{width:110px}.vendedor__table-col--meta{width:100px}.vendedor__table-body{max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#CCCCCC #F5F5F5}.vendedor__table-body::-webkit-scrollbar{width:4px}.vendedor__table-body::-webkit-scrollbar-track{background:#f5f5f5}.vendedor__table-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.vendedor__table-row{display:flex;align-items:center;padding:10px 16px;gap:16px}.vendedor__table-row:last-child{border-bottom:none}.vendedor__table-cell{color:#00686c;font-family:Barlow;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.vendedor__table-cell--nombre{flex:1}.vendedor__table-cell--registro{width:110px;display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:24px;background:#e6eeef;justify-content:center}.vendedor__table-cell--meta{width:100px;display:flex;justify-content:flex-end;height:24px}.vendedor__registro-text{text-align:center;font-family:Barlow;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.vendedor__registro-text--yes{color:#00686c}.vendedor__registro-text--no{color:#919cb0}.vendedor__metas{display:flex;flex-direction:column;gap:16px;padding:12px;border-radius:4px;border:1px solid #DCE7E7;background:#fafafa;width:100%}.vendedor__meta-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#fff;font-family:Barlow;font-size:10px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase;width:100%;height:100%}.vendedor__meta-badge--si{border:1px solid #00686C;background:#00686c;color:#fff}.vendedor__meta-badge--no{border:1px solid #919CB0;background:#f2f3f4;color:#919cb0}.vendedor__promo-banner{display:flex;align-items:flex-start;gap:14px;border-radius:5px;padding:8px;border:1px solid #00194C;background:#ffd16b;box-shadow:0 0 8px #00000029}.vendedor__promo-icon{flex-shrink:0;width:32px;height:32px}.vendedor__promo-text{display:flex;flex-direction:column;gap:8px}.vendedor__promo-text h4{color:#00194c;font-family:Barlow Condensed;font-size:24px;font-style:italic;font-weight:700;line-height:96%;text-transform:uppercase}.vendedor__promo-text p{color:#00194c;font-family:Barlow Condensed;font-size:14px;font-style:normal;font-weight:600;line-height:120%}.modal-layout{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:60;background:linear-gradient(0deg,#001d20,#00363c),#fff;padding:16px}.modal-layout .modal{display:flex;flex-direction:column;gap:24px}.modal-layout .modal header{display:flex;justify-content:flex-end}.modal-layout .modal header button{background-color:transparent;border:none}.modal-layout .modal header button svg path{stroke:#fff}.modal-layout .modal .flex{display:flex}.modal-layout .modal .gap-2{gap:8px}.modal-layout .modal .flex-1{flex:1}.modal-layout .modal .flex-col{flex-direction:column}.modal-layout .modal .items-center{align-items:center}.modal-layout .modal .text-center{text-align:center}.modal-layout .modal h3{color:#fff;font-family:Barlow Condensed;font-size:32px;font-style:normal;font-weight:700;line-height:96%;text-transform:uppercase}.modal-layout .modal p{color:#fffc;font-family:Barlow;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.modal-layout .modal b{color:#fffc;font-family:Barlow;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.modal-layout .modal a{color:#fff;font-family:Barlow;font-size:16px;font-style:normal;font-weight:500;line-height:normal}