/* lacteoscalafquen.cl: un solo archivo, sin fuentes externas ni JavaScript. */
:root {
  --fondo: #faf6ee;
  --texto: #2b2620;
  --suave: #6b6156;
  --oscuro: #2b2118;
  --acento: #b07d2b;
  --linea: #e6dccb;
  --ancho: 68rem;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--fondo);
  color: var(--texto);
  font: 17px/1.65 Georgia, "Times New Roman", serif;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--acento); }
h1, h2, h3, .cabecera nav, .boton, .bajada, .pie {
  font-family: "Helvetica Neue", Arial, sans-serif;
}
h1, h2 { letter-spacing: .04em; text-transform: uppercase; line-height: 1.2; }
h1 { font-size: 2rem; margin: 0 0 .75rem; }
h2 { font-size: 1.35rem; margin: 2.5rem 0 .75rem; }
h3 { font-size: 1.05rem; margin: 1.5rem 0 .5rem; color: var(--acento); }

.cabecera {
  background: var(--oscuro);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: .75rem 1.5rem; padding: .9rem max(1rem, calc((100% - var(--ancho)) / 2));
}
.cabecera nav { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; }
.cabecera nav a {
  color: #f3ead9; text-decoration: none; text-transform: uppercase;
  font-size: .85rem; letter-spacing: .12em; padding: .25rem 0; border-bottom: 2px solid transparent;
}
.cabecera nav a:hover, .cabecera nav a[aria-current="page"] { border-bottom-color: var(--acento); }

.portada img { width: 100%; max-height: 70vh; object-fit: cover; }
.portada--baja img { max-height: 16rem; }

.bloque { max-width: var(--ancho); margin: 0 auto; padding: 2.5rem 1rem 3rem; }
.bajada { color: var(--suave); font-size: 1.1rem; margin-top: 0; }
.boton {
  display: inline-block; margin: .5rem .5rem 0 0; padding: .55rem 1.1rem; border: 1px solid var(--acento);
  color: var(--acento); text-decoration: none; text-transform: uppercase; font-size: .8rem; letter-spacing: .12em;
}
.boton:hover { background: var(--acento); color: #fff; }

.foto { margin: 2rem 0; }
.mapa { width: 100%; height: 22rem; border: 0; }

.producto { padding: 1rem 0 2rem; border-bottom: 1px solid var(--linea); }
.producto:last-child { border-bottom: 0; }
.fotos { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; margin-top: 1rem; }

.prensa {
  list-style: none; padding: 0; margin: 1.5rem 0 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 1.25rem;
}
.prensa a { display: block; text-decoration: none; }
.prensa span {
  display: block; padding-top: .4rem; font: .8rem/1.4 "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase; letter-spacing: .08em;
}

.puntos { columns: 2 20rem; column-gap: 2.5rem; }
.puntos h3 { break-after: avoid; }
.puntos ul { margin: 0 0 1rem; padding-left: 1.1rem; break-inside: avoid-column; }

.pie {
  background: var(--oscuro); color: #d9cdb8; text-align: center; padding: 2rem 1rem; font-size: .9rem;
}
.pie img { margin: 0 auto 1rem; width: 64px; }
.pie a { color: #f3ead9; }
.pie p { margin: .35rem 0; }
.legal { color: #a3957e; font-size: .8rem; }