/* ============================================================
   ALIADOS DESTACADOS — 3 logos en color, sin filtro blanco/invert
   Se carga DESPUÉS de services-modern.css para ganar la cascada.
   No modifica estructura ni el resto del diseño de .markalar.
   ============================================================ */

/* Corrige el color del título "OUR STRATEGIC PARTNERS" en index.html:
   titulos-unificados.css fuerza color oscuro (#0B1F4A) por defecto en
   .h2-baslik-hizmetler-21, y solo lo pone blanco dentro de secciones
   marcadas como oscuras (.bg-dark, [data-background], section.ozellika).
   .markalar no tiene ninguna de esas clases, así que el título se ve
   oscuro sobre el fondo azul oscuro de esta sección. */
.markalar .h2-baslik-hizmetler-21 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.markalar .h-yazi-margin-kucuk-21 .marka {
    /* Quitar el filtro brightness(0) invert(1) que las vuelve blancas */
    filter: none !important;
    -webkit-filter: none !important;

    /* Tarjeta blanca para que resalten los colores de marca */
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    /* Un poco más grandes ya que solo son 3 */
    width: 200px !important;
    max-height: 110px !important;
    padding: 18px 20px !important;
    border-radius: 18px !important;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(255, 255, 255, 0.06) !important;

    transition:
        transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.32s ease,
        border-color 0.32s ease !important;
}

.markalar .h-yazi-margin-kucuk-21 .marka:hover {
    transform: translateY(-8px) scale(1.06) !important;
    border-color: rgba(100, 160, 255, 0.6) !important;
    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(100, 160, 255, 0.35),
        0 0 28px rgba(100, 160, 255, 0.25) !important;
}

@media only screen and (max-width: 56.25em) {
    .markalar .h-yazi-margin-kucuk-21 .marka {
        width: 160px !important;
        max-height: 90px !important;
        padding: 14px 16px !important;
    }
}