.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;color:#25316d;transition:background-color .2s,padding .3s ease}.sidebar-item:hover{background-color:#ffffff1a}.sidebar-item.active{background-color:#fff3;border-left:4px solid white}.sidebar-item.collapsed{padding:.75rem;justify-content:center}.sidebar-item.collapsed.active{padding-left:calc(.75rem - 4px)}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px}.sidebar-text{font-size:.9rem;white-space:nowrap;overflow:hidden}.sidebar-item:hover .sidebar-icon,.sidebar-item:hover .sidebar-text{color:#71c3f3}@media (max-width: 768px){.sidebar-item.collapsed{padding:.75rem 1.5rem;justify-content:flex-start}.sidebar-item.collapsed .sidebar-text{display:block}}.sidebar{width:250px;height:100vh;background-color:#fff;color:#25316d;display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto;position:sticky;top:0;transition:width .3s ease,transform .3s ease;flex-shrink:0;z-index:1000}.sidebar.collapsed{width:60px}.sidebar.mobile{position:fixed;top:0;left:0;height:100vh;box-shadow:2px 0 10px #0003}.sidebar-header{padding:0 1.5rem 1.5rem;transition:padding .3s ease;position:relative}.sidebar.collapsed .sidebar-header{padding:1rem .5rem;display:flex;justify-content:center}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.logo-container{display:flex;align-items:center;gap:.5rem}.logo{display:flex;align-items:center;justify-content:center}.logo-image{object-fit:contain}.logo-text{font-size:1.2rem;font-weight:700;letter-spacing:.5px}.collapse-button{background:none;border:none;color:#25316d;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:.7;transition:opacity .2s}.collapse-button:hover{opacity:1}.expand-button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:4px;transition:background-color .2s}.expand-button:hover{background-color:#ffffff1a}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#25316d;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#ffffff1a}.sidebar-divider{border:none;height:.12rem;background-color:#848484;margin:.9rem 1.5rem}.sidebar-section{margin-bottom:1.5rem;transition:margin .3s ease}.section-title{color:#848484;font-size:1rem;font-weight:500;padding:0 1.5rem;margin-bottom:.5rem;transition:padding .3s ease,opacity .3s ease}.sidebar.collapsed .section-title{padding:0 .5rem;opacity:0;height:0;margin:0;overflow:hidden}.nav-menu{display:flex;flex-direction:column}.sidebar-footer{margin-top:auto;padding:0 1rem;transition:padding .3s ease}.sidebar.collapsed .sidebar-footer{padding:0 .5rem;display:flex;justify-content:center}.logout-button{display:flex;align-items:center;gap:.75rem;background-color:#fff;color:#25316d;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:background-color .2s,padding .3s ease}.logout-button.collapsed{padding:.75rem;justify-content:center}.logout-button:hover{background-color:#f5f5f5}@media (max-width: 768px){.sidebar,.sidebar.collapsed{width:250px}.sidebar.collapsed .section-title{opacity:1;height:auto;padding:0 1.5rem;margin-bottom:.5rem}.sidebar-item.collapsed .sidebar-text{display:block}.logout-button.collapsed{padding:.75rem 1rem;justify-content:flex-start}.logout-button.collapsed span{display:block}}@media (max-width: 1024px) and (min-width: 769px){.sidebar{width:60px}.sidebar .section-title{opacity:0;height:0;margin:0;overflow:hidden}.sidebar-item .sidebar-text{display:none}.logout-button{padding:.75rem;justify-content:center}.logout-button span{display:none}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:400px;width:100%;overflow:hidden}.modal-header{background-color:#25316d;height:3rem;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:100%}.modal-header h2{color:#fff;font-size:18px;font-weight:700;margin:0;padding:0;width:100%;text-align:center}.modal-body h2{padding-bottom:12px;color:#25316d;font-size:20px}.modal-body{padding:20px;font-size:15px}.modal-body p{color:#000;font-style:italic}.modal-actions{margin-top:20px;display:flex;justify-content:space-between}.confirm-button{background-color:#25316d;color:#fff;padding:12px 24px;font-size:16px;font-weight:500;border-radius:5rem;width:7rem;border:1px solid #25316D;cursor:pointer;transition:all .3s ease;display:inline-block}.confirm-button:hover{background-color:#39405c;border-color:#39405c;transform:translateY(-2px)}.confirm-button:active{background-color:#0d47a1;border-color:#0d47a1;transform:translateY(2px)}.confirm-button:focus{outline:none;box-shadow:0 0 0 4px #0d47a166}.cancel-button{background-color:#7e7e7e;color:#fff;padding:12px 24px;font-size:16px;font-weight:500;border-radius:5rem;width:7rem;border:1px solid #7E7E7E;cursor:pointer;transition:all .3s ease;display:inline-block}.cancel-button:hover{background-color:#757575;border-color:#757575;transform:translateY(-2px)}.cancel-button:active{background-color:#fff;border-color:#90a4ae;transform:translateY(2px)}.cancel-button:focus{outline:none;box-shadow:0 0 0 4px #a9a9a966}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto}.app-container{display:flex;height:100vh;width:100%;position:relative}.content{flex:1;background-color:#f5f5f5;overflow-y:auto;padding:0;position:relative}.mobile-menu-button{position:fixed;top:10px;left:10px;z-index:100;background-color:#133e87;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003}@media (min-width: 769px){.mobile-menu-button{display:none}}.navbar-appbar{background-color:#39405c;padding:0 16px;box-shadow:none;font-family:Arial,sans-serif}.navbar-toolbar{display:flex;justify-content:space-between;align-items:center}.navbar-logo-container{display:flex;align-items:center;gap:8px}.navbar-logo{height:40px}.navbar-links{display:flex;gap:32px}.navbar-link{color:#fff;text-transform:none;font-weight:500;font-size:16px}.navbar-link:hover{background-color:transparent;color:#fff}.navbar-button{background-color:#71c3f3;color:#fff;text-transform:none;font-weight:700;border-radius:20px;padding:6px 16px;transition:background-color .3s ease}.navbar-button:hover{background-color:#5bb6ef}.site-footer{background-color:#39405c;color:#f4f4f4;padding:2rem;font-family:Arial,sans-serif}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;max-width:1200px;margin:0 auto}.footer-section{width:250px}.footer-section h6{font-weight:700;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#f4f4f4;text-decoration:none;font-size:14px}.footer-section a:hover{text-decoration:underline}.social-icons{display:flex;gap:1rem;margin-top:.5rem}.icon{background-color:#fff;border-radius:50%;padding:.5rem;display:flex;align-items:center;justify-content:center;text-decoration:none}.icon svg{width:24px;height:24px}.footer-bottom{margin-top:2rem;font-size:14px}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center}.footer-section{width:100%;text-align:center}}.home{font-family:Arial,sans-serif}.hero-section{background-image:url(/assets/Inicio-MXWFV5iH.png);background-size:cover;background-position:center;padding:4rem 2rem;min-height:400px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.hero-section-socios{background-image:url(/assets/Socios-CtI6ppKk.png);background-size:cover;background-position:center;padding:4rem 2rem;min-height:400px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.hero-section-repartidores{background-image:url(/assets/Repartidores-BfSfCuKb.png);background-size:cover;background-position:center;padding:4rem 2rem;min-height:400px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.hero-text{font-size:3rem!important;font-weight:700!important;text-align:center;font-family:Arial,sans-serif;max-width:1200px;padding-left:2rem;margin:0 auto}.feature-box{margin-top:-3rem;background:#fff;padding:2rem;border-radius:3;width:75%;margin:-5rem auto 2rem;transition:all .3s ease;transform:translateY(-8px);box-shadow:0 8px 20px #d1d7ef}.icon-section{background-color:#71c3f3;border-radius:50%;padding:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;width:56px;height:56px}.text-section{margin-top:1rem}.about-section{padding:1rem 4rem;margin:1rem 0;text-align:center}.about-content{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;margin-top:2rem;padding:2rem}.subtitle{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#39405c;padding-bottom:1rem}.about-image{flex:1 1 400px;max-width:400px}.about-text{max-width:800px;flex:1 1 400px;font-size:1.2rem;line-height:1.6;text-align:left;padding-bottom:1rem}.highlight{color:#f57c00;font-weight:700}.highlight-orange{color:#ec6b3b}.services-section{background-color:#f6f6f6;padding:2.5rem 5rem;margin:1rem 0;text-align:center}.services-header{margin-bottom:2rem;text-align:center}.services-body{padding:1rem}.services-card{padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:center;height:100%;width:350px;box-shadow:0 3px 6px #00000029;border-radius:12px;transition:all .3s ease;cursor:pointer;text-align:center;width:"260px"}.services-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #ff914966}.services-card:hover svg{transform:scale(1.2)}.icon2-section{background-color:#71c3f3;border-radius:50%;padding:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;width:90px;height:90px}.join-section{padding:2.5rem 4rem 4.5rem;text-align:center;background-color:#f6f6f6}.join-header{max-width:800px;flex:1 1 400px;font-size:1.2rem;line-height:1.6;text-align:left;padding-bottom:1rem;padding:0 2rem 1rem}.join-body{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;padding:0 2rem}.form-section{background-color:#f6f6f6;padding:1rem 4rem;margin:1rem 0 0;text-align:center;width:100%}.form-content{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;padding:2rem 1rem}.divider{display:flex;align-items:center;margin:1rem 0}.left-line{width:80px;height:8px;background-color:#ff9149}.right-line{flex-grow:1;height:2px;background-color:#d9d9d9}.left-column{flex:1 1 30%;min-width:250}.right-column{flex:1 1 70%;min-width:300px}.form-input{margin-bottom:16px}.requirements-section{background-color:#f6f6f6;padding:1rem 4rem;margin:1rem 0 0;text-align:center;width:100%}.requirements-content{display:flex;align-items:center;gap:3rem;flex-wrap:wrap;margin-top:2rem;padding:1rem}.requerements-body{padding:0 0 2rem}.requerements-card{padding:.5rem;display:flex;flex-direction:column;justify-content:center;height:100%;width:300px;box-shadow:0 4px 12px #0000001a;border-radius:12px;transition:transform .2s ease}.requerements-card:hover{transform:scale(1.03)}.benefits-content{background-attachment:#f6f6f6;display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;margin-top:1rem;padding:2rem}.benefits-section{padding:1rem 4rem;margin:1rem 0;padding-block:0;margin-bottom:0;text-align:center;background-color:#f6f6f6}.benefits-image{flex:1 1 400px;max-width:400px;align-items:center}.benefits-body{max-width:800px;flex:1 1 400px;font-size:1.2rem;line-height:1.6;text-align:left;padding-bottom:1rem}