/* ========================================================================
   SUBLICUENTAS · PANEL DE SOCIOS WEB · DESKTOP 25/09/2026
   Capa visual del brief aprobado. El responsive previo queda como respaldo.
   ======================================================================== */

@media (min-width:900px){
  :root{--web-red:#E2231A;--web-red-dark:#B71914;--web-ink:#102A4A;--web-muted:#6F8298;--web-cyan:#12AEE6;--web-purple:#7448E8;--web-green:#18B981;--web-orange:#FF9A2F;--web-bg:#F4F7FB;--web-line:#DFE8F1;--web-shadow:0 12px 32px rgba(26,58,94,.10)}
  html,body{font-family:'Inter',system-ui,sans-serif!important;background:#F4F7FB!important;color:var(--web-ink)!important}
  h1,h2,h3,.disp,.scr-title{font-family:'Inter',system-ui,sans-serif!important;font-weight:800!important}
  body{padding-left:250px!important}
  #app.wrap{width:100%!important;max-width:1500px!important;margin:0 auto!important;padding:16px 34px 60px!important}
  #content{max-width:1260px;margin:0 auto}

  /* Sidebar único */
  .nav{display:block!important;left:0!important;top:0!important;bottom:0!important;width:250px!important;max-width:250px!important;height:100vh!important;padding:20px 14px!important;border:0!important;border-right:1px solid var(--web-line)!important;border-radius:0!important;background:#fff!important;box-shadow:10px 0 35px rgba(30,60,95,.06)!important;overflow-y:auto!important;transform:none!important;backdrop-filter:none!important}
  .nav:before{display:none!important}
  .web-side-brand{display:flex;align-items:center;gap:11px;padding:5px 10px 24px;cursor:pointer}.web-side-brand img{width:42px;height:42px;object-fit:contain}.web-side-brand b,.web-side-brand span{display:block;line-height:1.05}.web-side-brand b{font-size:15px;color:var(--web-red);letter-spacing:.02em}.web-side-brand span{margin-top:4px;font-size:11px;font-weight:800;color:var(--web-ink);letter-spacing:.03em}
  .web-side-menu{display:flex;flex-direction:column;gap:6px}.nav .nav-btn{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:auto!important;min-height:54px!important;margin:0!important;padding:7px 10px!important;gap:11px!important;border-radius:14px!important;color:#56708D!important;font-size:13px!important;font-weight:750!important;text-align:left!important}.nav .nav-btn.permission-hidden{display:none!important}.nav .nav-btn span:last-child{line-height:1!important}.nav .nav-btn.on{background:#FFF0EE!important;color:var(--web-red)!important}.nav .nav-btn.on::before{display:none!important}.nav .nav-ico{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:12px!important;transform:none!important;box-shadow:none!important;border:1px solid rgba(20,48,80,.06)!important;background:#F1F5F9!important;color:#49637E!important;text-shadow:none!important}.nav .nav-ico svg{width:20px!important;height:20px!important;stroke:currentColor!important;stroke-width:2!important}.nav .nav-btn.on .nav-ico{transform:none!important;outline:0!important;filter:none!important}.web-nav-blue{background:#E5F5FF!important;color:#168DCF!important}.web-nav-purple{background:#F0E9FF!important;color:#7448E8!important}.web-nav-orange{background:#FFF0DF!important;color:#E77B17!important}.web-nav-cyan{background:#E5F8FF!important;color:#0C99D0!important}.web-nav-amber{background:#FFF4D9!important;color:#D58C08!important}.web-nav-red{background:#FFE9E7!important;color:#D9362E!important}.web-nav-green{background:#E5F8F0!important;color:#14966A!important}.nav .nav-btn.on .web-nav-blue{background:#D8F1FF!important}.nav .nav-btn.on .web-nav-purple{background:#E9DDFF!important}.nav .nav-btn.on .web-nav-orange{background:#FFE5C5!important}.nav .nav-btn.on .web-nav-cyan{background:#D8F4FF!important}.nav .nav-btn.on .web-nav-amber{background:#FFEBC0!important}.nav .nav-btn.on .web-nav-red{background:#FFDCD9!important}.nav .nav-btn.on .web-nav-green{background:#D8F5E9!important}.nav-badge{top:11px!important;right:8px!important}.web-side-foot{display:flex;align-items:center;gap:8px;margin:26px 10px 0;padding:12px;border-top:1px solid #EEF2F6;color:#7A8EA3;font-size:10.5px;font-weight:750}.web-side-foot i{width:8px;height:8px;border-radius:50%;background:#19BE7D;order:-1}

  /* Header global */
  .topbar{max-width:1260px;margin:0 auto 10px;padding:6px 2px 14px!important;border-bottom:1px solid #E7EDF3}.av-brand{width:46px!important;height:46px!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;border:1px solid #E3EAF1!important}.av-brand img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}.tb-txt h1{font-size:23px!important;color:#111827!important}.tb-txt .greet{font-size:12.5px!important;color:#506882!important}.tb-txt .fecha-hora,.sync-status{display:inline-block!important;font-size:10.5px!important;margin-right:8px!important}.icon-btn{width:42px!important;height:42px!important;border-radius:13px!important;box-shadow:none!important;border:1px solid #E2EAF2!important}.sync-btn{font-size:22px!important}.web-admin-return{height:42px;padding:0 15px;border:1px solid #F2BBB7;background:#FFF8F7;color:var(--web-red);border-radius:13px;font-weight:800;white-space:nowrap}
  #impBar{display:none!important;height:0!important;margin:0!important;padding:0!important}

  /* Comunes */
  .web-page-hero{position:relative;display:flex;align-items:center;min-height:190px;margin:8px 0 18px;padding:30px 260px 30px 34px;border:1px solid #DDE8F3;border-radius:24px;overflow:hidden;background:#EDF8FF;box-shadow:var(--web-shadow)}.web-page-hero:before,.web-page-hero:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.web-page-hero:before{width:260px;height:260px;right:-70px;top:-100px;background:rgba(18,174,230,.09)}.web-page-hero:after{width:160px;height:160px;left:42%;bottom:-115px;background:rgba(116,72,232,.06)}.web-page-hero img{position:absolute;right:32px;bottom:-45px;width:235px;height:235px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(20,50,85,.18))}.web-hero-copy{position:relative;z-index:2}.web-hero-copy small,.web-section-title small,.web-panel-card header small,.web-ai-box header small,.web-detail-top small,.web-catalog-hero small,.web-level-mini small,.web-reward-hero small{display:block;font-size:10px;font-weight:850;letter-spacing:.13em;color:#64809B}.web-hero-copy h2{margin:6px 0 7px;font-size:34px;line-height:1.04;color:#102743;letter-spacing:-.04em}.web-hero-copy p{max-width:610px;color:#60758B;font-size:13px;font-weight:600;line-height:1.5}.web-hero-home{background:#EFF8FF}.web-hero-buy{background:#F1EDFF}.web-hero-buy:before{background:rgba(116,72,232,.1)}.web-hero-clients{background:#EDF9FF}.web-hero-renew{background:#FFF5F2}.web-hero-aula{background:#F4F0FF}.web-hero-inbox{background:#F4F1FF}.web-hero-profile{min-height:126px;padding-right:34px;background:#F5F1FF}.web-primary,.web-secondary,.web-danger-soft,.web-link{border-radius:11px;padding:10px 14px;font-weight:800;font-size:12px;transition:.16s}.web-primary{background:var(--web-red);color:#fff;box-shadow:none}.web-primary:hover{background:var(--web-red-dark)}.web-primary:disabled,.web-secondary:disabled{opacity:.48;cursor:not-allowed}.web-secondary{background:#fff;color:#183C60;border:1px solid #D9E4EE}.web-danger-soft{background:#FFF0EF;color:#C82C27;border:1px solid #FFD6D3}.web-link{padding:8px 4px;background:transparent;color:#456B8E}.web-primary.full,.web-secondary.full{width:100%}.web-hero-copy>.web-primary{margin-top:18px;padding:12px 17px}
  .web-panel-card,.web-summary-card{background:#fff;border:1px solid #DFE8F1;border-radius:20px;box-shadow:var(--web-shadow);padding:20px;margin-bottom:16px}.web-panel-card>header,.web-summary-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.web-panel-card>header h3,.web-summary-card>header h3{font-size:18px;color:#112E4D;margin-top:3px}.web-panel-card>header>button{color:var(--web-red);font-weight:800;font-size:11px}.web-panel-card>header>span,.web-summary-card>header>span{font-size:11px;color:#72879A;font-weight:700}.web-section-title{display:flex;align-items:end;justify-content:space-between;margin:22px 3px 12px}.web-section-title h3{font-size:20px;color:#102A4A;margin-top:3px}.web-section-title>span{font-size:11px;color:#77899B;font-weight:750}.web-empty{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#74879A}.web-empty>span{font-size:32px}.web-empty>b{margin-top:8px;font-size:15px;color:#173A5C}.web-empty>p{max-width:430px;margin-top:4px;font-size:11.5px;line-height:1.45}.web-empty>button{margin-top:12px}.web-skeleton{display:grid;gap:11px}.web-sk-row{height:62px;border-radius:14px;background:#F4F7FA;display:flex;align-items:center;gap:12px;padding:12px;overflow:hidden}.web-sk-row i{width:38px;height:38px;border-radius:12px;background:#E3EAF1}.web-sk-row span{height:12px;border-radius:999px;background:#E3EAF1}.web-stale-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px;padding:12px 14px;border-radius:13px;background:#FFF6DF;border:1px solid #F1D897;color:#866000;font-size:11.5px;font-weight:750}.web-stale-warning button{color:#775000;text-decoration:underline;font-weight:850}.web-catalog-date{display:inline-flex;align-items:center;margin:0 2px 13px;padding:6px 10px;border-radius:999px;background:#EAF9F2;color:#19825B;font-size:10.5px;font-weight:800}

  /* KPI */
  .web-kpi-grid{display:grid;gap:12px;margin-bottom:16px}.web-kpi-four{grid-template-columns:repeat(4,minmax(0,1fr))}.web-summary-grid.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.web-kpi{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid #DFE8F1;border-radius:17px;padding:14px;box-shadow:0 7px 20px rgba(29,59,91,.06)}button.web-kpi{cursor:pointer}.web-kpi-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:20px;flex:none}.web-kpi small,.web-kpi b,.web-kpi em{display:block}.web-kpi small{font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:#708398}.web-kpi b{margin-top:3px;font-size:21px;color:#112E4D;font-style:normal}.web-kpi em{margin-top:2px;font-size:9.5px;font-weight:700;color:#8191A1;font-style:normal}.web-kpi-blue .web-kpi-icon{background:#E5F5FF}.web-kpi-red .web-kpi-icon{background:#FFE9E7}.web-kpi-amber .web-kpi-icon{background:#FFF2D1}.web-kpi-green .web-kpi-icon{background:#E5F8F0}.web-kpi-purple .web-kpi-icon{background:#F0E9FF}.web-kpi-pink .web-kpi-icon{background:#FFE9F1}.web-kpi-cyan .web-kpi-icon{background:#E5F8FF}.web-kpi-gray .web-kpi-icon{background:#F0F3F6}

  /* Inicio */
  .web-motivation{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding:12px 16px;background:#fff;border:1px solid #E3EBF3;border-radius:15px;color:#496681}.web-motivation span{font-size:20px}.web-motivation b{font-size:12px}.web-home-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.web-feed{display:flex;flex-direction:column}.web-feed-row{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 4px;text-align:left;border-top:1px solid #EEF2F6}.web-feed-row:first-child{border-top:0}.web-feed-row>span{width:34px;height:34px;border-radius:10px;background:#F2F6FA;display:grid;place-items:center;font-size:16px}.web-feed-row b{display:block;color:#173A5C;font-size:11.5px;line-height:1.25}.web-feed-row small{display:block;color:#8293A4;font-size:9.5px;margin-top:3px}.web-feed-row>i{font-style:normal;color:#A0ADBA;font-size:18px}.web-feed-row>em{font-style:normal}

  /* Toolbars */
  .web-toolbar{display:grid;grid-template-columns:auto minmax(260px,1fr) 180px;gap:10px;margin-bottom:13px;align-items:center}.web-segment{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #DFE7EF;border-radius:13px;background:#fff}.web-segment button{padding:9px 11px;border-radius:9px;color:#718398;font-size:10.5px;font-weight:800;white-space:nowrap}.web-segment button.on{background:var(--web-red);color:#fff}.web-segment button span{margin-left:3px;opacity:.72}.web-search{height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#fff;border:1px solid #DBE5EF;border-radius:13px}.web-search>span{font-size:20px;color:#6E8298}.web-search input{width:100%;border:0;outline:0;background:transparent;color:#153755;font-size:12px}.web-select,.web-date{height:44px;border:1px solid #DBE5EF;border-radius:13px;background:#fff;color:#36536E;padding:0 12px;font-size:11px;font-weight:700;outline:none}

  /* Clientes */
  .web-client-list{display:flex;flex-direction:column;gap:10px}.web-client-card{background:#fff;border:1px solid #DFE7EF;border-radius:17px;padding:14px 16px;box-shadow:0 6px 18px rgba(29,59,91,.05)}.web-client-main{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px}.web-client-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#E9F4FF;color:#356995;font-weight:850;font-size:12px;flex:none}.web-client-main h3{font-size:14px;color:#153755}.web-client-main small{display:block;margin-top:3px;font-size:9.5px;color:#8293A4}.web-client-state{padding:5px 9px;border-radius:999px;font-size:9px;font-weight:850}.web-client-state.ok{background:#E4F8EF;color:#16835B}.web-client-state.exp,.web-client-state.due{background:#FFE9E7;color:#C93631}.web-client-state.soon{background:#FFF1CF;color:#8F6504}.web-client-state.mut{background:#F0F3F6;color:#6D7D8D}.web-services{margin:11px 0 0;border-top:1px solid #EEF2F6}.web-service-row{display:grid;grid-template-columns:minmax(0,1fr) auto 78px;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F0F3F6}.web-service-row>div{display:flex;align-items:center;gap:9px}.web-service-row b,.web-service-row small{display:block}.web-service-row b{font-size:11px;color:#183B5D}.web-service-row small{font-size:9px;color:#8091A2;margin-top:2px}.web-service-row>button{height:32px;border-radius:9px;background:#F0E9FF;color:#6C42D2;font-size:9.5px;font-weight:850}.web-client-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:11px}.web-client-actions>.act{flex:0 0 auto!important;border-radius:11px!important;padding:10px 14px!important;box-shadow:none!important;font-size:10.5px!important}.web-client-actions>.act.primary{background:#FFF0EF!important;color:#C62B26!important;border:1px solid #FFD6D3!important}.web-client-actions>.act.ghost{background:#EAF9F2!important;color:#18805B!important;border:1px solid #C7EEDC!important}

  /* Catálogo */
  .web-catalog-landing{display:grid;grid-template-columns:minmax(0,1.8fr) 300px;gap:14px;margin:8px 0 14px}.web-catalog-hero{position:relative;min-height:200px;padding:28px 250px 28px 30px;border-radius:22px;background:#EFE9FF;border:1px solid #DED1FF;overflow:hidden;box-shadow:var(--web-shadow)}.web-catalog-hero h2{max-width:600px;margin:7px 0;font-size:28px;color:#3E248D;line-height:1.08}.web-catalog-hero p{font-size:12px;color:#6C5A9D;line-height:1.45}.web-catalog-hero img{position:absolute;right:18px;bottom:-47px;width:220px;height:220px;object-fit:contain}.web-level-mini{padding:22px;border-radius:22px;background:#FFF7E0;border:1px solid #F3D891;box-shadow:var(--web-shadow)}.web-level-mini>span{font-size:28px}.web-level-mini h3{margin:5px 0 2px;font-size:22px;color:#805B07}.web-level-mini p{font-size:10.5px;color:#9A762B}.web-level-mini button{margin-top:11px;color:#B06D00;font-size:10.5px;font-weight:850}.web-progress{height:8px;margin-top:12px;border-radius:999px;background:#E8EDF2;overflow:hidden}.web-progress i{display:block;height:100%;border-radius:999px;background:var(--web-red)}.web-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.web-category{min-height:112px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid transparent;border-radius:17px;text-align:left;box-shadow:0 7px 20px rgba(25,55,88,.08)}.web-category>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.52);font-size:22px}.web-category b,.web-category small{display:block}.web-category b{font-size:14px;color:inherit}.web-category small{margin-top:4px;font-size:9.5px;opacity:.78;font-weight:700}.web-category>i{font-style:normal;font-size:22px;opacity:.7}.tone-purple{background:#ECE5FF!important;color:#5633B5!important;border-color:#DCD0FF!important}.tone-green{background:#E0F7EE!important;color:#087A58!important;border-color:#C3ECDB!important}.tone-orange{background:#FFF0DF!important;color:#B75E08!important;border-color:#FFDDBA!important}.tone-blue{background:#E2F4FF!important;color:#157CAF!important;border-color:#C8E9FA!important}.tone-pink{background:#FFE5EE!important;color:#BC3A63!important;border-color:#F9CADB!important}.tone-slate{background:#EAEFF5!important;color:#536A81!important;border-color:#D8E0E8!important}.tone-violet{background:#F0E8FF!important;color:#6A41C5!important;border-color:#E1D3FF!important}.web-detail-top{position:relative;min-height:150px;margin:8px 0 14px;padding:22px 160px 22px 24px;border:1px solid #DCE7F0;border-radius:20px;background:#fff;box-shadow:var(--web-shadow)}.web-back{margin-bottom:14px;color:#536D86;font-size:11px;font-weight:800}.web-detail-top h2{font-size:27px;color:#122F4D;margin:3px 0}.web-detail-top p{color:#71869A;font-size:11px}.web-cat-bigicon{position:absolute;right:38px;top:36px;width:82px;height:82px;border-radius:22px;background:#F0E9FF;display:grid;place-items:center;font-size:40px}.web-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.web-product-card{display:flex;flex-direction:column;background:#fff;border:1px solid #DFE8F1;border-radius:18px;padding:15px;box-shadow:0 7px 20px rgba(29,59,91,.06)}.web-product-card.is-out{opacity:.6}.web-product-head{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:start}.web-product-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px}.web-product-head h3{font-size:14px;color:#153755;line-height:1.2}.web-product-head p{font-size:9.5px;color:#8393A3;margin-top:3px}.web-product-head strong{padding:7px 9px;border-radius:10px;background:#E9F8F1;color:#14805A;font-size:12px;white-space:nowrap}.web-product-facts{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.web-product-facts span,.web-product-meta span{padding:5px 7px;border-radius:8px;background:#F4F7FA;color:#566E85;font-size:9px;font-weight:700;line-height:1.25}.web-product-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.web-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.web-product-actions button{padding:9px 8px}.pol-item{box-shadow:none!important}.card:has(.pol-item){box-shadow:none!important;border:1px solid #DFE8F1!important;border-radius:18px!important}

  /* Compras */
  .web-stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px;margin:0 0 15px;padding:12px 18px;border:1px solid #E0E8F0;border-radius:16px;background:#fff}.web-stepper>div{display:flex;align-items:center;gap:8px;color:#8A9AAB;font-size:10.5px;font-weight:800}.web-stepper b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#EEF2F6;color:#7F90A2}.web-stepper .on{color:#5834BB}.web-stepper .on b{background:#7448E8;color:#fff}.web-stepper>i{height:1px;background:#E0E7EF}.web-buy-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}.web-buy-products{background:#fff;border:1px solid #DFE8F1;border-radius:20px;padding:16px;box-shadow:var(--web-shadow)}.web-buy-tools{display:grid;grid-template-columns:1fr 190px;gap:9px;margin-bottom:12px}.web-buy-grid{display:flex;flex-direction:column;gap:7px;max-height:650px;overflow:auto;padding-right:3px}.web-buy-product{display:grid;grid-template-columns:42px minmax(0,1fr) auto 70px;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid #E3EAF1;border-radius:13px;background:#fff;text-align:left}.web-buy-product:hover{border-color:#C9D7E4;background:#FBFCFD}.web-buy-product.selected{border-color:#BCA9F4;background:#F7F3FF}.web-buy-product.disabled{opacity:.5}.web-buy-appicon{width:38px;height:38px;border-radius:10px;background:#F1F4F7;display:grid;place-items:center;font-size:18px}.web-buy-product b,.web-buy-product small{display:block}.web-buy-product b{font-size:11.5px;color:#173A5C}.web-buy-product small{font-size:9px;color:#8394A5;margin-top:2px}.web-buy-product strong{font-size:10.5px;color:#16865D;white-space:nowrap}.web-buy-product>i{font-style:normal;padding:7px 8px;border-radius:8px;background:#F0E9FF;color:#6A43CA;font-size:9.5px;font-weight:850;text-align:center}.web-cart{position:sticky;top:14px;background:#fff;border:1px solid #DFE8F1;border-radius:20px;padding:17px;box-shadow:var(--web-shadow)}.web-cart header{display:flex;gap:9px;align-items:center;padding-bottom:12px;border-bottom:1px solid #EEF2F5}.web-cart header>span{width:38px;height:38px;border-radius:11px;background:#F0E9FF;display:grid;place-items:center}.web-cart header small{display:block;font-size:8.5px;color:#8294A5;font-weight:850}.web-cart header h3{font-size:13px;margin-top:2px}.web-cart-empty{padding:24px 5px;text-align:center;color:#8796A5;font-size:10.5px;line-height:1.5}.web-cart-items{padding:9px 0}.web-cart-items>div,.web-final-summary>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid #F0F3F6}.web-cart-items b,.web-final-summary b{font-size:9.5px}.web-cart-items em,.web-final-summary em{font-size:9px;color:#6E8194;font-style:normal}.web-cart dl{margin:9px 0 13px}.web-cart dl>div{display:flex;justify-content:space-between;padding:4px 0;font-size:10px}.web-cart dt{color:#75879A}.web-cart dd{font-weight:800}.web-cart .discount dd{color:#16865D}.web-cart .total{margin-top:6px;padding-top:9px;border-top:1px solid #E5ECF2;font-size:14px}.web-buy-data>header,.web-buy-final>header{margin-bottom:18px}.web-destination{margin-bottom:14px}.web-destination>b,.web-pay-box label{display:block;margin-bottom:7px;font-size:10px;color:#526A82}.buy-product-box{border:1px solid #E1E8EF!important;border-radius:14px!important;background:#FAFCFE!important;box-shadow:none!important}.web-pay-box{margin-top:14px;padding-top:14px;border-top:1px solid #E5ECF2}.web-pay-box textarea{min-height:80px}.web-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.web-form-msg{margin-top:10px;min-height:18px;font-size:10.5px;font-weight:800;text-align:center}.web-form-msg.ok{color:#16805B}.web-form-msg.error{color:#C92C27}.web-final-summary{margin-bottom:13px;padding:10px 13px;background:#F7F9FB;border-radius:13px}.comp-drop{min-height:210px!important;box-shadow:none!important}.comp-drop small{display:block;margin-top:5px;color:#8294A5;font-size:9.5px}

  /* Renovación */
  .web-renew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.web-renew-card{background:#fff;border:1px solid #DFE7EF;border-radius:17px;padding:14px;box-shadow:0 7px 20px rgba(29,59,91,.06)}.web-renew-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.web-renew-top h3{font-size:13px}.web-renew-top small{display:block;margin-top:3px;font-size:9px;color:#8192A2}.web-renew-services{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0}.web-renew-services span{padding:5px 8px;border-radius:8px;background:#F3F6F9;color:#536D85;font-size:9px;font-weight:750}.web-renew-actions{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:7px;padding-top:10px;border-top:1px solid #EEF2F5}.web-renew-actions button{font-size:9.5px;padding:8px 9px}

  /* Aula */
  .web-ai-box{padding:18px;margin-bottom:17px;border:1px solid #DDD1FA;border-radius:20px;background:#FBF9FF;box-shadow:var(--web-shadow)}.web-ai-box header{display:flex;align-items:center;gap:10px}.web-ai-box header>span{width:42px;height:42px;border-radius:12px;background:#EEE6FF;display:grid;place-items:center;font-size:20px}.web-ai-box h3{font-size:18px;color:#3F2A79;margin-top:2px}.web-ai-box>p{margin:7px 0 11px;color:#786E93;font-size:11px}.web-ai-box textarea{width:100%;min-height:80px;padding:12px;border:1px solid #DFD6F6;border-radius:12px;background:#fff;outline:none;resize:vertical;font-size:11px}.web-ai-box>.web-primary{float:right;margin-top:2px}.web-ai-box:after{content:"";display:block;clear:both}.web-ask-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.web-ask-grid article{display:flex;gap:9px;padding:12px;border:1px solid #E1E8F0;border-radius:14px;background:#fff}.web-ask-grid article>span{width:34px;height:34px;border-radius:10px;background:#F3F6FA;display:grid;place-items:center;flex:none}.web-ask-grid h3{font-size:11px}.web-ask-grid p{height:45px;overflow:hidden;margin:4px 0 8px;color:#74879A;font-size:9px;line-height:1.35}.web-ask-grid article>div>div{display:flex;gap:5px}.web-ask-grid button,.web-course button{padding:5px 7px;border-radius:7px;background:#F3F0FA;color:#6843C4;font-size:8.5px;font-weight:800}.web-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.web-course{display:flex;gap:10px;padding:14px;border:1px solid #E0E8EF;border-radius:15px;background:#fff}.web-course>span{width:38px;height:38px;border-radius:11px;background:#F1E9FF;display:grid;place-items:center;flex:none;font-size:18px}.web-course h3{font-size:11px}.web-course p{min-height:52px;margin:4px 0 8px;color:#76899A;font-size:9px;line-height:1.35}.web-course.done{background:#F2FBF7;border-color:#CFECDD}.web-course.done>span{background:#E0F6EC}.web-course.done button{background:#E5F5EE;color:#18815D}

  /* Recompensas */
  .web-reward-hero{position:relative;display:flex;align-items:center;min-height:190px;padding:30px 360px 30px 32px;margin:8px 0 16px;border-radius:22px;background:#FFF0EF;border:1px solid #F7D3D0;overflow:hidden;box-shadow:var(--web-shadow)}.web-reward-hero h2{margin:5px 0;font-size:31px;color:#B82924}.web-reward-hero p{font-size:11.5px;color:#8B5D5A}.web-reward-hero img{position:absolute;right:150px;bottom:-50px;width:230px;height:230px;object-fit:contain}.web-gift-art{position:absolute;right:32px;width:100px;height:100px;border-radius:24px;background:#E2231A;display:grid;place-items:center;font-size:50px;transform:rotate(-4deg)}.web-reward-progress header{margin-bottom:10px!important}.web-reward-progress header>b{font-size:18px;color:#BE302A}.web-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}.web-reward-grid article{display:flex;flex-direction:column;min-height:220px;padding:18px;border:1px solid #E0E8F0;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(29,59,91,.06)}.web-reward-icon{width:46px;height:46px;border-radius:13px;background:#F3F0FA;display:grid;place-items:center;font-size:22px}.web-reward-grid small{display:block;margin-top:13px;color:#8A9AAB;font-size:9px;font-weight:800}.web-reward-grid h3{margin-top:3px;font-size:15px}.web-reward-grid p{margin-top:6px;color:#71869A;font-size:10px;line-height:1.4}.web-reward-grid button{margin-top:auto;padding:9px;border-radius:10px;background:var(--web-red);color:#fff;font-size:10px;font-weight:850}.web-claim-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #EEF2F5}.web-claim-row:first-of-type{border-top:0}.web-claim-row>span{width:36px;height:36px;border-radius:10px;background:#F4F6F9;display:grid;place-items:center}.web-claim-row b{font-size:10.5px}.web-claim-row small{display:block;margin-top:2px;color:#8394A5;font-size:8.5px}.web-claim-row em{padding:5px 8px;border-radius:999px;font-size:8.5px;font-weight:850;font-style:normal;text-transform:capitalize}.web-claim-row .status-pendiente{background:#FFF2D4;color:#8B6207}.web-claim-row .status-entregada,.web-claim-row .status-aprobada{background:#E3F7EC;color:#15815A}.web-claim-row .status-rechazada{background:#FFE8E6;color:#C33731}

  /* Buzón */
  .web-suggestion{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px;margin-bottom:15px;border-radius:20px;border:1px solid #E5D9FA;background:#FBF8FF;box-shadow:var(--web-shadow)}.web-suggestion-art{display:grid;place-items:center;font-size:62px;background:#F1E9FF;border-radius:17px}.web-suggestion-form header h3{font-size:17px;margin:3px 0}.web-suggestion-form header p{font-size:10.5px;color:#7A8B9B}.web-suggestion-form textarea{width:100%;min-height:80px;margin-top:8px;padding:11px;border:1px solid #DED8EB;border-radius:11px;resize:vertical;outline:none;font-size:11px}.web-suggestion-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.web-suggestion-bottom small{font-size:9px;color:#8797A6}.web-message-list{display:flex;flex-direction:column}.web-message-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:10px 4px;border-top:1px solid #EEF2F5;text-align:left}.web-message-row:first-child{border-top:0}.web-message-row>span{width:36px;height:36px;border-radius:10px;background:#FFF0EF;display:grid;place-items:center}.web-message-row b{display:block;font-size:10.5px;line-height:1.35}.web-message-row small{display:block;margin-top:3px;color:#8595A5;font-size:8.5px}.web-message-row>i{font-style:normal;color:#E2231A;font-size:10px}.web-message-row.read{opacity:.78}.web-message-row.read>span{background:#F2F5F8}.web-message-row.focus{background:#FFF9EE;border-radius:10px;padding-left:8px;padding-right:8px}.web-sent-block{margin-top:16px;padding-top:14px;border-top:1px solid #E8EEF3}.web-sent-block h4{margin-bottom:5px;font-size:11px;color:#4E6780}.web-sent-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:9px 0;border-top:1px solid #F0F3F6}.web-sent-row>span{display:grid;place-items:center}.web-sent-row b{font-size:9.5px}.web-sent-row small{display:block;margin-top:2px;color:#8494A4;font-size:8px}.web-sent-row p{margin-top:5px;padding:6px;border-radius:8px;background:#F2F7FA;color:#536C84;font-size:8.5px}.web-sent-row em{font-size:8px;font-style:normal;color:#6C8093}.web-history{padding:0!important;overflow:hidden}.web-history-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;text-align:left}.web-history-toggle h3{font-size:14px;margin-top:2px}.web-history-toggle h3 span{margin-left:5px;padding:3px 6px;border-radius:999px;background:#F0F3F6;font-size:8px}.web-history-toggle>i{font-style:normal;font-size:18px;color:#71869A}.web-history>.web-message-list{padding:0 20px 14px}

  /* Perfil */
  .web-profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.web-profile-card{padding:22px;border-radius:20px;background:#F2EDFF;border:1px solid #DED3FA;text-align:center;box-shadow:var(--web-shadow)}.web-profile-card .profile-photo{width:120px!important;height:120px!important;border-radius:28px!important;box-shadow:none!important;border:4px solid #fff!important}.web-profile-card .profile-photo-edit{width:36px!important;height:36px!important;border-radius:11px!important;box-shadow:none!important;background:#fff!important;color:#5F41BA!important;border:1px solid #DED5F2!important}.web-profile-card h2{margin-top:12px;font-size:19px}.web-level-pill{display:inline-flex;margin:7px 0 12px;padding:6px 10px;border-radius:999px;background:#fff;color:#6745BE;font-size:9.5px;font-weight:850}.web-profile-edit{margin-top:9px}.web-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}.web-levels span{padding:9px 4px;border-radius:10px;background:rgba(255,255,255,.45);font-size:14px}.web-levels b,.web-levels small{display:block}.web-levels b{margin-top:3px;font-size:8.5px}.web-levels small{font-size:7.5px;color:#81749C}.web-levels .on{background:#fff;border:1px solid #CDBDF3}.web-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.web-badge-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.web-badge{min-height:90px;padding:10px 5px;border-radius:12px;background:#F3F5F7;text-align:center;opacity:.48;filter:grayscale(1)}.web-badge.on{opacity:1;filter:none;background:#F2EDFF;border:1px solid #DDD2F9}.web-badge span{display:block;font-size:22px}.web-badge b{display:block;margin-top:5px;font-size:8.5px}.web-account-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.web-account-links button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;text-align:left;border:1px solid #DFE7EF;border-radius:13px;background:#fff}.web-account-links button>span{width:36px;height:36px;border-radius:10px;background:#EEF6FB;display:grid;place-items:center}.web-account-links b{display:block;font-size:10.5px}.web-account-links small{display:block;margin-top:2px;color:#8394A5;font-size:8.5px}.web-account-links i{font-style:normal;color:#92A1B0}.web-account-links .logout>span{background:#FFF0EF}.web-account-links .logout b{color:#C8342E}

  /* Aislar estilos viejos visualmente */
  .card,.finance-card,.cli-card,.reward-card,.reward-hero,.operations-hero,.partner-hero,.today-card,.wallet-card{box-shadow:none}
  .order-panel{border:1px solid #DFE7EF!important;box-shadow:none!important;border-radius:15px!important}.order-panel-head b{font-family:'Inter',system-ui,sans-serif!important}.order-row b{font-size:10.5px!important}
  .sug-dest{gap:6px;margin:9px 0}.sug-dest button{padding:8px;border-radius:9px;box-shadow:none!important;border:1px solid #DED7EC}.sug-dest button.on{background:#7448E8;color:#fff;border-color:#7448E8}
}

@media (min-width:900px) and (max-width:1180px){
  .web-kpi-four{grid-template-columns:repeat(2,1fr)}.web-summary-grid.five{grid-template-columns:repeat(3,1fr)}.web-category-grid{grid-template-columns:repeat(2,1fr)}.web-ask-grid,.web-course-grid{grid-template-columns:repeat(2,1fr)}.web-buy-layout{grid-template-columns:minmax(0,1fr) 280px}.web-toolbar{grid-template-columns:1fr 1fr}.web-toolbar .web-select,.web-toolbar .web-date{grid-column:auto}.web-reward-hero{padding-right:280px}.web-reward-hero img{right:90px}.web-gift-art{display:none}
}