.pie { border-top: 1px solid var(--linea); background: var(--fondo2); padding: clamp(2.4rem, 5vw, 3.4rem) 0 2rem; }
.pie__top { display: grid; gap: 1.6rem; grid-template-columns: 1fr; }
.pie__marca img { width: 140px; height: 53px; }
.pie__marca p { color: var(--tinta2); font-size: .93rem; margin: .9rem 0 0; max-width: 42ch; }
.pie__col h4 { font-family: var(--titulo); font-weight: 700; text-transform: uppercase; font-size: .82rem; letter-spacing: .08em; color: var(--tinta); margin: 0 0 .8rem; }
.pie__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.pie__col a { color: var(--tinta2); font-size: .93rem; }
.pie__col a:hover { color: var(--tinta); }
.pie__linea { margin-top: 2rem; padding-top: 1.3rem; border-top: 1px solid var(--linea); color: var(--tinta3); font-size: .85rem; }

@media (min-width: 560px) {
    .pie__top { grid-template-columns: 1.6fr 1fr 1fr; }
}