.solutions-tabs-mobile {
    display: none;
    visibility: hidden;
    pointer-events: none;
}

.solution-card {
    width: 100%;
    max-width: 430px;
    overflow: hidden;
    padding: 32px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
    min-height: 3000px;
}

.solution-card:nth-child(odd) {
    background-color: #f2fafe;
}

.solution-card:nth-child(odd) .solution-media img,
.solution-card:nth-child(odd) .machine-media img {
    background-color: #e2f2fc;
}

.solution-card:nth-child(odd) .solution-section {
    border-top: 3px solid #ffffff;
}

.solution-card:nth-child(even) {
    background-color: #ffffff;
}

.solution-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
    text-align: center;
}

.solution-title {
    font-size: 32px;
    color: #006db2;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: "helvetica-neue-lt-std-75-bold", sans-serif;
    line-height: 120%;
}

.solution-mark {
    color: white;
    padding: 4px 24px;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 120%;
}

.solution-mark.economica {
    background-color: #006fb9;
}

.solution-button.economica {
    background-color: #006DB2;
}

.solution-mark.medium,
.solution-button.medium {
    background-color: #f9ae00;
}

.solution-mark.premium,
.solution-button.premium {
    background-color: #65b32e;
}

.solution-description {
    text-align: center;
    color: #4A4A49;
    margin-bottom: 34px;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.solution-media,
.container-media,
.pelicula-media {
    margin-bottom: 34px;
    text-align: center;
}

.technical-service-media{
    margin-bottom: 34px;
}

.machine-media{
    margin-bottom: 54px;
}

.solution-media img,
.machine-media img,
.container-media img,
.pelicula-media img,
.technical-service-media img {
    max-width: 100%;
    height: auto;
    margin: auto;
}

.solution-media img,
.solution-media iframe{
    height: 305px;
}

.solution-image-description {
    text-align: center;
    margin-top: 34px;
    margin-bottom: 34px;
    font-size: 24px;
    font-weight: 400;
    color: #4A4A49;
    line-height: 32px;
    height: 128px;
    overflow: auto;
}

.solution-button-container {
    text-align: center;
    margin: 0 0 32px 0;
}

.solution-button {
    color: white;
    padding: 6px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s;
    font-size: 16px;
    line-height: 120%;
}

.solution-button.economica:hover {
    background-color: #005a94;
}

.solution-section {
    padding-top: 32px;
    border-top: 3px solid #f2fafe;
}

.solution-section.machine-section .section-title{
        margin-bottom: 23px;
}

.section-title {
    font-size: 32px;
    color: #2e2e2e;
    text-align: center;
    margin-bottom: 34px;
    font-weight: bold;
    font-family: "helvetica-neue-lt-std-75-bold", sans-serif;
    line-height: 120%;
}

.machine-name {
    text-align: center;
    font-weight: bold;
    margin: 0 0 54px 0;
    font-size: 22px;
    color: #2e2e2e;
    line-height: 120%;
    height: 62px;
    overflow: auto;
}

.machine-features {
    display: flex;
    justify-content: center;
    margin: 15px 0 18px 0;
}

.feature-circle {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
    height: 252px;
    overflow: auto;
}

.circle-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}

.feature-text,
.feature-text-secondary {
    margin-top: 18px;
    text-align: center;
    font-size: 18px;
    color: #4A4A49;
    font-weight: 400;
    line-height: 24px;
}


.technical-service-footer{
    font-size: 24px;
    font-weight: 400;
    color: #4A4A49;
    line-height: 32px;
}

.machine-footer{
    text-align: center;
    font-size: 24px;
    color: #4A4A49;
    font-weight: 400;
    line-height: 32px;
    padding: 0 0 56px 0;
}

.pelicula-footer {
    font-size: 18px;
    line-height: 120%;
    color: #4A4A49;
    font-weight: 400;
    padding: 0 0 56px 0;
}

.container-products {
    margin: 34px 0;
}

.product-item {
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
    height: 270px;
    overflow: auto;
}

.product-item p{
    font-size: 18px;
    line-height: 32px;
}

