[data-listado-talento][data-tipo="todo"]
.talento-listado__imagen img.talento-listado__foto--blanco-negro {
    filter:
        grayscale(var(--talento-portada-grises, 100%))
        brightness(var(--talento-portada-brillo, 75%));
    transition: filter 520ms ease;
}

[data-listado-talento][data-tipo="todo"]
.talento-listado__perfil:hover
.talento-listado__imagen img.talento-listado__foto--blanco-negro,
[data-listado-talento][data-tipo="todo"]
.talento-listado__perfil:focus-visible
.talento-listado__imagen img.talento-listado__foto--blanco-negro {
    filter: grayscale(0%) brightness(100%);
}

/* =========================================================
   TODO NUESTRO TALENTO — BOTÓN VOLVER
   ========================================================= */

.talento-listado__cabecera {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}

.todo-talento__volver {
    min-height: 34px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: #000000;
    color: var(--blanco);
    font-family: var(--fuente-titulares);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    transition:
        background var(--transicion),
        border-color var(--transicion),
        color var(--transicion);
}

.todo-talento__volver:hover,
.todo-talento__volver:focus-visible {
    border-color: var(--verde);
    background: var(--verde);
    color: var(--negro);
}

.todo-talento__volver:focus-visible {
    outline: 2px solid var(--verde);
    outline-offset: 3px;
}

body.pagina-talento:has([data-listado-talento][data-tipo="todo"])
.talento-listado {
    padding-top: calc(
        var(--altura-cabecera) + clamp(24px, 2vw, 32px)
    );
}


body.pagina-talento:has([data-listado-talento][data-tipo="todo"])
.talento-listado__cabecera h1 {
    min-width: 0;
    max-width: 100%;
    flex-wrap: nowrap;
    white-space: nowrap;
}

[data-listado-talento][data-tipo="todo"]
.talento-listado__datos h2 {
    white-space: nowrap;
}

@media (max-width: 1100px) {

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        column-gap: var(--todo-talento-gap-x, 20px);
        row-gap: var(--todo-talento-gap-y, 44px);
        width: min(
            100%,
            var(--todo-talento-ancho-grupo, 100%)
        );
        margin-top: var(--todo-talento-margen-superior, 0px);
        margin-inline: auto;
        padding-inline: var(--todo-talento-margen-lateral, 0px);
    }

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive
    .talento-listado__perfil {
        --talento-escala-tarjeta: var(
            --todo-talento-escala-tarjeta,
            1
        );
        flex: 0 0 var(--todo-talento-ancho-tarjeta);
        width: var(--todo-talento-ancho-tarjeta);
        max-width: var(--todo-talento-ancho-tarjeta);
        grid-template-rows:
            auto
            calc(54px * var(--talento-escala-tarjeta));
    }

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive
    .talento-listado__imagen span {
        right: calc(12px * var(--talento-escala-tarjeta));
        bottom: calc(10px * var(--talento-escala-tarjeta));
        font-size: calc(
            0.62rem * var(--talento-escala-tarjeta)
        );
    }

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive
    .talento-listado__velo {
        inset:
            0 0
            calc(54px * var(--talento-escala-tarjeta))
            0;
    }

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive
    .talento-listado__destello {
        bottom: calc(54px * var(--talento-escala-tarjeta));
        filter: blur(
            calc(8px * var(--talento-escala-tarjeta))
        );
    }

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive
    .talento-listado__datos {
        right: calc(18px * var(--talento-escala-tarjeta));
        bottom: calc(74px * var(--talento-escala-tarjeta));
        left: calc(18px * var(--talento-escala-tarjeta));
        transform: translateY(
            calc(16px * var(--talento-escala-tarjeta))
        );
    }

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive
    .talento-listado__datos h2 {
        font-size: calc(
            clamp(1.15rem, 1.7vw, 2rem) *
            var(--talento-escala-tarjeta)
        );
    }

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive
    .talento-listado__datos p {
        margin-top: calc(
            7px * var(--talento-escala-tarjeta)
        );
        font-size: calc(
            clamp(0.72rem, 0.85vw, 0.9rem) *
            var(--talento-escala-tarjeta)
        );
    }

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive
    .talento-listado__boton {
        min-height: calc(
            54px * var(--talento-escala-tarjeta)
        );
        padding:
            calc(10px * var(--talento-escala-tarjeta))
            calc(14px * var(--talento-escala-tarjeta));
        font-size: calc(
            0.76rem * var(--talento-escala-tarjeta)
        );
    }
}

@media (max-width: 760px) {
    body.pagina-talento:has([data-listado-talento][data-tipo="todo"])
    .pie__instagram .instagram {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 560px) {
    body.pagina-talento:has([data-listado-talento][data-tipo="todo"])
    .talento-listado {
        padding-top: calc(var(--altura-cabecera) + 18px);
    }

    body.pagina-talento:has([data-listado-talento][data-tipo="todo"])
    .talento-listado__cabecera h1 {
        font-size: clamp(1rem, 5.2vw, 3rem);
        line-height: 1;
        letter-spacing: -0.035em;
    }

    [data-listado-talento][data-tipo="todo"].talento-listado__columna--todo-responsive
    .talento-listado__datos {
        transform: none;
    }

    .talento-listado__cabecera {
        gap: 9px;
    }

    .todo-talento__volver {
        min-height: 30px;
        padding-inline: 10px;
        font-size: 0.58rem;
    }
}