:root {
    --service-hero-bg: var(--bg-admin);
    --service-cards-bg: #b5dff8;
    --service-title-light: var(--blanco);
    --service-onda-filter: brightness(0) saturate(100%) invert(72%) sepia(18%) saturate(996%) hue-rotate(174deg) brightness(89%) contrast(90%);
    --service-profile-bg: url('../../assets/png/Fondo_Ondulado_Mid.png');
    --service-card-text: var(--azul-oscuro);
    --service-card-hover-bg: var(--azul-oscuro);
    --service-card-hover-bg-image: url('../../assets/png/Ondas_Circulares_Blancas.png');
    --service-card-hover-text: var(--blanco);
    --service-small-text-color: var(--azul-oscuro);
    --service-footer-bg: #b5dff8;
    --service-overlap-top: -150px;
    --service-info-max-width: 800px;
    --service-ribbon-icon-top: 25px;
    --service-ribbon-icon-width: 40px;
    --service-ribbon-color: #002b71;
    --service-hero-waves-filter: var(--service-onda-filter);
    --service-arrow-filter: var(--service-onda-filter);
}

.service-grid {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
}

.service-grid__column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.service-grid__column--left {
    position: relative;
}

.service-offer--dark {
    background-color: var(--azul-oscuro);
    background-image: var(--service-card-hover-bg-image);
    background-size: cover;
    padding: 35px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.service-offer--dark .service-offer__text-strong,
.service-offer--dark .service-offer__text-regular {
    color: var(--blanco);
}

.service-offer--short {
    min-height: 120px;
    flex: none;
}

.service-offer--admin-main {
    flex: 1;
    align-items: center;
}

@media (max-width: 900px) {
    .service-grid {
        grid-template-columns: 1fr;
    }
}