/* Case Study Styles */
.meta-summary {
    background-color: #EEF7F7;
}

.meta-summary .eyebrow.blue {
    color: #004381;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.floating-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 300px;
    background-color: #EEF7F7;
    z-index: -1;
}

.paragraph-image-feature {
    position: relative;
    margin-bottom: 50px;
}

.paragraph-image-feature .paragraph-image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.description {
    margin-bottom: 50px;
}

.description h3 {
    color: #004381;
    margin-bottom: 20px;
}

.bundle {
    margin-bottom: 75px;
}

/* Mantener los estilos de los boxes que ya definimos */
.bundle-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.bundle-item {
    flex: 1;
    min-width: 150px;
}

.items-1 .bundle-item { flex: 0 0 100%; }
.items-2 .bundle-item { flex: 0 0 calc(50% - 10px); }
.items-3 .bundle-item { flex: 0 0 calc(33.333% - 14px); }
.items-4 .bundle-item { flex: 0 0 calc(25% - 15px); }

.bundle-wrapper {
    height: 100%;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
}

@media (max-width: 768px) {
    .bundle-item {
        flex: 0 0 calc(50% - 10px) !important;
    }
}

@media (max-width: 480px) {
    .bundle-item {
        flex: 0 0 100% !important;
    }
}