/** logo cloud web services */
.logo-container {
    display: flex;
    align-items: center;
    gap: 1px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-style: normal;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    padding: 3px;
}

.circle {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: white;
    border: 1px solid black;

    display: flex;
    justify-content: center;
    align-items: center;

    flex-shrink: 0;
    overflow: visible; /* importante */
}

.circle-text {
    position: relative;
    z-index: 1;
    font-size: 23px;
    font-weight: 900;
    color: transparent;
    line-height: 1;
}

.text {
    color: white;
    font-size: 23px;
    font-weight: 900;
    padding: 5px 5px;
}

/** fin logo cloud web services*/