/* Container da assinatura */
#signature {
    width: 100%;
    height: 200px; 
}

/* Canvas responsivo */
#signature {
    width: 100% !important;   /* ocupa toda largura disponível */
    max-width: 100%;
    height: 200px;            /* altura fixa (pode ajustar) */
    display: block;
    box-sizing: border-box;
}

/* Corrige espaçamento em telas pequenas */
@media (max-width: 768px) {
    #signature {
        height: 180px;
    }

    .mg-t-20 {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mg-t-20 button {
        width: 100%;
    }
}