/* CONTENEDOR GENERAL */
.lista-marcas{
    max-width:1300px;
    margin:40px auto;
    padding:20px;
}

/* GRUPO POR LETRA */
.grupo-letra{
    margin-bottom:50px;
}

/* LETRA TITULO (ESTILO PREMIUM) */
.letra-titulo{
    font-size:28px;
    font-weight:800;
    color:#ff5a00;
    margin-bottom:20px;

    display:flex;
    align-items:center;
    gap:10px;
}

/* línea decorativa */
.letra-titulo::after{
    content:'';
    flex:1;
    height:2px;
    background:linear-gradient(to right, #ff5a00, transparent);
}

/* GRID */
.grupo-letra ul{
    list-style:none;
    padding:0;
    margin:0;

    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:15px;
}

/* CARD DE MARCA */
.marca-item a{
    display:flex;
    align-items:center;
    justify-content:center;

    height:60px;

    background:#fff;
    border-radius:12px;
    text-decoration:none;
    color:#222 !important;

    border:1px solid #eaeaea;

    font-weight:600;
    font-size:14px;

    transition:all .25s ease;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* HOVER PRO */
.marca-item a:hover{
    background:#ff5a00;
    color:#fff !important;
    transform:translateY(-4px) scale(1.03);

    box-shadow:0 10px 25px rgba(255,90,0,.25);
}

/* EFECTO CLICK */
.marca-item a:active{
    transform:scale(.97);
}

/* TABLET */
@media(max-width:992px){

    .grupo-letra ul{
        grid-template-columns:repeat(3,1fr);
    }

    .letra-titulo{
        font-size:24px;
    }
}

/* MOVIL */
@media(max-width:600px){

    .grupo-letra ul{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

    .marca-item a{
        height:50px;
        font-size:13px;
    }

    .letra-titulo{
        font-size:22px;
    }
}