.content {
    background-color: #fff;
    border: 1px #999999 dashed;
    width: 800px;
    height: 500px;
}


#canvas {
    cursor: crosshair;
    background-color: #fff;
}


.style1 {
    width: 100%;
}

.cuadrofrm{
    background: white;
    border-radius: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
    width: 997px;
}

.btn-orange {
    background-color: rgb(255, 138, 55); 
    color: #fff;
    font-size: 12px;
    padding: 10px 45px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: 10px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.btn-red {
    background-color: rgb(220, 53, 69);
    color: #fff; 
    font-size: 12px;
    padding: 10px 45px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: 10px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.btn-red:hover,
.btn-red:focus {
    color: #fff; /* Mantener el color del texto blanco */
}

.btn-orange:hover,
.btn-orange:focus {
    color: #fff; /* Mantener el color del texto blanco */
}