/* Landing de persil.com.ar: los colores, las tipografías y las medidas del diseño de Claude Design,
   sin su runtime. Desde el 25/9/2026 la página es solo el encabezado y el contacto (Agata). */

html { scroll-behavior: smooth; }
* { box-sizing: border-box; }
body {
  margin: 0;
  /* El verde del pie, no el crema del diseño: en una pantalla más alta que la página, lo que
     queda debajo del pie sigue al pie en vez de mostrar una franja clara. */
  background: #0B1A12;
  color: #14201A;
  font-family: 'Instrument Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: #2C5E3A; text-decoration: none; }
a:hover { color: #14201A; }
h1, h2, p, figure { margin: 0; }

.contenedor { max-width: 1080px; margin: 0 auto; padding: 0 24px; }

/* Cabecera */
.cabecera { background: #0E2016; border-bottom: 1px solid rgba(143, 191, 77, 0.22); }
.cabecera__fila { padding-top: 16px; padding-bottom: 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.marca { display: flex; align-items: baseline; gap: 9px; color: #F5F2E8; }
.marca:hover { color: #F5F2E8; }
.marca__nombre { font-size: 21px; font-weight: 600; letter-spacing: -0.02em; line-height: 1; }
.marca__rubro { font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #8FBF4D; }

/* Botones */
.boton {
  display: inline-block;
  background: #8FBF4D;
  color: #0E2016;
  font-size: 16px;
  font-weight: 600;
  padding: 16px 26px;
  border-radius: 2px;
}
.boton:hover { background: #A6D45F; color: #0E2016; }

/* Portada */
.portada { background: #0E2016; color: #F5F2E8; }
.portada__texto { padding: 76px 24px; }
/* La página de una sola sección ocupa la pantalla, así el pie queda abajo. */
.portada--sola { min-height: calc(100vh - 150px); display: flex; align-items: center; }
.portada--sola .portada__texto { width: 100%; }
.sobretitulo { font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: #8FBF4D; margin-bottom: 24px; }
.portada h1 { font-weight: 500; font-size: clamp(34px, 4.6vw, 54px); line-height: 1.08; letter-spacing: -0.03em; margin-bottom: 22px; text-wrap: pretty; }

/* Pie */
.pie { background: #0B1A12; color: #8B9A85; padding: 36px 0; }
.pie__fila { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: baseline; justify-content: space-between; }
.pie__fila span { font-size: 13px; }
.pie__fila .pie__dominio { font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; }