.con-simbolo {
    position: relative;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.308);
    padding: 30px 30px;
    background-color: rgb(250, 250, 250);
    overflow: auto;
    .etiqueta, 
    .etiqueta-total {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.027);
        padding: 5px 10px;
        text-align: center;
        color: #757575;
        font-size: 13px;
        font-weight: 600;
    }

    .etiqueta-total {
        width: 100%;
        left: 0;
        right: 0;
    }

    .arriba{
        top: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.089);
    }

    .abajo {
        border-top: 1px solid rgba(0, 0, 0, 0.089);
        bottom: 0;
    }

    .arriba-derecha {
        top: 0;
        right: 0;
        border-left: 1px solid rgba(0, 0, 0, 0.089);
        border-bottom: 1px solid rgba(0, 0, 0, 0.089);
        border-radius: 0 0 0 5px;
    }

    .arriba-izquierda {
        top: 0;
        left: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.089);
        border-bottom: 1px solid rgba(0, 0, 0, 0.089);
        border-radius: 0 0 5px 0;
    }

    .abajo-izquierda {
        bottom: 0;
        left: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.089);
        border-right: 1px solid rgba(0, 0, 0, 0.089);
        border-radius: 0 5px 0 0;
    }

    .abajo-derecha {
        bottom: 0;
        right: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.089);
        border-left: 1px solid rgba(0, 0, 0, 0.089);
        border-radius: 5px 0 0 0;
    }
}