/* Importaciones */
.routes { padding-block: clamp(40px, 5vw, 72px); background: var(--color-ink); color: var(--color-white); }
.routes__title { margin-bottom: var(--space-3); font-family: var(--font-accent); font-style: italic; font-weight: 400; font-stretch: 100%; font-size: clamp(1.6rem, 2.6vw, 2.4rem); }
.routes__list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.routes__list li {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 16px 18px 0;
    border-top: 1px solid rgba(255,255,255,.35);
    font-family: var(--font-heading);
    font-size: clamp(2.4rem, 5.6vw, 5.6rem);
    font-stretch: 70%;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}
.routes__list span { font-family: var(--font-body); font-size: .8125rem; font-stretch: 88%; font-weight: 500; letter-spacing: .1em; color: rgba(255,255,255,.7); }
.routes__arrive { display: flex; align-items: center; gap: 10px; margin-top: var(--space-2); }
.routes__arrive span { width: 12px; height: 12px; background: var(--color-accent); clip-path: var(--diamond); }

.offer__grid { display: grid; grid-template-columns: 6fr 6fr; gap: clamp(32px, 6vw, 96px); align-items: center; }
.offer__photo { aspect-ratio: 3 / 2; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 64px), calc(100% - 64px) 100%, 0 100%); }
.offer__list { margin-top: var(--space-4); }
.offer__list li { position: relative; padding: 14px 0 14px 26px; border-top: 1px solid var(--color-sand); font-weight: 500; line-height: 1.35; }
.offer__list li:last-child { border-bottom: 1px solid var(--color-sand); }
.offer__list li::before { content: ''; position: absolute; left: 0; top: 19px; width: 12px; height: 12px; background: var(--color-primary); clip-path: var(--diamond); }
.offer__partner { margin-top: var(--space-3); font-weight: 600; }

/* Bloque mayorista: banda roja con hilera de rombos, como el banner de la marca */
.wholesale { position: relative; overflow: hidden; background: var(--color-accent); color: var(--color-white); }
.wholesale__tiles { position: absolute; right: -2%; top: 50%; display: flex; width: 54%; transform: translateY(-50%); opacity: .95; }
.wholesale__tiles i { display: block; flex: 1 0 0; aspect-ratio: 1; margin-left: -4%; clip-path: var(--diamond); }
.wholesale__tiles i:nth-child(3n + 1) { background: repeating-linear-gradient(135deg, rgba(255,255,255,.38) 0 3px, transparent 3px 14px), var(--color-accent-deep); }
.wholesale__tiles i:nth-child(3n + 2) { background: conic-gradient(#171A18 25%, #fff 0 50%, #171A18 0 75%, #fff 0) 0 0 / 25% 25%; }
.wholesale__tiles i:nth-child(3n) { background: repeating-linear-gradient(45deg, #8E8E8C 0 10px, #fff 10px 12px); }
.wholesale__inner { position: relative; padding-block: clamp(56px, 8vw, 120px); }
.wholesale__title { max-width: 9ch; margin-bottom: var(--space-3); font-size: clamp(3rem, 8vw, 8rem); line-height: 1; text-transform: uppercase; }
.wholesale__text { max-width: 44ch; margin-bottom: var(--space-4); font-size: var(--fs-lead); line-height: 1.45; }

.partners__grid { display: grid; grid-template-columns: 5fr 7fr; gap: var(--space-3) clamp(32px, 6vw, 96px); align-items: start; }
.partners__links { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: var(--space-3); }

@media (max-width: 1023px) {
    .offer__grid, .partners__grid { grid-template-columns: 1fr; }
    .wholesale__tiles { position: relative; top: 0; right: auto; width: 100%; transform: none; padding-top: 24px; }
    .wholesale__tiles i:nth-child(n + 5) { display: none; }
}

@media (max-width: 767px) {
    .routes__list { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .routes__list li:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .offer__photo { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%); }
    .wholesale__title { font-size: clamp(3rem, 16vw, 5rem); }
}