@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);body,h3,h4,p{margin:0}button,input,select{outline:0;border:0}a{text-decoration:none}*{box-sizing:border-box}img{vertical-align:top}input[type=file]{display:none}input,select{border-radius:0}#app{color:#43078c}#app,.input{font-family:Open Sans,sans-serif}.input{padding:8px 16px;border:1px solid #4fbbc3;border-radius:18px;width:330px;height:48px;margin:8px 0;font-size:13.3333px;display:inline-block;background:#fff}.input.error{border:1px solid red}.input.pass{padding-right:24px}.icon{width:25px;font-size:20px;margin-right:8px;text-align:center;color:#43078c}.show{position:absolute;margin-top:19px;margin-left:-24px;cursor:pointer;padding:4px;font-size:14px;opacity:.75}.wsp{background:#25d366;color:#fff;font-size:34px;position:fixed;bottom:64px;right:16px;border-radius:50%;height:48px;width:48px;text-align:center;padding-top:6px}@media (min-width:768px){.wsp{bottom:16px}}.burger{font-size:22px}@media (min-width:768px){.burger{display:none}}.avatar{font-size:22px;margin-left:4px}.avatar.yellow{color:#ffe400}.avatar.blue{color:#0093cb}.avatar.green{color:#14ec42}.load{display:block;height:16px;width:16px;border-radius:50%;border:1.5px solid hsla(0,4%,65.3%,.5);border-right-color:transparent;border-bottom-color:transparent;animation:rotate 1s linear infinite;margin:auto}.controls{text-align:center;color:#fff}.controls i{margin:6px 12px;padding:8px;cursor:pointer}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button{font-family:Open Sans,sans-serif;background:#ab49cc;color:#fff;min-width:160px;padding:8px;border-radius:18px;cursor:pointer;margin:8px 0}.button:disabled{background:rgba(67,7,140,.5)}.button.large{display:block;text-align:center;margin-bottom:16px}.logo{height:88px}.logo-text{width:200px}.logo--white{width:160px}.person{width:60px;margin-bottom:4px}.voucher{max-width:192px;margin:8px 0;vertical-align:middle}.photo{width:80px;height:80px;margin:12px auto;display:table;border-radius:50%}.route{color:#43078c;font-size:14px}.link{color:#fff;font-weight:300}.alert{color:#ef476f;font-size:10px}.success,.waiting{margin:8px 0;display:inline-block}.success{color:#80c700}.waiting{color:#f78c6b}.copy{font-size:10px;color:#06d6a0;margin-left:8px}.slogan{font-weight:600;font-style:italic;display:flex;align-items:center}@media (max-width:767px){.slogan{display:none}}.in{color:#80c700}.out{color:#ef476f}section h4{margin:8px 0}.auth{min-height:100vh;background:url(../img/auth.1ea65f4b.jpg) no-repeat 50%/cover;padding:16px;display:flex;align-items:center}.auth .social a{padding:12px;Top:4.15px;Left:1.25px;color:#ff6b00}.auth .social-icon-register{margin-right:10px;display:inline-block;width:26px;height:26px;border-radius:8px}.auth .facebook{background:rgba(255,254,253,.52)}.auth .social-icon{margin-right:10px;display:inline-block;width:40px;height:40px;border-radius:13px}.auth .facebook,.auth .instagram,.auth .tiktok,.auth .whatsapp,.auth .youtube{background:rgba(249,199,156,.52)}.auth>section{flex:1}.auth>section .content{max-width:350px;margin:auto}.auth>section .content .form{background:#fff;border-radius:4px;border:2px solid #4fbbc3;padding:16px}.auth>section .content .form header,.auth>section .content .form section{text-align:center}.auth>section .content .form .separator{height:2px;width:72%;background:#4fbbc3;display:block;margin:8px auto}.auth>section .content .links{display:flex;justify-content:space-between;align-items:center;justify-content:center;padding:0 4px}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app>header{display:flex;justify-content:space-between;align-items:center;background:#4bb167;color:#fff;padding:16px}.app>header.silver{background:linear-gradient(-225deg,#77ffd2,#6297db 48%,#1eecff)}.app>header.gold{background:linear-gradient(90deg,#bf953f,#fff380,#b38728,#fff480,#aa771c)}.app>section{display:flex;overflow:hidden}.app>section .content,.app>section .menu{transition:all .5s}.app>section .menu{min-width:40%;transform:translate(-100%)}.app>section .content{min-width:100%;transform:translate(-40%);overflow:hidden;position:relative}.app>section.open .content,.app>section.open .menu{transform:translate(0)}.app>section .content{background:#eaebec}.app>section .content>header{padding:8px 16px;background:#fff;display:flex;align-items:center;justify-content:space-between}.app>section .content>header .social{font-size:20px;margin-left:20px}.app>section .content>header .social a{padding:8px}.app>section .content>section{padding:8px 16px;padding-bottom:72px}.app footer{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-around;border-top:1px solid;background:#fff}.app footer a{text-align:center;color:#ab49cc;font-size:12px;padding:10px}.app footer i{display:block;font-size:16px}@media (min-width:768px){.app footer{display:none}}@media (min-width:768px){.app>header{padding:12px 40px}.app>section .content,.app>section .menu{min-width:auto;transform:none}.app>section .content{flex:1}.app>section .content>section{padding:8px 32px}}.menu{background:#43078c}.menu a{display:block;color:#fff;font-size:12px;padding:16px 16px;cursor:pointer}.menu a i{width:13.5px;text-align:center;margin-right:4px}.menu a.router-link-active{background:#6b46c1}.menu a.disabled{color:#aaa3a3}@media (min-width:768px){.menu a{padding-right:40px}}.sub-menu{display:none}.sub-menu a{font-size:10px;padding:12px;padding-left:32px}.sub-menu a i{width:12.5px}.sub-menu.active{display:block}.boxes{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;row-gap:24px;margin:8px 0}.boxes .box{box-shadow:0 4px 4px 0 rgba(0,0,0,.25);color:#fff;padding:16px;display:flex}.boxes .box i{font-size:24px;margin-top:4px;margin-right:8px}.boxes .box p{font-size:18px;font-weight:700}.boxes .box span{font-size:12px}.boxes .box.blue{background:#0093cb}.boxes .box.yellow{background:#ffd166}.boxes .box.red{background:#ef476f}.boxes .box.green{background:#06d6a0}.boxes .box.orange{background:#f78c6b}@media (min-width:768px){.boxes{grid-template-columns:1fr 1fr 1fr;max-width:1024px}.boxes .box i{font-size:36px}}.scroll{overflow:auto;margin:16px 0}table{background:#fff;white-space:nowrap;text-align:center}table thead{color:#0093cb}table tbody{font-size:14px}table tbody td{padding:8px}table tbody td.green{background:#00d1b2;color:#fff}.tree .row{display:flex;padding:8px 0}.tree .row .el{flex:1;text-align:center}.tree .row .el i{font-size:32px;color:#fff}.tree .row .el i.affiliated{color:#ffe400}.tree .row .el i.activated{color:#14ec42}.tree .row .el p{font-size:12px}.tree .row .el span{font-size:10px;display:block}.products>div{margin-right:20px}.product{display:flex;margin:8px 0;align-items:flex-start}.product small{width:120px;font-size:12px}.product input{width:40px;text-align:center}.product .control{display:flex}@media (min-width:768px){.products,.products-container{display:flex}}.tabs{text-align:center}.tabs .tab{color:#aaa3a3}.tabs .tab.router-link-active{color:grey}.flex{display:flex;align-items:flex-start}.nav-tabs[data-v-4d799ea5]{position:absolute;top:0;left:0;display:flex;z-index:10;width:10%;margin-left:250px}.nav-tab[data-v-4d799ea5]{flex:1;padding:20px 40px;background:hsla(0,0%,100%,.2);color:#fff;text-decoration:none;font-weight:700;font-size:18px;transition:all .3s ease;border:none;text-align:center;border-radius:0}.nav-tab[data-v-4d799ea5]:hover{background:hsla(0,0%,100%,.3);color:#fff}.nav-tab.active[data-v-4d799ea5]{background:#ffd600;color:#000}.logo-login[data-v-4d799ea5]{width:300px;display:flex;flex-direction:column-reverse;margin-left:-55px;filter:hue-rotate(240deg) saturate(1.5) brightness(.8)}.login-container[data-v-4d799ea5]{display:flex;height:100vh}.login-left[data-v-4d799ea5]{position:relative;width:75%;display:flex;align-items:center;justify-content:flex-start;color:#fff;overflow:hidden;padding-left:70px;margin-left:0}.login-left .overlay[data-v-4d799ea5]{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../img/back.ba267308.jpg) 50%/cover no-repeat;z-index:1}.login-left .overlay[data-v-4d799ea5]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(67,7,140,.5);z-index:1}.login-left-content[data-v-4d799ea5]{position:relative;z-index:2;text-align:left;padding-left:0;margin-left:0}.login-left .logo[data-v-4d799ea5]{width:120px;margin-bottom:30px}.login-left h1[data-v-4d799ea5]{font-size:6em;font-weight:700;margin:0;line-height:1}.login-left h2[data-v-4d799ea5]{color:#ffd600;font-size:1.5em;margin-top:10px}.welcome-text[data-v-4d799ea5]{display:none;font-size:20px;font-weight:700;margin:20px 0 0 0;text-align:center}.desktop-text[data-v-4d799ea5]{display:block}.login-right[data-v-4d799ea5]{width:55%;display:flex;align-items:center;justify-content:center;background:#fff}body[data-v-4d799ea5]{margin:0;padding:0}@media (max-width:900px){.login-container[data-v-4d799ea5]{flex-direction:column;height:auto}.nav-tabs[data-v-4d799ea5]{position:absolute;top:0;left:0;width:100%}.nav-tab[data-v-4d799ea5]{padding:15px 20px;font-size:16px}.login-left[data-v-4d799ea5],.login-right[data-v-4d799ea5]{width:100%;min-height:220px;padding-left:0;margin-left:0;justify-content:center;text-align:center}.login-left-content[data-v-4d799ea5]{text-align:center;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-login[data-v-4d799ea5]{width:180px;margin-left:0}.welcome-text[data-v-4d799ea5]{display:block;font-size:1.5em;margin:-15px 0 0 0}.desktop-text[data-v-4d799ea5]{display:none}.login-right[data-v-4d799ea5]{min-height:400px;padding:20px 0}}@media (max-width:900px){.nav-tabs[data-v-4d799ea5]{display:none}}.social[data-v-9a75531a]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px}.social-icon[data-v-9a75531a]{margin-right:10px;display:inline-block;width:40px;height:40px;border-radius:13px;text-align:center;line-height:40px;font-size:24px;transition:box-shadow .2s,background .2s;background:#9c5ad8;color:#fff}@media (max-width:600px){.social-icon[data-v-9a75531a]{width:32px;height:32px;border-radius:9px;line-height:32px;font-size:18px;margin-right:6px}}.social-icon[data-v-9a75531a]:hover{box-shadow:0 2px 8px rgba(67,7,140,.15);background:#f3eaff;color:#9c5ad8}.login-button[data-v-9a75531a]{border-radius:29px;width:345px;height:50px;background:#43078c;color:#fff;border:none;cursor:pointer;transition:background .3s ease;margin-left:13px;transition:all .3s ease;margin-top:20px}.google-login-btn[data-v-9a75531a]{display:flex;align-items:center;justify-content:center;width:200px;height:40px;margin:0 auto 8px auto;background:#fff;color:#444;border:1px solid #ddd;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:pointer;transition:box-shadow .2s,border .2s;padding:0 10px;margin-bottom:-22px}.google-login-btn[data-v-9a75531a]:hover{box-shadow:0 2px 6px rgba(66,133,244,.12);border:1px solid #bcbcbc}.google-logo-img[data-v-9a75531a]{width:18px;height:18px;margin-right:8px;display:block}.tab-login[data-v-9a75531a]{font-size:15px;color:#89888d;text-decoration:none;padding:10px 20px;border-bottom:2px solid #89888d;margin-top:10%;margin-bottom:10%;transition:all .3s ease}.label-login-2[data-v-9a75531a]{font-size:12px;color:#89888d;display:block;margin-right:300px;margin-top:-20px}.label-login[data-v-9a75531a]{font-size:12px;color:#89888d;display:block;margin-right:260px}@media (max-width:900px){.logos[data-v-9a75531a]{display:none}}@media (min-width:900px){.tab-login[data-v-9a75531a]{display:none}}@media (max-width:900px){.login-button[data-v-9a75531a]{margin-left:0;border-radius:25px;height:45px;font-size:16px}.google-login-btn[data-v-9a75531a],.login-button[data-v-9a75531a]{width:90vw;min-width:180px;max-width:320px}.input[data-v-9a75531a]{width:90vw;max-width:320px;height:45px;border-radius:8px;border:1px solid #9c5ad8;padding:0 15px;font-size:16px;margin-bottom:15px}.label-login-2[data-v-9a75531a],.label-login[data-v-9a75531a]{text-align:left;margin-left:5px;margin-bottom:5px;font-size:14px;color:#43078c}.tab-login[data-v-9a75531a]{font-size:16px;padding:12px 25px;margin:0 10px}.tab-login.active[data-v-9a75531a]{color:#43078c;border-bottom:3px solid #ffd600;font-weight:700}.social-icon[data-v-9a75531a]{width:35px;height:35px;border-radius:10px;line-height:35px;font-size:20px;margin:0 5px}}@media (max-width:1260px){.label-login[data-v-9a75531a]{margin-right:195px;margin-top:-13px}}@media (max-width:1260px){.label-login-2[data-v-9a75531a]{margin-right:235px;margin-top:25px}}.input-container{position:relative;display:inline-block;width:330px}.input-container .icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10;color:#43078c;font-size:16px;margin-right:0}.input-container .input{padding-right:50px;width:100%;box-sizing:border-box}.social{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px}.social-icon{margin-right:10px;display:inline-block;width:40px;height:40px;border-radius:13px;text-align:center;line-height:40px;font-size:24px;transition:box-shadow .2s,background .2s;background:#9c5ad8;color:#fff}@media (max-width:900px){.social-icon{width:35px;height:35px;border-radius:10px;line-height:35px;font-size:20px;margin:0 5px}.input-container{width:90vw;max-width:320px}.input-container .input{width:100%;height:45px;border-radius:8px;border:1px solid #9c5ad8;padding:0 15px;font-size:16px;margin-bottom:15px}.input-container .icon{right:12px;font-size:18px}.login-button{width:90vw;max-width:320px;margin-left:0;border-radius:25px;height:45px;font-size:16px}.tab-login{font-size:15px;color:#89888d;text-decoration:none;padding:10px 20px;border-bottom:2px solid #89888d;margin-top:10%;margin-bottom:10%;transition:all .3s ease}.tab-login.active{color:#43078c;border-bottom:3px solid #ffd600;font-weight:700}}.social-icon:hover{box-shadow:0 2px 8px rgba(67,7,140,.15);background:#f3eaff;color:#9c5ad8}.login-button{border-radius:29px;width:345px;height:50px;background:#43078c;color:#fff;border:none;cursor:pointer;transition:background .3s ease;margin-left:13px;transition:all .3s ease;margin-top:20px}.tab-login{font-size:16px;padding:12px 25px;margin:0 10px}.tab-login.active{color:#43078c;border-bottom:3px solid #ffd600;font-weight:700}@media (min-width:900px){.tab-login{display:none}}.logout-btn[data-v-7e364942]{background:#8a2be2!important;color:#fff!important;border-radius:8px!important;margin:8px 16px!important;padding:12px 16px!important;font-weight:700!important;text-align:center!important;transition:all .3s ease!important;box-shadow:0 2px 8px rgba(138,43,226,.3)!important}.logout-btn[data-v-7e364942]:hover{background:#7b1fa2!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(138,43,226,.4)!important}.logout-btn i[data-v-7e364942]{margin-right:8px!important}.menu-icon[data-v-7e364942]{width:13.5px!important;height:13.5px!important;margin-right:4px!important;vertical-align:middle!important}.menu a[data-v-7e364942]{display:flex!important;align-items:center!important;position:relative!important}.menu a i.fa-caret-down[data-v-7e364942]{position:absolute!important;right:16px!important;margin:0!important}.menu a svg.menu-icon[data-v-7e364942]{margin-right:4px!important;flex-shrink:0!important}.menu a span[data-v-7e364942]{flex:1!important;margin-left:4px!important}._img{width:100%;max-width:600px}._plan{max-width:400px;margin:8px 0}._product{max-width:240px;margin:8px 0;max-height:240px}._strong{font-weight:600}._tabs{display:flex;overflow:auto}._tabs ._tab{padding:8px 12px;background:#fff;border-radius:12px 12px 0 0;font-weight:300;font-size:12px;cursor:pointer;text-wrap:nowrap}._tabs ._tab.selected{font-weight:600}.product small{width:240px;font-weight:300}.product ._name{font-weight:600;font-size:12.5px}._light{font-weight:300;font-size:12.5px}._price{font-weight:600}.modal{position:fixed;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal.open{display:flex;align-items:center;justify-content:center}.modal .modal-content{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-title{color:#4a4a4a}.card-text.mobile,.card-text.mobile-small{display:block!important;visibility:visible!important;opacity:1!important;padding:0!important}.cards-container.mobile{margin-top:30px!important}.cards-container.mobile-small{margin-top:25px!important}.card-icon img.mobile{width:80px!important;height:80px!important}.card-icon img.mobile-small{width:70px!important;height:70px!important}.card-text{padding:0 10px;text-align:center}.btn-green{background:#28a745}.btn-green:hover{background:#218838;box-shadow:0 4px 12px rgba(40,167,69,.3)}.btn-orange{background:#e67e00}.btn-orange:hover{background:#d35400;box-shadow:0 4px 12px rgba(230,126,0,.3)}.frontales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 20px}.frontales-title{font-size:28px;font-weight:700;color:#333;margin:0}.btn-volver{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#00bcd4;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-volver:hover{background:#0097a7;transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-container p{margin-top:16px;font-size:16px}.loading-progress{margin-top:20px;width:100%;max-width:300px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#00bcd4,#0097a7);border-radius:4px;transition:width .3s ease}.progress-text{font-size:14px;color:#666;font-weight:500}.frontales-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:0 20px;max-width:1200px;margin:0 auto}.frontal-card{background:#f5f2e9;border-radius:16px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid #e0d8c0}.frontal-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.card-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.user-avatar{flex-shrink:0}.user-avatar i{font-size:48px;color:#00bcd4}.user-info{flex:1}.user-name{font-size:18px;font-weight:700;color:#333;margin:0 0 12px 0;line-height:1.2}.points-container{display:flex;gap:16px}.point-item{display:flex;align-items:center;gap:6px}.point-item i{font-size:16px;color:#666}.point-label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase}.point-value{font-size:14px;font-weight:700;color:#333}.card-body{display:flex;flex-direction:column;gap:15px}.membership-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.membership-badge.bronze{background:#cd7f32;color:#fff}.membership-badge.silver{background:silver;color:#fff}.membership-badge.gold{background:#d4af37;color:#fff}.membership-badge.ruby{background:#e0115f;color:#fff}.card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-ver-detalle{padding:8px 16px;background:#28a745;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;flex:1;min-width:100px}.btn-ver-detalle:hover{background:#218838;transform:translateY(-1px)}.status-badge{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.status-inactive{background:#f8d7da;color:#721c24}.btn-whatsapp{width:36px;height:36px;background:#25d366;border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-whatsapp:hover{background:#128c7e;transform:scale(1.1)}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#999;text-align:center}.no-data p{font-size:16px;margin:0}@media (max-width:768px){.frontales-header{flex-direction:column;gap:20px;text-align:center}.frontales-title{font-size:24px}.frontales-grid{grid-template-columns:1fr;gap:16px;padding:0 16px}.frontal-card{padding:16px}.user-name{font-size:16px}.points-container{gap:12px}.card-actions{gap:8px}.btn-ver-detalle{font-size:11px;padding:6px 12px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff}.modal-title{font-size:24px;font-weight:700;margin:0}.modal-close{background:hsla(0,0%,100%,.2);border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.modal-body{padding:30px;max-height:60vh;overflow-y:auto}.user-profile{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px}.profile-avatar{flex-shrink:0}.user-photo{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #00bcd4}.profile-avatar i{font-size:80px;color:#00bcd4}.profile-info{flex:1}.profile-name{font-size:24px;font-weight:700;color:#333;margin:0 0 12px 0}.profile-badges{display:flex;gap:10px;flex-wrap:wrap}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:30px}.info-section{background:#f8f9fa;border-radius:12px;padding:20px}.section-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#333;margin:0 0 16px 0;padding-bottom:8px;border-bottom:2px solid #00bcd4}.section-title i{color:#00bcd4}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#666;font-size:14px}.info-value{font-weight:700;color:#333;font-size:14px}.points-display{display:flex;flex-direction:column;gap:12px}.point-card{gap:12px;padding:12px;background:#fff;border-radius:8px;border-left:4px solid #00bcd4}.point-card,.point-icon{display:flex;align-items:center}.point-icon{width:40px;height:40px;background:#e0f7fa;border-radius:50%;justify-content:center;color:#00bcd4;font-size:18px}.point-details{flex:1}.point-details .point-label{display:block;font-size:12px;color:#666;font-weight:600;text-transform:uppercase;margin-bottom:2px}.point-details .point-value{display:block;font-size:18px;font-weight:700;color:#333}.children-section{margin-top:30px}.children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.child-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.child-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#00bcd4}.child-avatar i{font-size:32px;color:#00bcd4}.child-info{flex:1}.child-name{font-size:14px;font-weight:700;color:#333;margin:0 0 4px 0}.child-points{display:flex;align-items:center;gap:4px}.child-point-label{font-size:11px;color:#666;font-weight:600;text-transform:uppercase}.child-point-value{font-size:14px;font-weight:700;color:#00bcd4}.modal-footer{display:flex;gap:16px;padding:24px 30px;border-top:1px solid #e0e0e0;background:#f8f9fa}.btn-whatsapp-large{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#25d366;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.btn-whatsapp-large:hover{background:#128c7e;transform:translateY(-2px)}.btn-close{padding:12px 24px;background:#6c757d;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-close:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:768px){.modal-body{padding:20px}.user-profile{flex-direction:column;text-align:center}.info-grid{gap:16px}.children-grid,.info-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-close,.btn-whatsapp-large{width:100%}}.niveles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 20px}.niveles-title{font-size:28px;font-weight:700;color:#333;margin:0}.hierarchy-summary{padding:20px;background:#f8f9fa;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-top:20px}.info-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;margin-bottom:20px;color:#1976d2;font-size:14px}.info-message i{color:#2196f3;font-size:16px;flex-shrink:0}.success-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;margin-bottom:20px;color:#2e7d32;font-size:14px}.success-message i{color:#4caf50;font-size:16px;flex-shrink:0}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid #e0e0e0}.summary-card .card-icon{width:60px;height:60px;background:#fff3e0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff9800;font-size:28px;margin-bottom:15px}.summary-card .card-content{flex:1}.summary-card .card-value{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.summary-card .card-label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.levels-distribution{margin-top:30px}.distribution-title{font-size:20px;font-weight:700;color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #ff9800}.levels-chart{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.level-row{display:flex;align-items:center;gap:15px;padding:8px 0;border-bottom:1px solid #f0f0f0}.level-row:last-child{border-bottom:none}.level-label{font-size:14px;color:#666;font-weight:600;min-width:80px;text-align:left}.level-bar-container{flex:1;height:20px;background:#f5f5f5;border-radius:10px;border:1px solid #e0e0e0}.level-bar,.level-bar-container{overflow:hidden;position:relative}.level-bar{height:100%;background:linear-gradient(90deg,#ff9800,#f57c00);border-radius:10px;transition:width .8s ease-in-out}.level-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.level-count{font-size:16px;font-weight:700;color:#333;min-width:50px;text-align:right;background:#f8f9fa;padding:4px 8px;border-radius:6px;border:1px solid #e9ecef}@media (max-width:768px){.niveles-header{flex-direction:column;gap:20px;text-align:center}.niveles-title{font-size:24px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:15px}.summary-card{padding:15px}.summary-card .card-icon{width:50px;height:50px;font-size:24px;margin-bottom:10px}.summary-card .card-value{font-size:24px}.summary-card .card-label{font-size:12px}.levels-chart{padding:15px}.level-row{gap:10px}.level-label{font-size:12px;min-width:60px}.level-count{font-size:14px;min-width:40px;padding:3px 6px}}@media (max-width:480px){.summary-cards{grid-template-columns:repeat(2,1fr)}.summary-card{padding:12px}.summary-card .card-icon{width:45px;height:45px;font-size:20px}.summary-card .card-value{font-size:20px}.levels-chart{padding:10px}.level-row{gap:8px}.level-label{font-size:11px;min-width:50px}.level-bar-container{height:16px}.level-count{font-size:12px;min-width:35px;padding:2px 4px}}.distribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fa-gem.green{color:#06d6a0}.input.green{background-color:#06d6a0}.input.star{background-color:#ff0}.input.master{background-color:#06d6a0}.input.silver{background-color:#aaa}.input.gold{background-color:#d4af37}.input.sapphire{background-color:#00f}._iframe{border:0;width:100%;height:100vh}.modal{background:rgba(0,0,0,.72);position:absolute;top:0;bottom:0;left:0;right:0;padding:80px 20px;display:none;z-index:2;overflow:auto}.modal.open{display:block}.modal .inner{background:#eaebec;border-radius:20px;padding:20px 20px 32px 20px;max-width:480px;margin:auto}.mode-title{text-align:center;margin-bottom:40px;color:#333;font-size:32px;font-weight:700;letter-spacing:1px}.cards-container{display:flex;gap:45px;justify-content:center;flex-wrap:wrap;margin-bottom:50px}.mode-selector .card{background:#fff;border:none;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;width:180px;height:180px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center}.mode-selector .card.mobile{width:140px!important;height:140px!important;padding:15px!important}.mode-selector .card.mobile-small{width:125px!important;height:125px!important;padding:12px!important}.card-text.mobile{font-size:20px!important}.card-text.mobile-small{font-size:15px!important}.mode-title.mobile,.mode-title.mobile-small{font-size:20px!important;margin-bottom:20px!important}.card-icon svg.mobile{width:50px!important;height:50px!important}.card-icon svg.mobile-small{width:40px!important;height:40px!important}.mode-selector .card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.card-icon{display:flex;align-items:center;justify-content:center;margin-top:10px}.card-icon svg{width:60px;height:60px}.card-text{margin:0;color:#333;font-weight:600;font-size:26px;letter-spacing:.5px;margin-top:17px}.buttons-container{display:flex;flex-direction:column;align-items:center;gap:20px}.top-buttons{gap:20px}.bottom-button,.top-buttons{display:flex;justify-content:center}.btn{cursor:pointer;transition:all .3s ease;border:none;border-radius:8px;font-weight:600;letter-spacing:.5px;padding:12px 24px;font-size:14px}.btn-green{background:#9f00ad;color:#fff}.btn-green:hover{background:#9f00ad;transform:translateY(-2px);box-shadow:0 4px 12px rgba(167,40,150,.123)}.btn-orange{background:#43078c;color:#fff;font-size:16px;padding:14px 28px}.btn-orange:hover{background:#43078c;transform:translateY(-2px);box-shadow:0 4px 12px rgba(127,0,230,.137)}#body{margin:0;padding:0;letter-spacing:.2px;position:relative}:root{--col-1:#c8ddef;--col-2:#c8ddef;--bg-1:#0e182d;--highlighted:#ff5722}.tree-container{overflow:auto;width:100%}.tree-container>h1{color:var(--col-1);font-weight:400}.tree,.tree li,.tree ul{list-style:none;margin:0;padding:0;position:relative}.tree{text-align:center}.tree,.tree ul{display:table;margin:auto;width:100%}.tree ul{width:100%}.tree li{display:table-cell;padding:.5em 0;vertical-align:top}.tree li:before{outline:solid 1px var(--col-2);content:"";left:0;position:absolute;right:0;top:0;direction:rtl}.tree li:first-child:before{left:50%}.tree li:last-child:before{right:50%}.tree code,.tree span{border-radius:.2em;display:inline-block;margin:0 .2em .5em;padding:.2em .5em;position:relative;transition:all .2s ease;font-size:12px}.tree span i{font-size:32px;color:#fff}.tree span i.aff{color:#ffe400}.tree span i.act{color:#14ec42}.tree span i.fa-gem{font-size:18px;position:absolute;transform:translateY(10px);display:none}.tree span i.fa-gem.star{display:inline;color:#ffe400}.tree span i.fa-gem.master{display:inline;color:#14ec42}.tree span i.fa-gem.silver{display:inline;color:#d3d3d3}.tree span i.fa-gem.gold{display:inline;color:#d4af37}.tree code:before,.tree span:before,.tree ul:before{outline:solid 1px var(--col-2);content:"";height:.5em;left:50%;position:absolute}.tree span:after{outline:solid 1px var(--col-1);content:"";top:-8px;left:calc(50% - 5px);width:8px;height:8px;background-color:#888;border:1px solid var(--col-1);position:absolute;opacity:1;border-radius:100%;transition:all .2s ease}.tree ul:before{top:-.5em}.tree code:before,.tree span:before{top:-.55em}.tree>li{margin-top:0}.tree>li:after,.tree>li:before,.tree>li>code:before,.tree>li>span:after,.tree>li>span:before{outline:none;display:none}.highlighted{border:2px solid var(--highlighted)!important}.selected-node>span{box-shadow:0 0 8px #00bcd4!important;border:2px solid #00bcd4!important;background:#e0f7fa!important}