.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal {

    border: aqua;
    border-style: solid;
    }
            #resultado {
            background-color: red;
            color: white;
            font-weight: bold;
        }
    
        #resultado.ok {
            background-color: green;
        }
    
        #resultadomenor {
            background-color: red;
            color: white;
            font-weight: bold;
        }
    
        #resultadomenor.ok {
            background-color: green;
        }
        
        .required {
            color: red;
            font-weight: bold;
        }
        
        .boton4 {
            color: rgba(255, 255, 255, 0.9) !important;
            font-size: 17px;
            font-weight: 500;
            padding: 0.5em 1.2em;
            background: rgb(0 177 185);
            border: 2px solid;
            border-color: rgb(0 148 248);
            position: relative;
        }

        .boton4:hover {
            color: rgba(255, 255, 255, 1) !important;
            box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
            transition: all 0.2s ease;
        }

        /* Borde personalizado para las alertas de error */
.alerta-error {
    border: 3px solid #e74c3c; /* Borde rojo para error */
    border-radius: 10px; /* Bordes redondeados */
}