.plataformas--muertos .plataformas-intro h2 {
    font-family: "Sancreek", "Montserrat", serif;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.plataformas--muertos .plataformas-grid > :nth-child(4n + 1) {
    --color: #e4007c;
    --retraso: 0s;
}

.plataformas--muertos .plataformas-grid > :nth-child(4n + 2) {
    --color: #ec5f00;
    --retraso: -0.9s;
}

.plataformas--muertos .plataformas-grid > :nth-child(4n + 3) {
    --color: #16994a;
    --retraso: -1.8s;
}

.plataformas--muertos .plataformas-grid > :nth-child(4n + 4) {
    --color: #8e3fd1;
    --retraso: -2.7s;
}

.plataformas--muertos .plataforma-card {
    position: relative;
    isolation: isolate;
    padding: 84px 48px 80px;
    align-items: center;
    text-align: center;
    border: 0;
    border-radius: 0;
    background: none;
    transform-origin: 50% 0;
    transition: none;
}

.plataformas--muertos .plataforma-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color) 78%, #000) 0 10px, var(--color) 10px);
    border-radius: 6px 6px 0 0;
}

.plataformas--muertos .plataforma-card--recortada::before {
    border-radius: 0;
    -webkit-mask: var(--calado) 0 0 / 100% 100% no-repeat;
    mask: var(--calado) 0 0 / 100% 100% no-repeat;
}

.plataformas--muertos .plataforma-card {
    filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.5));
}

.plataformas--muertos .plataforma-card:hover {
    transform: none;
    animation: plataformas-muertos-brisa 2.4s ease-in-out var(--retraso) infinite;
}

.plataformas--muertos .plataforma-logo {
    justify-content: center;
    color: #fff;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
}

.plataformas--muertos .plataforma-card h5,
.plataformas--muertos .plataforma-card p {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.plataformas--muertos .plataforma-dispositivos {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
}

.plataformas--muertos .plataforma-boton {
    background: #fff;
    color: color-mix(in srgb, var(--color) 75%, #000);
    font-weight: 700;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
}

.plataformas--muertos .plataforma-boton:hover {
    color: color-mix(in srgb, var(--color) 75%, #000);
    opacity: 1;
    filter: brightness(0.95);
}

.plataformas--muertos .plataforma-bloque {
    border-left: 3px solid #f27a10;
    border-radius: 0 16px 16px 0;
    background:
        radial-gradient(ellipse 60% 120% at 0% 50%, rgba(242, 122, 16, 0.14), transparent 70%),
        rgba(255, 255, 255, 0.04);
}

.plataformas--muertos .plataforma-bloque a:hover {
    border-color: #ffb21f;
}

@keyframes plataformas-muertos-brisa {
    0%, 100% {
        transform: perspective(900px) rotateX(2deg) rotateZ(-0.4deg);
    }

    35% {
        transform: perspective(900px) rotateX(-4deg) rotateZ(0.5deg) skewX(-0.6deg);
    }

    70% {
        transform: perspective(900px) rotateX(1deg) rotateZ(0.2deg) skewX(0.4deg);
    }
}

@media (max-width: 767px) {
    .plataformas--muertos .plataformas-intro h2 {
        font-size: 30px;
    }

    .plataformas--muertos .plataforma-card {
        padding: 82px 46px 78px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .plataformas--muertos .plataforma-card:hover {
        animation: none;
    }
}