body {
    background-color: #000;
    color: white;
}

a,
.nav-link,
.btn-text,
.header-icon a,
.navbar .nav-link {
    color: #FFFFFF !important;
}

a:hover,
.nav-link:hover,
.btn-text:hover,
.header-icon a:hover,
.navbar .nav-link:hover {
    color: #22B8B8 !important; /* o blanco si lo prefieres */
}

.header-top-bar,
.navbar,
.header-with-topbar {
    background-color: #000 !important;
}

.greengenubia{
   color: #198C8C !important;
}

.lightgreengenubia{
   color: #147070 !important;
}

.bg-genubia {
    background-color: #22B8B8 !important;
}

.bg-cabaret-red.text-white {
    color: #198C8C !important;
}

.fs-18.fw-500 {
    color: #198C8C !important;
}

.alt-font.fw-500.fs-19 {
    color: #198C8C !important;
}

/* Botón con fondo azul que no cambia al hacer hover */
.btn.bg-base-color:hover {
    background-color: #2754E6 !important; /* o el color exacto de bg-base-color */
    color: #FFFFFF !important;
    border-color: transparent !important;
}

.invisible-visible-space {
    visibility: hidden !important;
}

.md-mt-25px {
    margin-top: 25px !important;
}

.reduce-top-space {
    margin-top: 25px !important;
    padding-top: 25px !important;
}


/* Prevent text from wrapping */
.text-white-space-nowrap-genubia {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .text-white-space-nowrap-genubia {
        white-space: normal;
    }
}

/* Center element taking into account text length */
.text-center-genubia {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Responsive layout for service cards on mobile */
@media (max-width: 575.98px) {
    .service-card img {
        position: relative !important;
        width: 100% !important;
        right: 0 !important;
        top: 0 !important;
        margin-bottom: 20px;
    }
    .service-card-content {
        width: 100% !important;
    }
    .service-card-content p {
        text-align: justify;
    }
}