@import "https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";
:root{--verde:#1d6b4f;--verde-hover:#15573f;--naranja:#d45225;--amarillo:#ec9f28;--amarillo-soft:#f2ae2533;--azul:#293845;--crema:#f8f6f0;--blanco:#fff;--sombra:#2f4054;--gris:#667085;--borde:#e4e7ec;--verde-light:#e8f5ef;--naranja-light:#fdeee8;--amarillo-light:#fdf5e6}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--azul);background-color:var(--crema);-webkit-font-smoothing:antialiased;background-image:url(/background.png);background-position:50%;background-size:cover;background-attachment:fixed;font-family:Inter,sans-serif}::selection{background:#1d6b4f33}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#29384533;border-radius:3px}h1,h2,h3,h4,h5{font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}.btn{cursor:pointer;border:2px solid #0000;border-radius:14px 14px 14px 5px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:1;text-decoration:none;transition:transform .25s,background-color .25s,box-shadow .25s;display:inline-flex;position:relative}.btn:after{content:"";background:var(--amarillo);flex-shrink:0;width:7px;height:7px;margin-left:12px;transform:rotate(45deg)}.btn-primary{color:#fffaf0;background:var(--verde);box-shadow:4px 5px 0 var(--sombra)}.btn-primary:hover{background:var(--naranja);box-shadow:3px 4px 0 var(--sombra);transform:translateY(-2px)}.btn-secondary{color:var(--verde);border-color:var(--verde);background:#fffaf0a6}.btn-secondary:hover{color:var(--azul);background:var(--amarillo);transform:translateY(-2px)}.btn-danger{color:#fffaf0;background:#b42318;box-shadow:3px 4px #7a1a11}.btn-danger:hover{background:#dc3545;transform:translateY(-2px)}.btn-sm{padding:10px 18px;font-size:14px}.btn-sm:after{width:5px;height:5px;margin-left:8px}.btn-icon{border-radius:10px 10px 10px 4px;padding:10px}.btn-icon:after{display:none}.btn-google{color:var(--azul);background:var(--blanco);border:2px solid var(--borde);box-shadow:3px 4px 0 var(--borde)}.btn-google:after{display:none}.btn-google:hover{background:#f9fafb;transform:translateY(-2px)}.btn-whatsapp{color:#fffaf0;background:#25d366;box-shadow:4px 5px #1a9e4a}.btn-whatsapp:hover{background:#20bd5a;transform:translateY(-2px)}.btn-instagram{color:#fffaf0;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);box-shadow:4px 5px #5b2980}.btn-instagram:hover{transform:translateY(-2px);box-shadow:3px 4px #5b2980}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-full{width:100%}.btn-no-diamond:after{display:none}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1.5px solid #0000000f;border-radius:18px 18px 18px 6px;padding:28px;transition:transform .2s,box-shadow .2s;box-shadow:5px 6px #29384514}.card-hover:hover{transform:translateY(-3px);box-shadow:6px 8px #2938451f}.card-accent-verde{border-left:5px solid var(--verde)}.card-accent-naranja{border-left:5px solid var(--naranja)}.card-accent-amarillo{border-left:5px solid var(--amarillo)}.input{border:1.5px solid var(--borde);background:var(--blanco);border-radius:12px 12px 12px 4px;outline:none;width:100%;padding:13px 16px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--verde);box-shadow:0 0 0 3px #1d6b4f1f}.input-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.label{color:var(--azul);letter-spacing:.02em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:8px 8px 8px 3px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-verde{background:var(--verde-light);color:var(--verde)}.badge-naranja{background:var(--naranja-light);color:var(--naranja)}.badge-amarillo{background:var(--amarillo-light);color:#b7791f}.avatar{background:linear-gradient(135deg, var(--verde), var(--naranja));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:800;display:flex}.avatar-lg{width:56px;height:56px;font-size:1.3rem}.container{max-width:1100px;margin:0 auto;padding:0 24px}.glass-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#ffffffd1;border-bottom:1px solid #0000000f;position:sticky;top:0}.sidebar{background:var(--azul);color:#fff;flex-direction:column;flex-shrink:0;width:250px;min-height:100vh;padding:24px 16px;display:flex}.sidebar-link{cursor:pointer;color:#ffffffb3;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:#ffffff1f}.formation-counter{align-items:center;gap:8px;display:flex}.formation-counter button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .15s;display:flex}.formation-counter .minus{color:var(--azul);background:#f2f4f7}.formation-counter .plus{background:var(--verde);color:#fff}.formation-counter input{text-align:center;border:1.5px solid var(--borde);border-radius:8px;width:48px;padding:6px;font-size:15px;font-weight:700}.divider{color:var(--gris);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--borde);flex:1;height:1px}.toast{z-index:9999;color:#fff;border-radius:14px 14px 14px 5px;padding:14px 24px;font-size:14px;font-weight:600;animation:.3s toastIn;position:fixed;top:24px;right:24px;box-shadow:4px 5px #00000026}.toast-success{background:var(--verde)}.toast-error{background:#b42318}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-bottom-nav{display:none}@media (max-width:768px){.sidebar{display:none}.mobile-bottom-nav{z-index:200;background:var(--azul);padding:6px 0 env(safe-area-inset-bottom,8px);border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000026}.mobile-bottom-nav button{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:color .2s;display:flex}.mobile-bottom-nav button.active{color:var(--amarillo)}.admin-main{width:100%;overflow-x:hidden;max-height:none!important;padding:12px 12px 90px!important}.card{word-break:break-word;border-radius:14px 14px 14px 5px;padding:14px;overflow:hidden;box-shadow:3px 4px #2938450f}.btn{padding:10px 14px;font-size:13px}.btn-sm{padding:8px 12px;font-size:12px}.btn:after{width:5px;height:5px;margin-left:6px}.event-list-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.event-list-header .btn{justify-content:center;width:100%}.event-card-mobile{flex-direction:column!important;gap:12px!important}.event-card-actions{width:100%;margin-top:4px;flex-direction:row!important;gap:6px!important}.event-card-actions .btn{flex:1;justify-content:center;padding:10px 8px;font-size:12px}.badge{padding:3px 8px;font-size:10px}.event-meta{flex-direction:column;gap:6px;font-size:12px}.form-grid-2{grid-template-columns:1fr!important}.formation-grid{grid-template-columns:repeat(2,1fr)!important}.glass-nav .container{padding:10px 16px!important}.nav-desktop-buttons{gap:8px!important}.hero{padding:60px 16px 50px!important}.hero-logo{width:110px!important;height:110px!important}.hero-buttons{align-items:center;flex-direction:column!important}.hero-buttons .btn{width:100%;max-width:280px}.section{padding:48px 16px!important}.section-title{font-size:1.4rem!important}.services-grid{grid-template-columns:1fr!important;gap:16px!important}.pasos-grid{grid-template-columns:1fr!important;gap:24px!important}.contact-buttons{align-items:center;flex-direction:column!important}.contact-buttons .btn{width:100%;max-width:280px}.auth-card{margin:0 8px;padding:24px!important}.toast{text-align:center;top:16px;left:16px;right:16px}.dash-nav-info{display:none!important}.perc-event-header{flex-direction:column!important;gap:12px!important}.perc-role-badge{align-self:flex-start!important}.avatar{width:38px;height:38px;font-size:.9rem}.event-meta{gap:8px;font-size:13px}.assign-card{flex-direction:column!important;gap:10px!important}.assign-card select{width:100%!important}.assign-summary{flex-direction:column!important}.page-title{font-size:1.4rem!important}.formation-summary{flex-direction:column!important;align-items:flex-start!important}.assigned-section{padding:10px!important}.assigned-row{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.percs-grid{grid-template-columns:1fr!important}main,section,div{max-width:100%}.input{font-size:16px}}.hero{text-align:center;padding:100px 24px 80px;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:linear-gradient(#293845e0 0%,#1d6b4fbf 100%);position:absolute;inset:0}.hero-content{z-index:2;position:relative}.section{padding:80px 24px}.section-title{text-align:center;margin-bottom:8px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.section-bar{border-radius:2px;width:60px;height:4px;margin:0 auto 40px}.pasos-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid;position:relative}.paso{text-align:center;position:relative}.paso-num{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:900;display:flex;box-shadow:3px 4px #0000001f}.footer{background:var(--azul);color:#ffffff80;text-align:center;padding:32px 24px;font-size:14px}.footer a{color:#ffffffb3;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.password-wrapper{position:relative}.password-toggle{cursor:pointer;color:var(--gris);background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:var(--azul)}.error-box{color:#b42318;background:#fef3f2;border:1.5px solid #fecdca;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.event-meta{color:var(--gris);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.event-meta span{align-items:center;gap:6px;display:inline-flex}.checkbox-label{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--verde)}@keyframes spark{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.9}50%{opacity:.6}to{transform:translateY(-600px) translateX(var(--drift,0px)) scale(.2);opacity:0}}