.App{background-color:#b8c3bd;min-height:100vh;display:flex;flex-direction:column}.App-header{padding:1rem}main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem}.menu-container{font-family:"monospace";color:#e0e0e0;gap:2rem;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;background:#1f1f1f;border-radius:8px;width:90%;max-width:800px;margin:2rem auto;padding:2rem}.padre{display:flex;flex-direction:column;gap:0;border-bottom:1px solid #444;min-width:120px}.padre h1,.padre p{margin:0 0 8px;padding:0}.hijo{display:flex;flex-direction:row;gap:1rem}.hijo>.main-menu,.hijo>.sub-menu{flex:1}.menu-container:focus{outline:2px solid #FF5E1C}.main-menu{display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid #444;padding-right:2rem;min-width:120px}.main-menu-item,.sub-menu-item{background:none;border:none;font:inherit;color:inherit;text-align:left;padding:.25rem .5rem;margin:0 -.5rem;border-radius:4px;cursor:pointer;outline:none;transition:background-color .2s,color .2s}.main-menu-item.active{font-weight:700;background-color:#b8c3bd;color:#1f1f1f!important}.main-menu-item.focused,.sub-menu-item.focused{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.sub-menu{display:flex;flex-direction:column;gap:1.5rem;padding-left:2rem}.actionable{color:#ff5e1c}.main-menu-item.actionable{color:#e0e0e0}.main-menu-item.actionable:focus{color:#ff888a}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px 40px;border-radius:8px;position:relative;max-width:80vw;max-height:80vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d}.modal-close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;cursor:pointer;color:#333}.gallery-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#fff}.main-view{height:70%;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.main-image{max-height:100%;max-width:90%;object-fit:contain;border-radius:8px}.chevron{position:absolute;top:50%;transform:translateY(-50%);font-size:3rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 20px;transition:color .2s}.chevron:hover{color:#ccc}.chevron.left{left:10px}.chevron.right{right:10px}.close-button{position:absolute;top:20px;right:30px;font-size:3rem;color:#fff;background:none;border:none;cursor:pointer;line-height:1}.thumbnail-strip{height:30%;width:100%;display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;box-sizing:border-box;overflow-x:auto}.thumbnail{height:80%;border-radius:5px;cursor:pointer;opacity:.5;transition:all .3s ease;border:2px solid transparent}.thumbnail:hover{opacity:1}.thumbnail.active{opacity:1;transform:scale(1.1);border-color:#fff}