:root{--bg-color: #0d1117;--text-color: #c9d1d9;--link-color: #58a6ff;--max-width: 980px;--bg-color2: #02101f;--bg-color3: #043139}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/trama2.svg),linear-gradient(to bottom,var(--bg-color),var(--bg-color2),var(--bg-color));-webkit-backdrop-filter:brightness(150%);backdrop-filter:brightness(150%);background-repeat:repeat,no-repeat;background-size:auto,100%;background-position:top left,center;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:100%;min-height:100vh;padding:1rem;margin:0;box-sizing:border-box;overflow-x:hidden}.layout{justify-content:center;align-items:center;max-width:100%;width:100%;display:flex;position:relative;flex-direction:column;min-height:100vh}.content{width:100%;height:100%;max-width:var(--max-width);display:flex;justify-content:center;align-items:center;flex-direction:column}.fullad{position:fixed;top:0;left:0;width:350px;height:500px;z-index:9999;display:flex;justify-content:center;align-items:center}h1{font-size:2.5rem;margin-bottom:1rem}p{font-size:1.1rem;margin-bottom:1.5rem}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}.politica{text-align:left}.politica ul{list-style:none}.publicidad{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;box-sizing:border-box;margin-top:1rem;padding:.5rem;background-color:transparent;border-radius:6px;font-size:.95rem;color:#333;animation:fadeIn .5s ease-in}.logo{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:fit-content;box-sizing:border-box}.form{display:flex;flex-direction:column;width:100%;height:auto;padding:50px 40px;gap:40px;background-color:#ffffff30;border:0px outset #ffffff;border-radius:10px;box-sizing:border-box}.form input{width:100%;height:35px;border-radius:8px;outline:none;border:none;padding:10px;box-sizing:border-box;font-size:1em}.form label{text-align:left}.btn-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;max-height:50px;gap:10px}.btn{display:flex;justify-content:center;align-items:center;width:100%;font-size:.8em;padding:5px;border:none;border-radius:5px;background-color:#b7ff58;background-image:linear-gradient(to left,#58a6ff);background-position:100%;background-size:200%;background-repeat:no-repeat;transition:all .3s ease-in-out;cursor:pointer;box-sizing:border-box}.btn:hover{background-position:-110%}.btn-form{grid-column:1 / 3}.eliminar{width:50px}.lista-container{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.lista-container .searchbar-container{justify-content:center}.lista{width:100%;height:auto;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;grid-template-columns:repeat(3,1fr);padding:0;box-sizing:border-box;gap:5px}.list-item{font-family:Bitcount Grid Single;color:#ef0;min-width:300px;width:300px;height:200px;cursor:pointer;justify-content:center;align-items:center;transition:all .3s ease-in-out;border:1px solid #f3f3f340;border-radius:30px;box-sizing:border-box;padding:9px}.list-item img{width:150px;height:150px;object-fit:contain;aspect-ratio:1-1;transition:all .3s ease-in-out}.list-item:hover{background-color:#ef0!important}.list-item:hover.list-item img{filter:drop-shadow(0px 0px 20px #58a6ff)}.elegir-confirmar{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;bottom:50%;left:0;transform:translateY(50%);gap:0px;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);padding:10px;box-sizing:border-box;transition:all .3s ease-in-out;background-color:#0c335f30;border-radius:30px!important}.elegir-confirmar span{font-size:1em}.carnet{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #3333;border-radius:20px;width:86mm;height:54mm;background-color:#f5f5f5;background-image:url(./assets/boke.png);background-repeat:no-repeat;background-size:cover;padding:10px;box-sizing:border-box;margin:10px;color:#0d1117;align-items:flex-start;justify-content:start}.carnet h2{grid-column:1 / 4}.foto-carnet{grid-column:1;display:flex;flex-direction:column;justify-content:start;align-items:center}.foto-carnet img{width:100px;height:100px;object-fit:contain;border-radius:10px}.datos-carnet{grid-column:2 / 4;display:flex;justify-content:start;align-items:start;text-align:left}table{table-layout:fixed;border-collapse:collapse;width:100%;height:auto;min-height:100px;border:1px solid #f3f3f3}table td{width:auto;height:100px;max-height:90px;vertical-align:middle;justify-content:center;align-items:center}table th{height:50px}table th:first-child,table th:nth-child(9){width:50px}table th:last-child{width:90px;height:90px;vertical-align:middle;justify-content:center;align-items:center;box-sizing:border-box}table tr{max-height:90px;border:1px solid #f3f3f3}table tr:nth-child(2n){background-color:#f2f2f230}table img{border-radius:4px}.searchbar-container,.institucion-filter-container{display:flex;justify-content:start;align-items:center;width:100%;height:100%;box-sizing:border-box;margin:0 1px}.searchbar,.institucion-filter{width:300px;height:40px;display:flex;justify-content:center;align-items:center;border:1px solid #58a6ff;border-radius:10px;background-color:#f5f5f5;outline:none}.nav-tabla{display:flex;justify-content:start;align-items:flex-start;width:100%;height:50px;margin:10px 0}.container-label{display:flex;flex-direction:column;justify-content:center;align-items:start;text-align:left}.container-label input,select{width:100%;height:40px;border-radius:1px;outline:none;border:none;padding:5px 0;font-size:1em}.form-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:60vh}.form-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.form-header-logo{width:7rem;height:7rem;margin:2px;object-fit:contain;filter:drop-shadow(0px 0px 20px #f3f3f380)}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:60px;width:100px;height:20px;position:relative;overflow:hidden}.spinner{width:12px;height:12px;background-color:#c9d1d9;border-radius:50%;position:absolute;top:4px;left:0;animation:bounce .8s ease-in-out infinite alternate}@keyframes bounce{0%{left:0}to{left:calc(100% - 12px)}}.flecha-atras-global{display:flex;width:100px;overflow:hidden;position:absolute;top:20px;left:20px;z-index:1000}.flecha-atras-global button{background:none;border:none;padding:0;cursor:pointer}.back{color:var(--text-color)}.flecha-atras{height:50px;width:50px;position:absolute;top:0;left:10px;box-sizing:border-box;padding:5px;z-index:1000}.flecha-atras a img{width:30px;height:30px}.footer{border-top:2px dotted #f3f3f350;margin-top:30px}.toast-container{right:0!important;bottom:0!important;left:0!important;position:absolute!important;right:0;top:0!important;height:auto;display:flex;justify-content:center;align-items:center;background-color:transparent}@media (min-width: 520px){.form{width:90%;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form input{box-sizing:border-box;padding:10px}}@media print{body{margin:0;padding:0}.carnet{width:86mm;height:54mm;page-break-after:always;overflow:hidden}.carnet *{box-sizing:border-box}@page{size:86mm 54mm;margin:0}}