@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";*{font-family:Open Sans,sans-serif}form{margin:0}h1,h2,h3,h4,h5,h6,p{margin:0 0 20px}p{margin:0}h1{font-size:2rem;color:#2d2d2d}h2{font-size:1.75rem;color:#232323}h3{font-size:1.5rem;color:#fa5e21}h4{font-size:1.25rem;color:#464646}body{padding:0;margin:0;background-color:#f3f6f4;display:flex;flex-direction:column;min-height:100vh}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:#fa5e21;border:1px solid #00BCE4;opacity:.5;border-radius:6px}*::-webkit-scrollbar-track{background:#f3f6f4}.material-icons{font-family:Material Icons}.material-icons-outlined{font-family:Material Symbols Outlined;font-style:normal}@keyframes gradient{0%{background-position:0 0}to{background-position:100% 0}}.efecto-rgb{position:relative;box-sizing:border-box}.efecto-rgb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;background-position:0% 0%;background:linear-gradient(to right,#00bce4,#f3f6f4,#fa5e21,#f3f6f4,#00bce4,#f3f6f4);background-size:500% auto;animation:gradient 3s linear infinite}#menu>ul{list-style:none;padding:0;margin:0;display:flex;gap:5px}.boton{border-radius:3px;background-color:#00bce4;color:#f3f6f4;padding:3px 7px;text-decoration:none;border:none;float:left;cursor:pointer;display:flex;align-items:center;min-width:max-content;transition:transform .25s,background-color .25s,box-shadow .25s,text-shadow .25s}.boton:hover{background-color:#fa5e21;transform:translate3d(3px,-3px,0);outline-color:#fa5e21;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:-3px 3px 1px 1px #00000040;text-shadow:-3px 3px 0px rgba(0,0,0,.25)}.boton-cancelar{border-radius:3px;background-color:transparent;color:#fa5e21;padding:3px 7px;text-decoration:none;border:none;float:left;cursor:pointer;display:flex;align-items:center;min-width:max-content;transition:transform .25s,background-color .25s,box-shadow .25s,text-shadow .25s,color .25s}.boton-cancelar:hover{background-color:#fa5e21;transform:translate3d(3px,-3px,0);outline-color:#fa5e21;color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:-3px 3px 1px 1px #00000040;text-shadow:-3px 3px 0px rgba(0,0,0,.25)}#menu button{position:relative;cursor:pointer;padding:3px 15px;border-radius:3px 3px 0 0;border:none;border-bottom:2px solid #fa5e21;color:#484848;font-weight:700;background-color:#fff;transition:background-color .25s,color .25s}#menu button:hover,#menu button:focus{color:#f3f6f4;z-index:1;background-color:transparent}#menu ul li{position:relative}#menu ul li:hover>.submenu,#menu ul li:focus-within>.submenu{max-height:1000px}#menu ul li:hover>button,#menu ul li:focus-within>button{color:#f3f6f4;z-index:1;background-color:transparent}.submenu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;min-width:100%;gap:10px;background-color:#00bce4;margin:0;padding:0;list-style:none;border-radius:0 0 3px 3px;box-sizing:border-box;max-height:0px;overflow:hidden;transition:max-height 1s;z-index:2}.submenu a{width:100%}.submenu button{width:100%;cursor:pointer;padding:3px 15px;border:none!important;background-color:transparent!important;color:#f3f6f4!important;font-weight:700;white-space:nowrap;transition:color .25s}.submenu button:hover{color:#fa5e21!important;z-index:1}.submenu>li:nth-of-type(1){margin-top:10px}.submenu>li:nth-last-of-type(1){margin-bottom:10px}.submenu>li>form{display:flex;flex-direction:row;padding-left:10px;margin-bottom:0}.submenu>li>form>input{background-color:#f3f6f4;color:#000;font-size:1.3vh;padding:2px 5px;border-radius:3px;line-height:1.3vh;max-width:125px}input:focus{outline:2px solid #fa5e21;border-color:transparent;border-radius:3px}input[type=checkbox]{border-radius:15px}.asc{transition:transform .25s;display:inline-block;transform:rotate(180deg)}.desc{transition:transform .25s;display:inline-block;transform:rotate(0)}.glass{background-color:#ffffff26;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.17);box-shadow:0 0 5px #00000014}.low-glass{background-color:#ffffff26;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.17);box-shadow:0 0 5px #00000014}.texto-color-secundario{color:#fa5e21!important}.layout-container{padding:25px 50px 25px 15px;display:grid;align-items:start;flex:auto;grid-template-areas:"mc lc";grid-template-rows:auto 1fr;grid-template-columns:230px auto;grid-gap:15px;box-sizing:border-box}.layout-container.simple{padding:25px 50px;grid-template-areas:"lc";grid-template-rows:1fr}.layout-menu-container{border:2px solid #00BCE4;background-color:#00bce4;grid-area:mc;border-radius:15px;width:230px;box-sizing:border-box}.layout-menu-container #layout-nav-title{padding:10px;display:flex;align-items:center;gap:10px;color:#fff}.layout-menu-container #layout-nav-title>label{font-weight:bolder}.layout-menu-container #layout-nav-title>i{font-size:1.25em}.layout-menu-container>nav>ul{list-style:none;display:flex;flex-direction:column;align-items:stretch;padding:0 0 10px 1px;margin:0}.layout-menu-container>nav>ul>li{border-radius:3px;transition:transform .25s,background-color .25s,box-shadow .25s}.layout-menu-container>nav>ul>li:hover{background-color:#fa5e21;transform:translate3d(3px,-3px,0);outline-color:#fa5e21;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:-3px 3px 1px 1px #00000040}.layout-menu-container>nav>ul>li:hover>a{text-shadow:-3px 3px 0px rgba(0,0,0,.25)}.layout-menu-container>nav>ul>li>a{text-decoration:none;padding:5px 10px;font-size:.85em;display:flex;align-items:center;gap:10px;color:#f3f6f4;transition:color .25s,text-shadow .25s}.layout-menu-container>nav>ul>li>a>i{font-size:1.25em}.layout-migas-container{width:100%;box-sizing:border-box}.layout-migas-container #layout-nav-title{padding:10px;display:flex;align-items:center;gap:10px;color:#fff}.layout-migas-container #layout-nav-title>label{font-weight:bolder}.layout-migas-container>nav>ul{list-style:none;display:flex;flex-direction:row;align-items:center;gap:5px;padding:25px 25px 0;margin:0}.layout-migas-container>nav>ul>li{border-radius:3px;transition:transform .25s,background-color .25s,box-shadow .25s}.layout-migas-container>nav>ul>li:hover{background-color:#fa5e21;transform:translate3d(3px,-3px,0);outline-color:#fa5e21;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:-3px 3px 1px 1px #00000040}.layout-migas-container>nav>ul>li:hover>a{color:#f3f6f4;text-shadow:-3px 3px 0px rgba(0,0,0,.25)}.layout-migas-container>nav>ul>li>a{text-decoration:none;padding:5px 10px;font-size:.85em;display:flex;align-items:center;gap:10px;color:#00bce4;transition:color .25s,text-shadow .25s}.layout-content{grid-area:lc}.gestion-form{background:#00bce430;float:left;padding:20px;border-radius:15px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:flex-end;gap:20px;border:1px solid #fa5e21}.gestion-form>div{width:100%;display:flex;justify-content:space-between;gap:20px}.gestion-form>div label{min-width:100px}.gestion-form>div input,.gestion-form>div select{flex:auto;width:300px;box-sizing:border-box}.gestion-form button{border:none;background-color:#00bce4;color:#fff;font-weight:bolder;padding:5px 10px;border-radius:3px;cursor:pointer;transition:transform .25s,background-color .25s,box-shadow .25s,text-shadow .25s}.gestion-form button:hover{background-color:#fa5e21;transform:translate3d(3px,-3px,0);outline-color:#fa5e21;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:-3px 3px 1px 1px #00000040;text-shadow:-3px 3px 0px rgba(0,0,0,.25)}.gestion-form #opciones-section{flex-direction:column;padding:15px;box-sizing:border-box;border-radius:15px;border:1px solid #fa5e21}.gestion-form #opciones-list{display:flex;flex-direction:column;gap:10px}.gestion-form #opciones-list>div>input{min-width:295px}.gestion-form .opcion-item{background-color:#00000012;border-radius:3px;padding:10px;display:grid;grid-template-areas:"i b" "ta b";grid-template-columns:1fr auto;grid-gap:5px}.gestion-form .opcion-item input{grid-area:i;width:100%}.gestion-form .opcion-item textarea{grid-area:ta;min-height:50px;width:100%;box-sizing:border-box}.gestion-form .opcion-item button{grid-area:b;max-width:100px}