:root {
    --custom-color-primario-boton: #00B4BC;
    --custom-color-contraste-boton: #bc00b3;  
    --custom-color-analogo-boton: #0055bc; 
    --custom-color-letra-boton: #FFFFFF;
    --custom-color-por-responder: #555555;
    --custom-color-omitida: #FF5050;   
    --custom-color-respondida: #009E00;
    --custom-color-ocultar: #FFFFFF;
    --custom-color-texto-ocultar: #000000;
    --custom-color-adecuado : #339433;
    --custom-color-insuficiente : #FF5050;
    }
    
        .boton-1 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-1:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-2 {
            background: #339433;
            color:#FFFFFF
        }
        .boton-2:hover {
            background: #339433;
            color:#FFFFFF
        }
        
        .boton-3 {
            background: #FF5050;
            color:#FFFFFF
        }
        .boton-3:hover {
            background: #FF5050;
            color:#FFFFFF
        }
        
        .boton-4 {
            background: #4E4E4E;
            color:#FFFFFF
        }
        .boton-4:hover {
            background: #4E4E4E;
            color:#FFFFFF
        }
        
        .boton-5 {
            background: #595959;
            color:#FFFFFF
        }
        .boton-5:hover {
            background: #595959;
            color:#FFFFFF
        }
        
        .boton-6 {
            background: #4E95D9;
            color:#FFFFFF
        }
        .boton-6:hover {
            background: #4E95D9;
            color:#FFFFFF
        }
        
        .boton-7 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-7:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-8 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-8:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-9 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-9:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-10 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-10:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-11 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-11:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-12 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-12:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-13 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-13:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-14 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-14:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-15 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-15:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-16 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-16:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-17 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-17:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-766 {
            background: #339433;
            color:#FFFFFF
        }
        .boton-766:hover {
            background: #339433;
            color:#FFFFFF
        }
        
        .boton-18 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-18:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-19 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-19:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-20 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-20:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-21 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-21:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-22 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-22:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-23 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-23:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-24 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-24:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-25 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-25:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-767 {
            background: #FFFFFF;
            color:#000000
        }
        .boton-767:hover {
            background: #FFFFFF;
            color:#000000
        }
        
        .boton-26 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-26:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-27 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-27:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-28 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-28:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-29 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-29:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-30 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-30:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-31 {
            background: #4E95D9;
            color:#FFFFFF
        }
        .boton-31:hover {
            background: #4E95D9;
            color:#FFFFFF
        }
        
        .boton-32 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-32:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-33 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-33:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-34 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-34:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-35 {
            background: #FFFFFF;
            color:#000000
        }
        .boton-35:hover {
            background: #FFFFFF;
            color:#000000
        }
        
        .boton-36 {
            background: #FFFFFF;
            color:#000000
        }
        .boton-36:hover {
            background: #FFFFFF;
            color:#000000
        }
        
        .boton-37 {
            background: #FFFFFF;
            color:#000000
        }
        .boton-37:hover {
            background: #FFFFFF;
            color:#000000
        }
        
        .boton-38 {
            background: #FFFFFF;
            color:#000000
        }
        .boton-38:hover {
            background: #FFFFFF;
            color:#000000
        }
        
        .boton-39 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-39:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-56 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-56:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-57 {
            background: #128503;
            color:#FFFFFF
        }
        .boton-57:hover {
            background: #128503;
            color:#FFFFFF
        }
        
        .boton-58 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-58:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-59 {
            background: #6B0385;
            color:#FFFFFF
        }
        .boton-59:hover {
            background: #6B0385;
            color:#FFFFFF
        }
        
        .boton-60 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-60:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-61 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-61:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-62 {
            background: #6B0385;
            color:#FFFFFF
        }
        .boton-62:hover {
            background: #6B0385;
            color:#FFFFFF
        }
        
        .boton-63 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-63:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-764 {
            background: #000000;
            color:#FFFFFF
        }
        .boton-764:hover {
            background: #000000;
            color:#FFFFFF
        }
        
        .boton-64 {
            background: #555555;
            color:#FFFFFF
        }
        .boton-64:hover {
            background: #555555;
            color:#FFFFFF
        }
        
        .boton-65 {
            background: #FF5050;
            color:#FFFFFF
        }
        .boton-65:hover {
            background: #FF5050;
            color:#FFFFFF
        }
        
        .boton-66 {
            background: #009E00;
            color:#FFFFFF
        }
        .boton-66:hover {
            background: #009E00;
            color:#FFFFFF
        }
        
        .boton-73 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-73:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-85 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-85:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-87 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-87:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-140 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-140:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-143 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-143:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-154 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-154:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-147 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-147:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-149 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-149:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-151 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-151:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-156 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-156:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-171 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-171:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-172 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-172:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-405 {
            background: #00B4BC;
            color:#FFFFFF
        }
        .boton-405:hover {
            background: #00B4BC;
            color:#FFFFFF
        }
        
        .boton-664 {
            background: #3288e6;
            color:#FFFFFF
        }
        .boton-664:hover {
            background: #3288e6;
            color:#FFFFFF
        }
        
        .boton-668 {
            background: #3288e6;
            color:#FFFFFF
        }
        .boton-668:hover {
            background: #3288e6;
            color:#FFFFFF
        }
        
        .boton-676 {
            background: #4E95D9;
            color:#FFFFFF
        }
        .boton-676:hover {
            background: #4E95D9;
            color:#FFFFFF
        }
        
        .boton-677 {
            background: #595959;
            color:#FFFFFF
        }
        .boton-677:hover {
            background: #595959;
            color:#FFFFFF
        }
        
        .boton-744 {
            background: #DC3545;
            color:#FFFFFF
        }
        .boton-744:hover {
            background: #DC3545;
            color:#FFFFFF
        }
        
        .boton-745 {
            background: #FFC107;
            color:#FFFFFF
        }
        .boton-745:hover {
            background: #FFC107;
            color:#FFFFFF
        }
        
        .boton-746 {
            background: #0D6EFD;
            color:#FFFFFF
        }
        .boton-746:hover {
            background: #0D6EFD;
            color:#FFFFFF
        }
        
        .boton-747 {
            background: #198754;
            color:#FFFFFF
        }
        .boton-747:hover {
            background: #198754;
            color:#FFFFFF
        }
        
        .boton-752 {
            background: #3288e6;
            color:#FFFFFF
        }
        .boton-752:hover {
            background: #3288e6;
            color:#FFFFFF
        }
        
        .boton-753 {
            background: #3288e6;
            color:#FFFFFF
        }
        .boton-753:hover {
            background: #3288e6;
            color:#FFFFFF
        }
        
        .boton-759 {
            background: #339433;
            color:#FFFFFF
        }
        .boton-759:hover {
            background: #339433;
            color:#FFFFFF
        }
        
        .boton-760 {
            background: #FF5050;
            color:#FFFFFF
        }
        .boton-760:hover {
            background: #FF5050;
            color:#FFFFFF
        }
        
        .boton-762 {
            background: #00B4B6;
            color:#FFFFFF
        }
        .boton-762:hover {
            background: #00B4B6;
            color:#FFFFFF
        }
        
        .boton-768 {
            background: #FFFFFF;
            color:#000000
        }
        .boton-768:hover {
            background: #FFFFFF;
            color:#000000
        }
        
        .boton-769 {
            background: #339433;
            color:#FFFFFF
        }
        .boton-769:hover {
            background: #339433;
            color:#FFFFFF
        }
        
        .boton-770 {
            background: #339433;
            color:#FFFFFF
        }
        .boton-770:hover {
            background: #339433;
            color:#FFFFFF
        }