/* TEP_V101_TIMELINE: presentación; los datos se calculan en student_membership.py. */
.m101-home{background:linear-gradient(110deg,#29103f,#47166e 55%,#6927a5);color:#fff;border-radius:15px;padding:18px 20px;margin-bottom:14px}.m101-top{display:grid;grid-template-columns:1.2fr .9fr auto;gap:18px;align-items:center}.m101-top h2{margin:2px 0 7px}.m101-top>div>small{font-size:9px;letter-spacing:.08em}.m101-top p{font-size:11px;opacity:.8}.m101-life{color:#80efc0;border:1px solid #5fd9a455;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800}.m101-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #ffffff24;margin-top:14px;padding-top:13px}.m101-product{min-width:0;border:1px solid #ffffff25;background:#ffffff0c;border-radius:10px;padding:12px}.m101-product-head{display:flex;justify-content:space-between;align-items:start;gap:8px}.m101-product-head>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.m101-product-head span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:64px;min-height:22px;padding:3px 8px;box-sizing:border-box;white-space:nowrap;line-height:1;background:#fff0cb;color:#855000;border-radius:99px;font-size:8px}.m101-product>strong{display:block;margin-top:13px;font-size:17px;line-height:1.1}.m101-context{display:flex;justify-content:space-between;gap:8px;margin-top:5px;align-items:center}.m101-context small{font-size:9px;line-height:1.2}.m101-context small:last-child{white-space:nowrap;text-transform:uppercase;font-weight:800}.m101-context i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;background:#70dfb0}.m101-bar{height:5px;background:#ffffff24;border-radius:8px;margin-top:10px;overflow:hidden}.m101-bar>i{display:block;height:100%;background:#70dfb0}.m101-dates{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.m101-dates small{font-size:8px}.m101-dates small:last-child{text-align:right}.m101-dates b{display:block;margin-top:2px;font-size:9px}.m101-product.upcoming .m101-context i{background:#a98dff}.m101-product.warning .m101-context i,.m101-product.warning .m101-bar>i{background:#f0bd53}.m101-product.urgent .m101-context i,.m101-product.urgent .m101-bar>i,.m101-product.last_day .m101-context i,.m101-product.last_day .m101-bar>i,.m101-product.due_today .m101-context i,.m101-product.due_today .m101-bar>i{background:#ee6b65}.m101-product.expired{opacity:.78}.m101-product.expired .m101-context i,.m101-product.expired .m101-bar>i{background:#a89eae}.m101-product.pending .m101-context i{background:#f0bd53}.m101-empty{padding:12px;border:1px dashed #ffffff55;border-radius:10px;font-size:12px}@media(max-width:850px){.m101-top{grid-template-columns:1fr}.m101-top p{display:none}.m101-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.m101-products{grid-template-columns:1fr}.m101-product-head>b{white-space:normal}.m101-product>strong{font-size:16px}}