.zone-A {
    display: flex; 
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 800px;
}

    .zone-A1 {
        display: flex; 
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 60px;
        max-width: 800px;
        /* justify-content: space-between; */
    }

        .zone-1 {
            display: flex; 
            flex-direction: column;
            flex-wrap: wrap;
            /* justify-content: space-around; */
            justify-content: flex-start;
            align-items: flex-start;
            width: 370x;
        }

            .zone-1A {
                display: flex; 
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                width: 370px;
                /* min-height: 545px; */
            }

            .zone-1B {
                display: flex; 
                flex-direction: row;
                flex-wrap: wrap;
                width: 100%;
            }

        .zone-2 {
            display: flex; 
            flex-direction: column;
            width: 370px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

        .zone-2A {
            display: flex; 
            flex-direction: column;
            padding: 0px 0px 0px 0px;
            margin: 30px 0px 0px 0px;
        }
        
        .zone-2B {
            display: flex; 
            flex-direction: column;
            padding: 0px 0px 0px 0px;
        }

        .zone-2C {
            display: flex; 
            flex-direction: row;
            padding: 0px 0px 0px 0px;
        }

        .zone-2D {
            display: flex; 
            flex-direction: column;
            padding: 0px 20px 7px 10px;
            margin-left: 20px;
        }

            .zone-2E {
                display: flex; 
                flex-direction: column;
                align-items: center;
                padding: 0px 0px 15px 0px;
                width: 100%;
            }
            
                /* .btns-ctrl-dtl-container {
                    display: flex; 
                    flex-direction: column; 
                    align-items: center; 
                    justify-content: center; 
                    width: 100%; 
                    padding: 10px 0px 10px 0px;
                }
                .contador-dtl-titulo {
                    margin-bottom: 5px;
                }
                .contador-dtl-titulo p {
                    font-family: var(--font-card-title);
                    color: var(--text-color-detail-title);
                    font-size: 10px;
                    font-weight: lighter;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                }
                .wrapper-btns-ctrl-dtl{
                    height: 40px;
                    width:fit-content;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #FFF;
                    border-radius: 7px;
                    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
                    }
                .wrapper-btns-ctrl-dtl span{
                    width: 40px;
                    font-family: var(--font-detail-count);
                    font-size: 20px;
                    font-weight: 500;
                    text-align: center;
                    cursor: pointer;
                    user-select: none;
                    }
                .wrapper-btns-ctrl-dtl span.num {
                    width: 60px;
                    font-family: var(--font-detail-count);
                    font-weight: 500;
                    font-size: 20px;
                    color: var(--text-color-detail-title);
                    border-right: 2px solid rgba(0,0,0,0.2);
                    border-left: 2px solid rgba(0,0,0,0.2);
                    pointer-events: none;
                    }
                .wrapper-btns-ctrl-dtl span.instru {
                    font-family: Inter,Helvetica,Arial,sans-serif;
                    color: var(--text-color-detail-title);
                    font-size: 10px;
                    font-weight: lighter;
                    text-transform: capitalize;
                    width: 10px;
                    margin: 0px 0px 0px 5px;
                    pointer-events: none;
                }
                .wrapper-btns-ctrl-dtl span.restar {
                    writing-mode: vertical-rl;
                    rotate: 180deg;
                }
                .wrapper-btns-ctrl-dtl span.sumar {
                    writing-mode: vertical-rl;
                }
                .no-button {
                    background: none;
                    border: none;
                    width: 40px;
                    text-align: center;
                    font-family: Inter,Helvetica,Arial,sans-serif;
                    color: var(--text-color-detail-title);
                    font-size: 20px;
                    font-weight: 500;
                    cursor: pointer;
                    user-select: none;
            } */


.zone-A2 {
    display: flex; 
    flex-direction: column;
    width: auto;
    padding-top: 15px;
}

    .zone-3 {
        display: flex; 
        flex-direction: column;
        /* width: max-content; */
        padding: 0px 0px 15px 10px;
    }

    .zone-4 {
        display: flex; 
        flex-direction: column;
        /* width: max-content; */
        padding: 15px 0px 15px 0px;
    }

.zone-B {
display: flex; 
flex-direction: column;
width: 400px;
}

.zone-5 {
    display: flex; 
    flex-direction: column;
}