.product-item strong {
    font-family: "helvetica-neue-lt-std-75-bold", sans-serif;
}

.container-footer,
.pelicula-footer,
 {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.container-footer img{
    margin: auto;
    padding: 0 0 56px 0;
}

.footer-image {
    max-width: 100px;
    height: auto;
}

.desktop-media {
    display: block;
    height: 305px;
}

.container-media .desktop-media{
    height: 182px;
}

.mobile-media {
    display: none;
}

.cards-container .swiper-wrapper{
    justify-content: center;
}

@media screen and (max-width: 834px) {

    .cards-container .swiper-wrapper{
        justify-content: start;
    }

    .fixed-tabs {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    }

    .default-container{
        padding: 0;
    }
     .solution-card {
        max-width: 100%;
        padding: 15px 15px 56px 15px;
    }

    .solution-card.active {
        display: block;
    }

    .solutions-tabs-mobile {
          position: sticky;
        top: 0;
        z-index: 3000;
        background: #e1f2fd;
        padding: 12px;
        gap: 8px;
        justify-content: center;
        visibility: visible;
        pointer-events: auto;
        display: flex;
        margin-top: 0;
    }
    .tab-solution {
        padding: 12px 60px;
        border-radius: 65px;
        font-weight: 700;
        font-size: 14px;
        line-height: 15px;
        letter-spacing: 0.7px;
        width: 215px;
        background-color: #ffffff;
        text-align: center;
    }
    .tab-solution.economica {
        color: #006fb9;
        border: 1.5px solid #006fb9;
    }

    .tab-solution.medium {
        color: #f9ae00;
        border: 1.5px solid #f9ae00;
    }

    .tab-solution.premium {
        color: #65b32e;
        border: 1.5px solid #65b32e;
    }

    .tab-solution.economica.active,
    .tab-solution.medium.active,
    .tab-solution.premium.active {
        color: #ffffff;
    }

    .tab-solution.economica.active {
        background-color: #006fb9;
    }

    .tab-solution.medium.active {
        background-color: #f9ae00;
    }

    .tab-solution.premium.active {
        background-color: #65b32e;
    }

    .solutions-tabs-mobile{
        justify-content: space-evenly;
    }
    .titles-solution-container.default-container{
        padding: 0 24px;
    }

    .solution-image-description,
    .machine-name,
    .feature-circle,
    .product-item,
    .desktop-media,
    .solution-media iframe,
    .solution-media img,
    .container-media .desktop-media{
        height: auto;
        overflow: auto;
    }

    .solution-card{
        min-height: auto;
    }

    .main-solutions-section{
        padding-bottom: 0;
    }

}

@media screen and (max-width: 768px) {
    .desktop-media {
        display: none;
    }

    .mobile-media {
        display: block;
    }

    .solution-card {
        margin: 0 auto 30px;
    }

    .section-title {
        font-size: 32px;
    }

    .solution-title {
        font-size: 32px;
    }
}

@media screen and (max-width: 480px) {

    .solution-card.active {
        display: block;
    }

    .solutions-tabs-mobile {
        display: flex;
        background: #e1f2fd;
        padding: 12px;
        gap: 8px;
        justify-content: center;
        visibility: visible;
        pointer-events: auto;
    }
    .tab-solution {
        padding: 12px 20px;
        border-radius: 65px;
        font-weight: 700;
        font-size: 14px;
        line-height: 15px;
        letter-spacing: 0.7px;
        background-color: #ffffff;
    }
    .tab-solution.economica {
        color: #006fb9;
        border: 1.5px solid #006fb9;
    }

    .tab-solution.medium {
        color: #f9ae00;
        border: 1.5px solid #f9ae00;
    }

    .tab-solution.premium {
        color: #65b32e;
        border: 1.5px solid #65b32e;
    }

    .tab-solution.economica.active,
    .tab-solution.medium.active,
    .tab-solution.premium.active {
        color: #ffffff;
    }

    .tab-solution.economica.active {
        background-color: #006fb9;
    }

    .tab-solution.medium.active {
        background-color: #f9ae00;
    }

    .tab-solution.premium.active {
        background-color: #65b32e;
    }
}