:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.profile-link{margin-left:.5em}.profile-link.logout{color:#c00!important;font-weight:700;margin-left:.5em}.profile-navbar{display:flex;align-items:center;justify-content:center}@media (max-width: 480px){.menu-column{flex-direction:column!important;align-items:stretch!important}.menu-option{width:100%;margin-bottom:8px;border-radius:10px;font-size:1rem}}.header-login{display:flex;align-items:center}.header-login-link{color:#fff;background:#0f7e05;padding:6px 8px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.6rem;transition:background .2s,color .2s}.header-login-link:hover{background:#fff;color:#0f7e05;box-shadow:0 -4px 32px #00000059}.footer-login{margin-top:10px;text-align:center}.footer-login-link{color:#fff;background:#444;padding:6px 18px;border-radius:20px;text-decoration:none;font-weight:600;font-size:1rem;transition:background .2s,color .2s}.footer-login-link:hover{background:#fff;color:#222}.footer-text{text-align:center;width:100%;margin-top:8px;color:#fff;font-size:.85rem;font-weight:400}.header{background:#fff;color:#222;height:80px;width:100vw;min-width:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 24px #0000001a;border-bottom:1px solid #eee}.header-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:30px}.header-logo{height:60px;max-height:90%;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.header-text{display:flex;flex-direction:column;justify-content:center}.header-text h1{margin:0;font-size:2rem;color:#222;font-weight:700}.header-subtitle{font-size:1rem;color:#888;margin-top:4px}.header-title{display:flex;flex-direction:row;align-items:center}.header-title-small{font-size:1rem;margin-left:8px;color:#bbb}.footer{background:#222;color:#fff;min-height:120px;width:100vw;min-width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 -2px 6px #00000073;border-top:1px solid #333}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:12px}.footer-icons{display:flex;justify-content:center;gap:24px;margin-top:8px}.footer-icons img{width:32px;height:32px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));transition:transform .2s}.footer-icons a:hover img{transform:scale(1.15)}.footer a{color:#fff;text-decoration:underline}.profile-section{background:#f4f4f4;color:#333;margin:8px auto;max-width:420px;height:30px;text-align:center;font-size:14px}.mis-datos-form{max-width:400px;margin:0 auto;background:#fff;padding:2em;border-radius:1em;box-shadow:0 4px 24px #00000014}.mis-datos-foto-box{text-align:center;margin-bottom:1em}.mis-datos-foto{width:100px;height:100px;object-fit:cover;border-radius:50%;border:1px solid #ccc}.mis-datos-file{margin-top:.5em}.mis-datos-label{display:block;margin-bottom:.7em;font-weight:500}.mis-datos-textarea-corta{height:2.5em}.mis-datos-textarea-larga{height:8em}.mis-datos-error{color:#d32f2f;margin:.5em 0;font-weight:700}.mis-datos-success{color:#388e3c;margin:.5em 0;font-weight:700}.mis-datos-btn{margin-top:1em;width:100%;background:linear-gradient(90deg,#1976d2,#26a69a);color:#fff;font-weight:700;font-size:1.1em;border:none;border-radius:.5em;padding:.8em 0;cursor:pointer;box-shadow:0 2px 8px #1976d222;transition:background .2s}.mis-datos-btn:disabled{background:#ccc;color:#888;cursor:not-allowed}.crearusuario-form{max-width:400px;margin:2em auto}.crearusuario-info{color:#1c6e11;font-weight:700;margin-bottom:1em;font-size:1em;text-align:center}.crearusuario-info span{background:#e0f1c4;padding:2px 6px;border-radius:6px}.crearusuario-label{display:block;text-align:left;font-size:.85em;color:#888;margin-bottom:2px}.crearusuario-input{width:350px;box-sizing:border-box;display:block;margin:0;background:#fff}.crearusuario-checkbox-label{display:flex;align-items:center;width:100%;padding:.7em;border-radius:8px;border:1px solid #ccc;background:#fff}.crearusuario-checkbox{margin-right:.8em;margin-bottom:.2em;width:1.8em;height:1.8em}.crearusuario-checkbox-label span{flex:1}.crearusuario-error{color:#c62828;font-size:.95em;margin-top:-.7em;margin-bottom:.7em}.crearusuario-modal-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:999}.crearusuario-modal{background:#fff;padding:2em;border-radius:12px;box-shadow:0 2px 12px #0002;min-width:280px;max-width:350px;text-align:center}.crearusuario-modal h3{margin-bottom:1em}.crearusuario-modal .crearusuario-modal-success{color:#2e7d32}.crearusuario-modal .crearusuario-modal-error{color:#c62828}.crearusuario-modal .crearusuario-modal-btn{padding:.7em 2em;border-radius:8px;border:none;background:#2e7d32;color:#fff;font-weight:700;font-size:1.1em;margin-bottom:.7em}.crearusuario-modal .crearusuario-modal-btn.error{background:#c62828}.crearusuario-modal .crearusuario-modal-link{display:block;margin-top:.7em;padding:.7em 2em;border-radius:8px;background:#1976d2;color:#fff;font-weight:700;font-size:1.1em;text-decoration:none}.navbar-light .navbar-nav .nav-link:hover{color:#333!important;font-weight:600}.inicio-layout{min-height:100vh;width:100vw;display:flex;flex-direction:column;background:#f8f9fa;align-items:center;justify-content:center;box-sizing:border-box}.inicio-header{padding:2rem 0 1rem;text-align:center;font-size:2rem;font-weight:700;color:#333}.inicio-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background:#f0f4f8;border-radius:16px;box-shadow:0 2px 12px #00000014}.inicio-img{max-width:320px;width:80vw;margin-bottom:1.5rem;box-shadow:0 8px 32px #00000059;border-radius:12px;padding:20px}.inicio-main h2{font-size:1.5rem;color:#666;margin-bottom:2rem}.inicio-footer{text-align:center;padding:1rem 0;font-size:1rem;color:#888;background:transparent}@media (max-width: 480px){.inicio-header{font-size:1.3rem;padding:1rem 0 .5rem}.inicio-img{max-width:90vw;margin-bottom:1rem}.inicio-main h2{font-size:1.1rem}.inicio-footer{font-size:.9rem}}.menu-option-azul{margin-bottom:10px}.menu-accordion{width:100%}.menu-accordion-title.menu-option-celeste{background:#f3d189!important;color:#222!important;border-radius:8px;margin-bottom:8px}.menu-accordion-title{cursor:pointer;position:relative;padding-right:24px;padding-top:8px;padding-bottom:8px;border-radius:8px}.menu-accordion-title:after{content:"▼";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:1em;color:#555;transition:transform .2s}details[open]>.menu-accordion-title:after{transform:translateY(-50%) rotate(180deg)}.btn-rendir-gasto{display:inline-block;width:auto!important;padding:10px;font-weight:700;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:.5em;transition:background .2s;min-width:0;box-sizing:border-box}.btn-rendir-gasto:hover{background:#1565c0}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0003;max-width:90vw;max-height:90vh;overflow:auto;text-align:center}.modal-img{max-width:100%;max-height:70vh;margin-bottom:10px}.modal-close{display:block;margin:0 auto;padding:8px 16px;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.modal-close:hover{background:#1565c0}.estado-pagado{color:green;font-weight:700}.estado-no-pagado{color:red;font-weight:700}.estatutos-titulo{font-weight:700;cursor:pointer}.estatutos-subinfo{font-size:.95em;color:#555}.estatutos-expandido{margin-top:10px}.estatutos-cerrar-btn{margin-bottom:10px;background:#e74c3c;color:#fff;border:1px solid #c0392b;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:.95em;font-weight:700}.estatutos-descripcion{margin-bottom:8px}.estatutos-iframe{border:1px solid #ccc;border-radius:6px}.estatutos-img{max-width:100%;border-radius:6px;border:1px solid #ccc}.estatutos-comentarios{margin-top:24px}.estatutos-comentario-list{margin-bottom:12px}.estatutos-comentario-titulo{font-weight:700;margin-bottom:6px}.estatutos-comentario-item{border-bottom:1px solid #eee;padding:6px 0;display:flex;align-items:center;gap:10px}.estatutos-comentario-foto{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #ccc}.estatutos-comentario-texto{flex:1}.estatutos-comentario{font-size:.95em;color:#333}.estatutos-comentario-info{font-size:.85em;color:#888}.estatutos-comentario-vacio{color:#888;margin-bottom:12px}.opciones-container{max-width:1000px;margin:0 auto;padding:24px}.opciones-header{font-size:24px;text-align:center;margin-bottom:32px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;color:#666;border-bottom:3px solid #e5e7eb;padding-bottom:16px}.opciones-lista{display:flex;flex-direction:column;gap:6px}.opciones-item{border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 3px #0000001a;background-color:#fff;border-color:#e5e7eb;padding:5px 5px 5px 10px}.opciones-item.foro{background-color:#eff6ff;border-color:#bfdbfe}.opciones-form{max-width:400px;width:100%;margin-left:auto;margin-right:auto}.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;padding:10px;margin-bottom:12px}.error-center{text-align:center}.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;border-radius:6px;padding:10px;margin-bottom:12px}.success-center{text-align:center}.comprobante-link{color:#2563eb;text-decoration:underline;font-weight:500}.opciones-input:focus,.opciones-textarea:focus,.opciones-select:focus,input:focus,textarea:focus,select:focus{border-color:#1565c0;outline:none}.opciones-btn{background-color:#2563eb;color:#fff;border-radius:6px;border:none;transition:background-color .2s;box-shadow:0 2px 8px #2563eb1f;font-weight:500;padding:.6em 1.4em;cursor:pointer}.opciones-btn:hover:not(:disabled){background-color:#1e40af;box-shadow:0 4px 16px #2563eb2e}.opciones-btn.disabled{background-color:#9ca3af;cursor:not-allowed}.opciones-error{margin-bottom:24px;padding:16px;background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:6px}.opciones-vacio{text-align:center;color:#6b7280;padding:32px 0}.opciones-avatar{width:32px;height:32px;border-radius:50%;margin-right:8px;object-fit:cover}.opciones-comentario{background-color:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:8px}.opciones-input,.opciones-textarea,.opciones-select,input,textarea,select{background:#fff!important;color:#222!important;border:1px solid #ccc;border-radius:.4em;font-size:1em;box-sizing:border-box;padding:.4em .7em;margin-top:.2em;margin-bottom:.5em;width:100%;transition:border-color .2s}select,input,textarea{background:#fff!important;color:#222!important;border:1px solid #ccc;border-radius:.4em;font-size:1em;box-sizing:border-box}@media (max-width: 480px){.main-layout{flex-direction:column!important}.menu-column{width:100vw!important;min-width:0!important;max-width:100vw!important;flex-direction:column!important;align-items:stretch!important;padding:1em!important;gap:0em!important}.menu-option{width:300px!important;margin-bottom:8px!important;border-radius:10px!important;font-size:.8em!important;margin-left:auto!important;margin-right:auto!important}}.menu-column .menu-option.menu-option-salir{background:#d16868!important;color:#fff!important;border:none!important;font-weight:700!important;cursor:pointer!important;transition:background .2s,color .2s!important}.menu-column .menu-option.menu-option-salir:hover{background:#ff5656!important;color:#fff!important}.menu-option-azul{background:#f5f6fa!important;color:#2d3552!important}.menu-option-azul:hover,.menu-option-azul.active{background:#32446b!important;color:#fff!important}.menu-option-celeste{background:#e3f3fc!important;color:#2176ae!important}.menu-option-celeste:hover,.menu-option-celeste.active{background:#2176ae!important;color:#fff!important}.menu-option-verde{background:#e6f7ec!important;color:#2e7d32!important}.menu-option-verde:hover,.menu-option-verde.active{background:#2e7d32!important;color:#fff!important}.menu-option-violeta{background:#f3e6fa!important;color:#6c3483!important}.menu-option-violeta:hover,.menu-option-violeta.active{background:#6c3483!important;color:#fff!important}.menu-option{display:flex;align-items:center;gap:.8em;padding:.4em 1.2em;font-size:1.08em;color:#2d3552;background:#f5f6fa;border-radius:6px;text-decoration:none;font-weight:450;transition:background .2s,color .2s,box-shadow .2s;box-shadow:none}.menu-option:hover{background:#32446b;color:#fff;box-shadow:0 2px 8px #32446b14}.menu-option.active{background:#2d3552;color:#fff;box-shadow:0 2px 12px #32446b1f}.menu-option-icon{font-size:1.2em;min-width:1.2em;color:inherit;transition:color .2s}.menu-options-row{display:flex;flex-direction:row;align-items:center;gap:1em}.menu-ingresar-btn{background:#4f6592;color:#fff;border:none;border-radius:8px;padding:.7em 1.2em;font-weight:700;cursor:pointer;transition:background .2s}.menu-ingresar-btn:hover{background:#32446b}.main-layout{display:flex;min-height:70vh;width:100vw;max-width:100vw;margin:0 auto;background:#f7f8fa;box-sizing:border-box;border-radius:0;box-shadow:0 4px 24px #00000012;overflow-x:hidden;overflow-y:auto}.menu-column{width:280px;min-width:220px;max-width:300px;background:#fff;border-right:1px solid #e0e0e0;padding:2em 1em;display:flex;flex-direction:column;gap:.2em;box-sizing:border-box;border-radius:0!important}.content-column{flex:1;padding:2em;display:flex;flex-direction:column;min-height:70vh;box-sizing:border-box;overflow-x:auto}.contenido{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000014;padding:2em;min-height:300px;max-width:100%;box-sizing:border-box;overflow-x:auto}.inicio-layout{display:flex;flex-direction:column;min-height:100vh}.inicio-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2em 1em}.main{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.login-form{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5em;max-width:320px;width:90vw;margin:0 auto;display:flex;flex-direction:column;align-items:center}.login-form h2{margin-bottom:1em;color:#4f6592}.login-form input{margin-bottom:1em;width:100%;padding:.7em;border-radius:8px;border:1px solid #ccc}.login-form button{width:100%;padding:.7em;border-radius:8px;background:#4f6592;color:#fff;font-weight:700;border:none;font-size:1em}.recuperar-link{color:#4f6592;text-decoration:underline}.error{color:red;margin-top:1em;text-align:center}