/* ============ HERO (portada con foto) ============ */
.hero{background:var(--marron)}
.hero-foto{position:relative;min-height:min(82vh,720px);display:flex;align-items:flex-end;background:var(--marron-profundo);overflow:hidden}
.hero-imagen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.hero-degrade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,14,13,.35) 0%,rgba(42,14,13,.55) 40%,rgba(59,21,20,.92) 80%,var(--marron) 100%)}
.hero-textos{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:20px clamp(22px,6vw,48px) 26px;display:flex;flex-direction:column;gap:4px}
.hero-etiqueta{align-self:flex-start;background:#C45A42;color:var(--crema);font-weight:600;font-size:13px;letter-spacing:.12em;padding:5px 12px 4px;transform:rotate(-1.5deg)}
.hero-titulo{margin:0;font-family:var(--fuente-titulos);font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(46px,10.5vw,92px);line-height:.98;padding-top:.1em;color:var(--crema);text-wrap:balance;max-width:16ch}
.hero-bajada{margin:0;font-family:var(--fuente-manuscrita);font-weight:400;text-transform:lowercase;font-size:clamp(36px,10vw,60px);line-height:.64;padding-top:.12em;letter-spacing:.02em;color:var(--rosa);text-wrap:pretty;max-width:30ch}

/* Franja "Entregamos en todo Caballito" debajo de la foto */
.hero-entrega{max-width:1100px;margin:0 auto;padding:clamp(40px,8vw,60px) clamp(22px,6vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.hero-entrega-texto{font-size:clamp(38px,10vw,56px);color:var(--crema)}
.hero-entrega{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}
.hero-barrios{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;max-width:860px}
.hero-barrio{font-size:clamp(17px,4.4vw,21px);font-weight:600;color:var(--hueso);white-space:nowrap}
.hero-barrio:not(:last-child)::after{content:"•";margin:0 12px;color:var(--terracota)}
.hero-ver-zona{display:inline-flex;align-items:center;gap:10px;font-family:var(--fuente-titulos);font-size:18px;letter-spacing:.05em;text-transform:uppercase;color:var(--rosa);border-bottom:2px solid currentColor;padding-bottom:3px}
.hero-ver-zona:hover{color:var(--crema)}
