.main-chart-container{flex-direction:column}.chart-row,.main-chart-container{display:flex;justify-content:center;align-items:center}.chart-row{flex-direction:row;flex-wrap:wrap}.chart-container{flex-direction:column;margin-bottom:2rem}.chart-container,.container-genero{display:flex;justify-content:center;align-items:center}.container-genero{position:relative;width:100%}.genero-chart{position:"relative";width:"100%";display:"flex";justify-content:"center";align-items:"center"}.column-controls{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:95%;margin:0 auto}.column-controls label{display:flex;align-items:center;background-color:var(--list-item-background-color);color:var(--text-color);padding:.25rem .5rem;border-radius:5px;margin-right:.5rem;margin-bottom:.5rem;cursor:pointer;font-size:.5rem}.column-controls input[type=checkbox]{margin-right:.25rem;width:.5rem;height:.5rem}.alumnos-grid{border:1px solid #ccc;display:grid;width:95%;overflow-x:auto;margin:0 auto 1rem;height:100%}.alumnos-grid>div{display:flex;align-items:center;justify-content:center;padding:.5rem;text-align:center;border-bottom:1px solid #eaeaea}.alumnos-grid>div:nth-child(odd){background-color:var(--list-item-background-color)}.alumnos-grid>div:nth-child(2n){background-color:var(--background-color)}.alumnos-grid>div.header{font-weight:700;background-color:var(--grid-header-background-color);color:#fff;padding:.5rem;text-align:center;cursor:pointer;transition:background-color .3s ease;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.alumnos-grid>div.header:nth-child(odd){background-color:var(--grid-header-background-color-alt)}.alumnos-grid>div.header:nth-child(2n){background-color:var(--grid-header-background-color)}.alumnos-grid>div.header:hover{background-color:var(--grid-header-hover-color)}.update-button{background-color:var(--update-button-background-color);color:#fff;padding:.25rem .5rem;border:none;border-radius:3px;cursor:pointer;transition:background-color .3s ease}.update-button:hover{background-color:#2980b9}.delete-button{background-color:var(--delete-button-background-color);color:#fff;padding:.25rem .5rem;border:none;border-radius:3px;cursor:pointer;transition:background-color .3s ease}.delete-button:hover{background-color:#c0392b}.pagination-control{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.pagination-button{background-color:var(--pagination-button-background-color);color:var(--text-color);padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin:0 .5rem}.pagination-button:hover{background-color:var(--pagination-button-hover-color);color:#fff}.pagination-button:disabled{cursor:not-allowed}.pagination-button:disabled,.pagination-button:disabled:hover{background-color:var(--pagination-button-disabled-background-color)}.pagination-info{margin:0 1rem}@media (max-width:768px){.alumnos-grid,.column-controls{display:none}.lista-alumnos-card-container{display:flex;flex-direction:column;gap:1rem;width:95%;margin:0 auto}.lista-alumnos-card{display:grid;grid-template-columns:repeat(2,1fr);background-color:var(--list-item-background-color);border-radius:5px;padding:1rem;grid-gap:.5rem;gap:.5rem;align-items:center;justify-content:center}.lista-alumnos-card-data-button{display:flex;align-items:center;justify-content:center}.lista-alumnos-card-data{font-weight:700}.lista-alumnos-card-update-button{background-color:var(--update-button-background-color);color:#fff;padding:.25rem .5rem;border:none;border-radius:3px;cursor:pointer;transition:background-color .3s ease}.lista-alumnos-card-update-button:hover{background-color:#2980b9}.lista-alumnos-card-delete-button{background-color:var(--delete-button-background-color);color:#fff;padding:.25rem .5rem;border:none;border-radius:3px;cursor:pointer;transition:background-color .3s ease}.lista-alumnos-card-delete-button:hover{background-color:#c0392b}.mobile-sort-container{display:flex;justify-content:center;margin-bottom:1rem}.mobile-sort-select{background-color:#e0e1e1;color:var(--text-color);padding:.5rem;border-radius:5px;border:none;outline:none}}@media (min-width:768px){.lista-alumnos-card-container,.mobile-sort-container{display:none}}.form-grid{width:90%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(40px,auto);grid-gap:1rem;gap:1rem;margin:1rem auto}.form-label{display:flex;flex-direction:column}.form-input,.form-select{background-color:#e0e1e1;border:none;border-radius:5px;padding:.5rem;color:var(--text-color);height:2rem}.form-button{justify-self:center;margin:0 auto}.notas-container{display:flex;flex-wrap:wrap;justify-content:space-between;grid-column:span 2;text-align:center}.nota-item{flex-grow:1;margin-right:5px}.nota-input{margin-top:5px;align-self:center;width:80%}.searchContainer{width:97%;display:flex;justify-content:flex-end;margin-top:1rem}.buscador-input{background-color:#e0e1e1;border:none;border-radius:5px;padding:.5rem;color:var(--text-color);height:2rem}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}@media (max-width:768px){.buscador-input{padding:0;margin-bottom:10px}}body,html{padding:0;margin:0;font-family:Open Sans,sans-serif;background-color:var(--background-color);color:var(--text-color)}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:root{--primary-color:#00adb5;--background-color:#f0f0f0;--text-color:#333;--input-background-color:#e0e1e1;--list-item-background-color:#e0e1e1;--success-color:#00adb5;--error-color:#e63946;--update-button-background-color:#3498db;--delete-button-background-color:#e74c3c;--grid-odd-color:#2d8dcd;--grid-even-color:#4e5359;--grid-header-background-color:#000;--grid-header-background-color-alt:#000;--grid-header-hover-color:#083867;--pagination-button-background-color:#e0e1e1;--pagination-button-hover-color:#4e5359;--pagination-button-disabled-background-color:#e0e1e1}.header-main{display:flex;justify-content:center;align-items:center;flex-direction:column}.logo{width:60px;height:60px;border-radius:50%;margin-bottom:.5rem;margin-top:1rem}.header-main-title{font-size:2rem;font-weight:700;text-transform:uppercase;color:var(--primary-color)}.showForm{width:100%;display:flex;justify-content:center}@media (max-width:768px){.header-main-title{font-size:1.5rem;text-align:center}.logo{width:40px;height:40px}.alumnos-grid{font-size:.8rem}}.examenes-grid{background-color:#383131;border:1px solid #ccc;display:grid;width:95%;overflow-x:auto;margin:0 auto 1rem;height:100%}.examenes-grid>div{display:flex;align-items:center;justify-content:center;padding:.5rem;text-align:center;border-bottom:1px solid #eaeaea}.examenes-grid>div:nth-child(odd){background-color:var(--list-item-background-color)}.examenes-grid>div:nth-child(2n){background-color:var(--background-color)}.examenes-grid>div.header{font-weight:700;background-color:var(--grid-header-background-color);color:#fff;padding:.5rem;text-align:center;cursor:pointer;transition:background-color .3s ease;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.examenes-grid>div.header:nth-child(odd){background-color:var(--grid-header-background-color-alt)}.examenes-grid>div.header:nth-child(2n){background-color:var(--grid-header-background-color)}.examenes-grid>div.header:hover{background-color:var(--grid-header-hover-color)}.student-container{width:90%;max-width:1200px;border-radius:10px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px;margin:20px auto 0;transition:all .3s ease}.student-container:hover{box-shadow:0 4px 10px rgba(0,0,0,.2);transform:scale(1.01)}.student-name{text-align:center;font-size:2em;color:#333;margin-bottom:20px;transition:color .3s ease}.student-name:hover{color:#005cbf}.student-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.student-item{margin-bottom:5px;font-size:1.2em;background-color:#f9f9f9;padding:10px;border-radius:5px;transition:background-color .3s ease;cursor:pointer}.student-item:hover{background-color:#e0e0f0}.student-col strong{color:#005cbf;transition:color .3s ease}.student-col strong:hover{color:#003580}@media (max-width:768px){.student-info{grid-template-columns:1fr;gap:0}.student-item{font-size:.8em}}