:root{--color-primary:#2c2754;--color-primary-light:#4e487d;--color-secondary:#f0b930;--color-secondary-dark:#e3a01b;--color-secondary-light:#ffcc4c;--color-accent:#e02f32;--color-accent-light:#fa494c;--color-gray:#eaecec;--color-gray-light:#f5f5f5;--color-gray-dark:#7d7d7d;--color-white:#fdfdfd;--color-black:#192229;--color-success:#378007;--color-error:#e02f32;--color-warning:#facd5c;--color-blue:#005ed9;--color-green:#a8d48a;--color-yellow:#ffe7a0;--color-red:#f7aaa0;--color-azul:#a0d0f7;--size-2xs:.5vw;--size-xs:.7vw;--size-sm:.8vw;--size-md:1vw;--size-lg:1.4vw;--size-xl:2vw;--size-2xl:2.8vw;--size-3xl:4.4vw;--size-4xl:4.6vw;--font-primary:"Poppins",sans-serif}*{box-sizing:border-box;vertical-align:baseline;border:0;margin:0;padding:0}:before,:after{display:block}html,body{width:100%;height:auto;overflow:auto}body{font-family:var(--font-primary);background-color:var(--color-white);color:var(--color-primary)}ul:where([role=list]){margin:0;padding:0;list-style:none}ol:where([role=list]){margin:0;padding:0;list-style:none}.layout{flex-direction:row;justify-content:flex-start;align-items:flex-start;min-height:100vh;display:flex}.layout header.navbar{background-color:var(--color-white);z-index:1;flex-direction:column;justify-content:space-between;align-items:flex-start;width:18vw;min-width:300px;min-height:100vh;padding:2%;display:flex;position:fixed;overflow:hidden;box-shadow:10px 0 20px rgba(0,0,0,.1)}.layout header.navbar .nav-toggle{background-color:var(--color-white);cursor:pointer;z-index:1300;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:60px;height:60px;display:none}.layout header.navbar .nav-toggle span{background:currentColor;width:22px;height:2px;display:block}.layout header.navbar .logo{z-index:1200;width:100%;height:auto}.layout header.navbar .logo a img{width:100%;height:auto;display:block}.layout header.navbar .sidebar{background:var(--surface,var(--color-white));z-index:1100;width:100%;max-width:100%;padding:10% 20px 20px;transition:transform .25s;position:relative;top:0;bottom:0;left:0;right:auto;overflow-y:auto;transform:translate(-100%)}.layout header.navbar .sidebar.open{transform:translate(0)}.layout header.navbar .nav__wrapper{width:100%}.layout header.navbar .nav__wrapper nav:nth-child(2){margin-top:10%}.layout header.navbar nav{width:100%}.layout header.navbar nav h2{font-size:var(--size-2xs);text-transform:uppercase;color:var(--color-primary-light);margin-bottom:10px;font-weight:400}.layout header.navbar nav ul{grid-template-columns:1fr;list-style:none;display:grid}.layout header.navbar nav ul li{margin-bottom:0;padding:3px 10px}.layout header.navbar nav ul li a{color:var(--color-primary);text-decoration:none}.layout header.navbar nav ul li.active a{color:var(--color-secondary-dark)}.layout header.navbar .nav__user__main ul{gap:3px;width:100%}.layout header.navbar .nav__user__main ul li{vertical-align:middle;border-bottom:0px solid var(--color-gray);width:100%;margin:3px 0;padding:3px 10px;display:inline-block;position:relative}.layout header.navbar .nav__user__main ul li:after{content:"";background-color:var(--color-gray);width:100%;height:1px;display:block;position:absolute;bottom:-5px;left:0}.layout header.navbar .nav__user__main ul li a{font-size:var(--size-sm);margin-bottom:0;transition:color .2s ease-in-out}.layout header.navbar .nav__user__main ul li a:hover{color:var(--color-primary-light)}.layout header.navbar .nav__user__main ul li:before{content:"";vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.2em;height:1.2em;margin-right:8px;display:inline-block;position:relative}.layout header.navbar .nav__user__main ul li:first-child:before{background-image:url(../media/inicio.925963e0.svg)}.layout header.navbar .nav__user__main ul li:nth-child(2):before{background-image:url(../media/referidos_anadir.ab8102fc.svg)}.layout header.navbar .nav__user__main ul li:nth-child(3):before{background-image:url(../media/referidos.bbcb9d87.svg)}.layout header.navbar .nav__user__main ul li:nth-child(4):before{background-image:url(../media/ganancias.eb3bd101.svg)}.layout header.navbar .nav__user__main ul li:nth-child(5):before{background-image:url(../media/perfil.1e608c50.svg)}.layout header.navbar .nav__user__main ul li:nth-child(6):before{background-image:url(../media/desarrollos.e2b2ba8a.svg)}.layout header.navbar .nav__user__main ul li.active a{color:var(--color-secondary-dark)}.layout header.navbar .nav__admin__main ul{gap:3px;width:100%}.layout header.navbar .nav__admin__main ul li{vertical-align:middle;border-bottom:0px solid var(--color-gray);width:100%;margin:3px 0;padding:3px 10px;display:inline-block;position:relative}.layout header.navbar .nav__admin__main ul li:after{content:"";background-color:var(--color-gray);width:100%;height:1px;display:block;position:absolute;bottom:-5px;left:0}.layout header.navbar .nav__admin__main ul li a{font-size:var(--size-sm);margin-bottom:0;transition:color .2s ease-in-out}.layout header.navbar .nav__admin__main ul li a:hover{color:var(--color-secondary-dark)}.layout header.navbar .nav__admin__main ul li:before{content:"";vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.2em;height:1.2em;margin-right:8px;display:inline-block;position:relative}.layout header.navbar .nav__admin__main ul li:first-child:before{background-image:url(../media/inicio.925963e0.svg)}.layout header.navbar .nav__admin__main ul li:nth-child(2):before{background-image:url(../media/desarrollos.e2b2ba8a.svg)}.layout header.navbar .nav__admin__main ul li:nth-child(3):before{background-image:url(../media/referidos.bbcb9d87.svg)}.layout header.navbar .nav__admin__main ul li:nth-child(4):before{background-image:url(../media/recompensas.f25cac9e.svg)}.layout header.navbar .nav__admin__main ul li:nth-child(5):before{background-image:url(../media/niveles.9c6594ba.svg)}.layout header.navbar .nav__admin__main ul li.active a{color:var(--color-secondary-dark)}.layout header.navbar .profile{background-color:var(--color-white);border-radius:20px;width:100%;margin-top:10%;padding:5%;box-shadow:0 0 10px rgba(0,0,0,.1)}.layout header.navbar .profile .column__2 .col__left{max-width:40px}.layout header.navbar .profile .column__2 .col__right{justify-content:center;align-items:flex-start;width:100%;padding-left:10px}.layout header.navbar .profile .column__2 .col__right p{font-size:var(--size-xs);margin-bottom:0}.layout header.navbar .profile .column__1 span{color:var(--color-primary);font-size:var(--size-2xs)}.layout header.navbar .profile .column__1 button{font-size:var(--size-xs);color:var(--color-accent);cursor:pointer;background-color:transparent;flex-direction:row;justify-content:center;align-items:center;margin-top:5%;font-weight:500;display:flex}.layout header.navbar .profile .column__1 button:hover{text-decoration:underline}.layout header.navbar .profile .column__1 button:before{content:"";background-image:url(../media/cierre_sesion.06195e9c.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.9em;height:1.9em;display:block;position:relative}.layout .content{background-color:var(--color-gray-light);flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:5%;display:flex;overflow-y:auto}.layout .content:before{content:"";width:18vw;min-width:300px;padding:2%;display:block;position:relative}.layout .content section{flex-direction:column;justify-content:center;align-items:center;gap:10%;width:100%;height:100%;display:flex}.loading{flex-direction:row;justify-content:center;align-items:center;display:flex}.loading img{width:auto;height:100px}.loading p{font-size:var(--size-sm);color:var(--color-gray-dark);margin-bottom:0}.modal-bg{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:8px;min-width:300px;padding:2rem;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.2)}.modal-box h2{font-size:var(--size-lg)}.form-label{margin-bottom:.5rem;display:block}.form-input,.form-select,.form-textarea{width:100%;font-size:var(--size-sm);background:#fff;border:1px solid #ccc;border-radius:4px;margin-top:.25rem;margin-bottom:1rem;padding:8px 10px}:is(.form-input,.form-select,.form-textarea):focus{border-color:var(--color-secondary);outline:none}.form-textarea{resize:vertical;min-height:80px}.form-btn{background:var(--color-secondary-light);color:var(--color-primary);cursor:pointer;font-size:var(--size-xs);border:none;border-radius:4px;margin-right:.5rem;padding:12px 14px}.form-btn.cancel{background-color:var(--color-gray);color:var(--color-primary);font-size:var(--size-xs)}.form-btn.delete{color:#fff;background:#e00}section{z-index:0;flex-direction:column;justify-content:center;align-items:center;margin-top:-3px;display:flex;position:relative}section.section__hero{margin-top:0}.column__1{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;position:relative}.column__2{flex-direction:row;justify-content:center;align-items:stretch;width:100%;display:flex;position:relative}.column__2 .col__left{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50%;display:flex;position:relative}.column__2 .col__right{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50%;display:flex;position:relative}.listado{grid-gap:2vw;grid-template-rows:auto;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;display:grid}h1{font-size:var(--size-lg);color:var(--color-primary);margin-bottom:20px;font-weight:600;line-height:1.2}h1 strong{font-weight:inherit;color:var(--color-secondary-dark)}h2{font-family:var(--font-primary);font-size:var(--size-xl);color:var(--color-primary);margin-bottom:20px;font-weight:600;line-height:1.1}h3{font-family:var(--font-primary);font-weight:500;font-size:var(--size-md);color:var(--color-primary);margin-bottom:20px;line-height:1.2}h4{font-family:var(--font-primary);font-weight:600;font-size:var(--size-md);margin-bottom:20px;line-height:1.2}h5{font-family:var(--font-primary);font-size:var(--size-xl);margin-bottom:20px;line-height:1.2}h6{font-family:var(--font-primary);font-size:var(--size-3xl);margin-bottom:20px;line-height:1.2}p,li{font-family:var(--font-primary);color:var(--color-primary);font-size:var(--size-md);margin-bottom:20px;font-weight:400;line-height:1.3}a{font-size:var(--size-sm);margin-bottom:0;line-height:1.6}.btn{background-color:var(--color-secondary);border:2px solid var(--color-secondary);width:auto;color:var(--color-primary);font-weight:400;line-height:1;font-size:var(--size-sm);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 20px;text-decoration:none;transition:background-color .3s ease-in-out,border .3s ease-in-out,color .3s ease-in-out;display:flex}.btn:hover{background-color:var(--color-secondary-light);border-color:var(--color-secondary-light)}.btn:after{content:"";border-top:.125em solid var(--color-primary);border-right:.125em solid var(--color-primary);width:.5em;height:.5em;margin-left:10px;display:inline-block;transform:rotate(45deg)}.btn.btn__plus{border:2px solid var(--color-secondary-dark);background-color:transparent}.btn.btn__plus:after{transform:unset;aspect-ratio:1;background-image:url(../media/plus.e99060c6.svg);border:0;width:.8em;height:.8em}.btn.btn__plus:hover{border-color:var(--color-secondary-light);background-color:var(--color-secondary-light)}.btn.btn__edit{border:2px solid var(--color-blue);color:var(--color-black);font-size:var(--size-xs);background-color:transparent;padding:5px 10px}.btn.btn__edit:after{display:none}.btn.btn__edit:before{content:"";background-image:url(../media/editar.793d7565.svg);width:1.2em;height:1.2em;margin-right:4px;display:block;position:relative}.btn.btn__edit:hover{background-color:#cae1ff}.btn.btn__delete{border:2px solid var(--color-accent);color:var(--color-black);font-size:var(--size-xs);background-color:transparent;padding:5px 10px}.btn.btn__delete:after{display:none}.btn.btn__delete:before{content:"";background-image:url(../media/eliminar.27105d2b.svg);width:1.2em;height:1.2em;margin-right:4px;display:block;position:relative}.btn.btn__delete:hover{background-color:#ffc0c1}.btn.btn__redirect--primary{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-primary)}.btn.btn__redirect--primary:after{border-color:var(--color-primary)}.btn.btn__redirect--primary:hover{background-color:var(--color-secondary-light);border-color:var(--color-secondary-light)}.btn.btn__redirect--tertiary{border:2px solid var(--color-secondary-dark);color:var(--color-primary);background-color:transparent}.btn.btn__redirect--tertiary:after{border-color:var(--color-secondary-dark)}.btn.btn__redirect--tertiary:hover{border-color:var(--color-secondary)}table{border-collapse:collapse;width:100%}table thead{padding:5px 0}table thead tr th{text-align:left;border-bottom:1px solid var(--color-secondary-dark)}table thead tr th span{font-size:var(--size-xs);color:var(--color-gray-dark);text-align:left;text-transform:uppercase;font-weight:400;line-height:3}table tbody tr td{border-bottom:1px solid var(--color-secondary-dark)}table tbody tr td span{color:var(--color-primary);line-height:1.3;font-size:var(--size-sm);flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:10px 0;display:flex}table tbody tr td span.registrado{font-size:var(--size-xs);color:var(--color-primary);background-color:var(--color-gray);border-radius:6px;width:-moz-fit-content;width:fit-content;padding:5px 10px}table tbody tr td span.en_atencion{font-size:var(--size-xs);color:var(--color-primary);background-color:var(--color-yellow);border-radius:6px;width:-moz-fit-content;width:fit-content;padding:5px 10px}table tbody tr td span.cancelado{font-size:var(--size-xs);color:var(--color-primary);background-color:var(--color-red);border-radius:6px;width:-moz-fit-content;width:fit-content;padding:5px 10px}table tbody tr td span.firmado{font-size:var(--size-xs);color:var(--color-primary);background-color:var(--color-azul);border-radius:6px;width:-moz-fit-content;width:fit-content;padding:5px 10px}table tbody tr td span.finalizado{font-size:var(--size-xs);color:var(--color-primary);background-color:var(--color-green);border-radius:6px;width:-moz-fit-content;width:fit-content;padding:5px 10px}table tbody tr td span.pagado{font-size:var(--size-xs);color:var(--color-primary);background-color:var(--color-green);border-radius:6px;width:-moz-fit-content;width:fit-content;padding:5px 10px}.section__login,.section__register{background-color:var(--color-gray);height:auto;min-height:100vh;margin-top:0;padding:0 10%;font-size:0;line-height:0}:is(.section__login,.section__register) .nav__login{z-index:999;background-color:var(--color-white);flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;padding:0 10%;display:flex;position:absolute;top:0;left:0}:is(.section__login,.section__register) .nav__login .a__logo{height:40px}:is(.section__login,.section__register) .nav__login .a__logo img{height:inherit;position:relative}:is(.section__login,.section__register) .nav__login ul.ul__nav{flex-direction:row;justify-content:center;align-items:center;gap:1.3vw;height:auto;display:flex}:is(.section__login,.section__register) .nav__login ul.ul__nav li{height:auto;margin-bottom:0;position:relative}:is(.section__login,.section__register) .nav__login ul.ul__nav li a{color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;height:60px;margin-bottom:0;font-size:17px;line-height:1;text-decoration:none;display:flex;position:relative}:is(.section__login,.section__register) .nav__login .btn__mensaje{color:var(--color-primary);background-color:var(--color-secondary);border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:3px;padding:8px 15px 8px 20px;font-size:17px;line-height:1;text-decoration:none;display:flex}:is(.section__login,.section__register) .nav__login .btn__mensaje:after{content:"";background-image:url(../media/user.970ab2a4.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;width:26px;height:26px;position:relative}:is(.section__login,.section__register) .column__2{height:100%;padding:100px 0 0}:is(.section__login,.section__register) .column__2 .col__left{justify-content:center;align-items:center;width:40%;padding:0%}:is(.section__login,.section__register) .column__2 .col__left img{object-fit:cover;border-radius:20px;width:100%;height:100%}:is(.section__login,.section__register) .column__2 .col__right{justify-content:center;align-items:center;width:60%;padding:0% 10%}:is(.section__login,.section__register) .column__2 .col__right .a__logo{display:none}:is(.section__login,.section__register) .column__2 .col__right h2{font-size:var(--size-lg)}:is(.section__login,.section__register) .column__2 .col__right h2 strong{font-weight:inherit;color:var(--color-secondary-dark)}:is(.section__login,.section__register) .column__2 .col__right p{font-size:var(--size-sm)}:is(.section__login,.section__register) .column__2 .col__right>div{border:1px solid var(--color-gray);background-color:var(--color-white);border-radius:20px;width:100%;margin-top:2%;padding:8%}:is(.section__login,.section__register) .column__2 .col__right>div h1{font-size:var(--size-md);margin-bottom:2%}:is(.section__login,.section__register) .column__2 .col__right>div form label{color:var(--color-primary);line-height:1.3;font-size:var(--size-xs)!important;margin-top:20px!important;margin-bottom:0!important}:is(.section__login,.section__register) .column__2 .col__right>div form label input{color:var(--color-primary);background-color:var(--color-gray);font-size:var(--size-sm);border-radius:8px;margin-bottom:0;padding:12px}:is(.section__login,.section__register) .column__2 .col__right>div form .form-btn{margin-top:20px}:is(.section__login,.section__register) .column__2 .col__right>div form p{text-align:left;font-size:var(--size-xs);margin-top:20px}:is(.section__login,.section__register) .column__2 .col__right>div form p a{font-size:inherit}:is(.section__login,.section__register) .column__2 .col__right>div form p a:hover{color:var(--color-accent)!important}:is(.section__login,.section__register) .column__2 .col__right .form__registro{border:1px solid var(--color-gray);background-color:var(--color-white);border-radius:20px;width:100%;margin-top:2%;padding:8%}:is(.section__login,.section__register) .column__2 .col__right .form__registro h1{font-size:var(--size-md);margin-bottom:2%}:is(.section__login,.section__register) .column__2 .col__right .form__registro form label{color:var(--color-primary);line-height:1.3;font-size:var(--size-xs)!important;margin-top:20px!important;margin-bottom:0!important}:is(.section__login,.section__register) .column__2 .col__right .form__registro form label input{color:var(--color-primary);background-color:var(--color-gray);font-size:var(--size-sm);border-radius:8px;margin-bottom:0;padding:8px 10px}:is(.section__login,.section__register) .column__2 .col__right .form__registro form .form-btn{margin-top:20px}:is(.section__login,.section__register) .column__2 .col__right .form__registro form p{text-align:left;font-size:var(--size-xs);margin-top:20px}:is(.section__login,.section__register) .column__2 .col__right .form__registro form p a{font-size:inherit}:is(.section__login,.section__register) .column__2 .col__right .form__registro form p a:hover{color:var(--color-accent)!important}:is(.section__login,.section__register) .column__2 .col__right .btn-google{background-color:var(--color-white);width:100%;font-size:var(--size-sm);cursor:pointer;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-top:2%;padding:20px;display:flex}:is(.section__login,.section__register) .column__2 .col__right .btn-google:hover{background-color:var(--color-gray-light)}.table__wrapper{width:100%}form label{color:var(--color-primary);line-height:1.3;font-size:var(--size-xs)!important;margin-top:20px!important;margin-bottom:0!important}form label input{color:var(--color-primary);background-color:var(--color-gray);font-size:var(--size-sm);border:1px solid var(--color-gray);border-radius:8px;width:100%;margin-bottom:0;padding:12px}form label textarea{color:var(--color-primary);background-color:var(--color-gray);font-size:var(--size-sm);border:1px solid var(--color-gray);border-radius:8px;width:100%;margin-bottom:0;padding:12px}form .form-btn{margin-top:20px}form p{text-align:left;font-size:var(--size-xs);margin-top:20px}form p a{font-size:inherit}form p a:hover{color:var(--color-accent)!important}@media only screen and (max-width:1200px){:is(.section__login,.section__register) .nav__login{padding:0 5%}:is(.section__login,.section__register) .nav__login .a__logo{height:40px}:is(.section__login,.section__register) .nav__login ul.ul__nav{gap:10px}:is(.section__login,.section__register) .nav__login ul.ul__nav li a{font-size:14px}:is(.section__login,.section__register) .nav__login .btn__mensaje{font-size:14px}:is(.section__login,.section__register) .nav__login .btn__mensaje:after{width:20px;height:20px}}@media only screen and (max-width:1024px){:root{--size-2xs:13px;--size-xs:14px;--size-sm:15px;--size-md:18px;--size-lg:24px;--size-xl:30px;--size-2xl:40px;--size-3xl:50px;--size-4xl:60px}header.navbar .logo{max-width:200px}header.navbar .logo img{max-width:inherit;object-fit:contain!important}.column__2{flex-direction:column}.column__2 .col__left{width:100%!important}.column__2 .col__right{width:100%!important}.section__login,.section__register{height:auto;padding:20px 5%}:is(.section__login,.section__register) .nav__login{display:none}:is(.section__login,.section__register) .column__2{padding:0}:is(.section__login,.section__register) .col__left img{display:none}:is(.section__login,.section__register) .col__right{justify-content:center!important;align-items:center!important;padding:0!important}:is(.section__login,.section__register) .col__right .a__logo{width:auto;margin-bottom:20px;display:block!important}:is(.section__login,.section__register) .col__right h2{text-align:center}:is(.section__login,.section__register) .col__right p{text-align:center}.layout .content{padding:80px 5% 50px!important}.layout .content:before{display:none}.sidebar{height:calc(100vh - 60px);border-right:1px solid rgba(0,0,0,.08)!important;width:min(84vw,320px)!important;max-width:90%!important;position:fixed!important;top:60px!important;left:0!important}.navbar{width:100%!important;height:60px!important;min-height:unset!important;min-width:unset!important;z-index:1092!important;flex-direction:row!important;align-items:center!important;padding:0 5% 0 0!important}.navbar .logo{width:auto!important;height:40px!important}.navbar .logo a{height:inherit!important}.navbar .logo a img{height:inherit!important}.nav-toggle{display:inline-flex!important}.content{padding:0!important}td{padding:0 10px}}@media (min-width:1024px){.sidebar{width:280px;height:100dvh;box-shadow:none;position:-webkit-sticky;position:sticky;top:0;transform:none!important}}.sidebar-overlay{opacity:0;pointer-events:none;z-index:1090;background:rgba(0,0,0,.35);transition:opacity .2s;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay.show{opacity:1;pointer-events:auto}.sidebar ul li.active{background:var(--primary-ghost,rgba(0,0,0,.06));border-radius:8px}.sidebar ul li.active a{color:var(--primary,#5a34ea);font-weight:600}@media only screen and (max-width:768px){:root{--size-2xs:13px;--size-xs:14px;--size-sm:14px;--size-md:16px;--size-lg:20px;--size-xl:26px;--size-2xl:32px;--size-3xl:40px;--size-4xl:48px}}