.logos-hospitales-wrapper {
max-width: 1200px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.logos-hospitales-wrapper::before, .logos-hospitales-wrapper::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 75px;
z-index: 2;
pointer-events: none;
}
.logos-hospitales-wrapper::before {
left: 0;
background: linear-gradient(to right, white, transparent);
}
.logos-hospitales-wrapper::after {
right: 0;
background: linear-gradient(to left, white, transparent);
}
.splide {
position: relative;
}
.logos-hospitales-container {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 15px;
}
.logo-item {
background-color: #f9fafb;
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
height: 100%;
}
.logo-item img {
max-width: 100%;
height: auto;
} .splide__slide {
padding: 5px;
}
.splide__track {
overflow: visible;
}.logos-regalos-wrapper {
max-width: 1200px;
margin: 0 auto;
position: relative;
overflow: hidden;
padding: 20px 0; }
.logos-regalos-wrapper::before,
.logos-regalos-wrapper::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 100px; z-index: 2;
pointer-events: none; }
.logos-regalos-wrapper::before {
left: 0;
background: linear-gradient(to right, white, transparent);
}
.logos-regalos-wrapper::after {
right: 0;
background: linear-gradient(to left, white, transparent);
}
.splide {
position: relative;
}
.regalo-item {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.regalo-item img {
max-width: 216px;
width: auto;
height: auto;
transition: transform 0.3s ease;
backface-visibility: hidden; }
.splide__slide:hover .regalo-item img {
transform: scale(1.1);
} .splide__slide {
padding: 0;
}
.splide__track {
overflow: visible;
}