.garito__intro { max-width: 70ch; }
.garito__sub { margin-top: clamp(1.8rem, 3.5vw, 2.6rem); display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.maquinas { display: grid; gap: 1rem; margin-top: 1.3rem; grid-template-columns: 1fr; }
.maq {
    background: var(--panel); border: 1px solid var(--linea); border-radius: var(--r); overflow: hidden;
    display: flex; flex-direction: column;
}
.maq__foto { position: relative; overflow: hidden; border-bottom: 1px solid var(--linea); }
.maq__foto img { width: 100%; height: 150px; object-fit: cover; object-position: center; transition: transform .4s ease; }
.maq:hover .maq__foto img { transform: scale(1.05); }
.maq__et { position: absolute; left: .55rem; top: .55rem; font-family: var(--titulo); font-weight: 700; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; color: #fff; background: rgba(11, 13, 18, .88); border: 1px solid var(--linea-viva); border-radius: 2px; padding: .2rem .48rem; }
.maq__cuerpo { padding: 1rem 1.05rem 1.15rem; }
.maq__t { font-family: var(--titulo); font-weight: 700; font-size: 1.04rem; letter-spacing: .01em; }
.maq p { margin: .5rem 0 0; color: var(--tinta2); font-size: .92rem; }

@media (min-width: 560px) {
    .maquinas { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 820px) {
    .maquinas { grid-template-columns: repeat(4, 1fr); }
}