/* ==========================================================
   ACÁ — Landing "Vendé en ACÁ"
   ========================================================== */
.contenedor-angosto { max-width: 680px; }

/* Hero */
.vender-hero { padding: 24px 0 8px; }
@media (min-width: 768px) { .vender-hero { padding: 44px 0 20px; } }
.vender-hero-grid { display: grid; gap: 22px; grid-template-columns: minmax(0,1fr); }
@media (min-width: 900px) { .vender-hero-grid { grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr); align-items: center; gap: 40px; } }
.vender-hero-txt .rotulo { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; color: var(--naranja); margin-bottom: 10px; }
.vender-hero-txt h1 { font-size: var(--fs-2xl); font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; }
@media (min-width: 900px) { .vender-hero-txt h1 { font-size: var(--fs-4xl); } }
.vender-hero-txt h1 .marca { color: var(--azul); }
.vender-hero-txt .bajada { margin: 12px 0 20px; color: var(--gris-700); font-size: var(--fs-md); max-width: 48ch; }
@media (min-width: 768px) { .vender-hero-txt .bajada { font-size: var(--fs-lg); } }
.vender-hero-img {
  position: relative; border-radius: var(--r-lg); overflow: hidden; min-height: 220px; aspect-ratio: 4/3;
  background: radial-gradient(120% 120% at 20% 20%, rgba(240,102,71,0.30), transparent 55%), linear-gradient(135deg, var(--azul) 0%, var(--azul-oscuro) 60%, #16307e 100%);
}
.vender-hero-img::after { content: "🏪"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 72px; opacity: 0.28; }
@media (min-width: 900px) { .vender-hero-img { aspect-ratio: auto; height: 340px; } }
.vender-hero-img .chip-flotante { position: absolute; bottom: 16px; left: 16px; background: var(--blanco); color: var(--negro); border-radius: var(--r-md); padding: 10px 14px; font-size: var(--fs-sm); font-weight: 600; box-shadow: var(--sombra-2); }

/* Beneficios */
.vender-benef { padding: 20px 0; }
.benef-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 620px) { .benef-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .benef-grid { grid-template-columns: repeat(4, 1fr); } }
.benef { background: var(--blanco); border: 1px solid var(--gris-200); border-radius: var(--r-lg); padding: 20px; }
.benef .ico { font-size: 30px; display: block; margin-bottom: 10px; }
.benef h3 { font-size: var(--fs-md); font-weight: 700; margin-bottom: 4px; }
.benef p { color: var(--gris-500); font-size: var(--fs-sm); line-height: 1.5; }

/* Pasos */
.vender-pasos { padding: 20px 0; }
.vender-pasos h2 { font-size: var(--fs-2xl); font-weight: 800; margin-bottom: 16px; }
.pasos { display: flex; flex-direction: column; gap: 14px; }
.pasos li { display: flex; gap: 14px; align-items: flex-start; }
.pasos .num { flex-shrink: 0; width: 34px; height: 34px; border-radius: var(--r-full); background: var(--naranja); color: var(--blanco); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pasos h3 { font-size: var(--fs-md); font-weight: 700; }
.pasos p { color: var(--gris-500); font-size: var(--fs-sm); margin-top: 2px; }

/* Formulario de alta */
.vender-form-sec { padding: 24px 0 44px; }
.vender-form-sec h2 { font-size: var(--fs-2xl); font-weight: 800; }
.vender-form-sec .sub { color: var(--gris-500); margin: 4px 0 18px; }
.vender-form { display: flex; flex-direction: column; gap: 14px; }
.vender-form label { display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-sm); font-weight: 600; }
.vender-form input { font-family: inherit; font-size: var(--fs-md); padding: 12px 14px; border: 1.5px solid var(--gris-200); border-radius: var(--r-md); background: var(--blanco); }
.vender-form input:focus { outline: 0; border-color: var(--azul); box-shadow: 0 0 0 4px var(--azul-suave); }