.encabezado-marcas { padding: 72px 0 78px; color: white; background: radial-gradient(circle at 82% 20%, rgba(185,144,86,.22), transparent 28%), var(--color-vino-oscuro); }
.migas-marcas { margin-bottom: 52px; display: flex; gap: 10px; color: #cdbfc0; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.encabezado-marcas h1 { margin: 0; font-family: Georgia, serif; font-size: clamp(48px, 7vw, 82px); font-weight: 400; letter-spacing: -.04em; }
.encabezado-marcas > .contenedor > p:last-child { max-width: 590px; margin: 22px 0 0; color: #d7cac4; font-size: 14px; line-height: 1.75; }
.listado-marcas { padding-top: 38px; padding-bottom: 100px; }
.resumen-marcas { margin-bottom: 28px; padding-bottom: 18px; border-bottom: 1px solid var(--color-linea); color: #736763; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.resumen-marcas strong { color: var(--color-vino); }
.grilla-todas-marcas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.grilla-todas-marcas > a { min-height: 245px; padding: 28px 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid var(--color-linea); background: var(--color-crema); transition: transform .25s, border-color .25s; }
.grilla-todas-marcas > a:hover { transform: translateY(-4px); border-color: var(--color-oro); }
.grilla-todas-marcas span { color: #5c514c; font-family: Georgia, serif; font-size: 23px; letter-spacing: .08em; text-transform: uppercase; }
.grilla-todas-marcas small { margin-top: 8px; color: var(--color-oro); font-size: 8px; letter-spacing: .2em; text-transform: uppercase; }
.grilla-todas-marcas i { margin-top: 35px; color: var(--color-vino); font-size: 9px; font-style: normal; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.marcas-vacio { padding: 90px 20px; text-align: center; }
.marcas-vacio > span { color: var(--color-oro); font-size: 34px; }
.marcas-vacio h2 { font-family: Georgia, serif; font-size: 32px; font-weight: 400; }
.marcas-vacio a { color: var(--color-vino); }
.pie-marcas { background: #211a17; }
@media (max-width: 900px) { .grilla-todas-marcas { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .grilla-todas-marcas { grid-template-columns: 1fr; } }