/*
 * Portada: «Del cuaderno de finca» (blog/inicio.php). Mismo lenguaje que
 * «¿Para qué lo quieres?» (.lm3-elige): Playfair, cursiva oliva, fotos sin marco.
 */
/* El pie monta sobre la última sección: el hueco que antes dejaba «elige» lo deja ahora el cuaderno. */
body .lm3 .lm3-elige { padding-bottom: 96px; }
.lm3-cuaderno { padding: 0 0 clamp(170px, 16vw, 260px); background: transparent; }
.lm3-cuaderno-wrap { width: min(1280px, 100% - 2 * var(--gutter, 24px)); margin-inline: auto; padding-top: 72px; border-top: 1px solid var(--hilo, #DCD5C4); }
.lm3-cuaderno-cab { max-width: 720px; }
.lm3-cuaderno h2 { font: 400 clamp(38px, 4.4vw, 64px)/1.04 "Playfair Display", Georgia, serif; letter-spacing: -.03em; color: var(--negro, #1B1B17); margin: 0; }
.lm3-cuaderno h2 em, .lm3-cuaderno-pie em { font-style: italic; color: #57633A; }
.lm3-cuaderno-cab p { margin: 20px 0 0; font-size: 19px; color: var(--tinta, #3A3A33); }
.lm3-cuaderno-lista { list-style: none; margin: 64px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
.lm3-cuaderno-lista a { display: grid; gap: 14px; text-decoration: none; color: inherit; }
.lm3-cuaderno-foto { display: block; overflow: hidden; background: var(--lino, #EFE9DD); }
.lm3-cuaderno-foto img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; transition: transform 1.2s var(--ease, cubic-bezier(.2, .7, .2, 1)); }
.lm3-cuaderno-lista a:hover .lm3-cuaderno-foto img { transform: scale(1.04); }
.lm3-cuaderno-uso { margin-top: 6px; font: 500 11px/1.4 Inter, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #735F30; }
.lm3-cuaderno h3 { font: 400 26px/1.15 "Playfair Display", Georgia, serif; color: var(--negro, #1B1B17); margin: 0; }
.lm3-cuaderno-lista p { margin: 0; font-size: 15px; color: var(--piedra, #6B675C); }
.lm3-cuaderno-pie { margin-top: 72px; padding-top: 36px; border-top: 1px solid var(--hilo, #DCD5C4); display: flex; justify-content: space-between; align-items: center; gap: 24px 32px; flex-wrap: wrap; }
.lm3-cuaderno-pie > p { margin: 0; font: 400 26px/1.3 "Playfair Display", Georgia, serif; color: var(--negro, #1B1B17); }
.lm3-cuaderno-boton { display: inline-flex; align-items: center; height: 56px; padding: 0 32px; border-radius: 2px; background: var(--negro, #1B1B17); color: var(--marfil, #F7F3EA) !important; font: 500 13px/1 Inter, sans-serif; letter-spacing: .18em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background-color .3s; }
.lm3-cuaderno-boton:hover { background: #2F3A22; }

@media (max-width: 900px) {
	body .lm3 .lm3-elige { padding-bottom: 64px; }
	.lm3-cuaderno { padding-bottom: 160px; }
	.lm3-cuaderno-wrap { padding-top: 56px; }
	.lm3-cuaderno-lista { grid-template-columns: minmax(0, 1fr); gap: 40px; margin-top: 48px; }
	.lm3-cuaderno-pie { margin-top: 56px; }
	.lm3-cuaderno-pie > p { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
	.lm3-cuaderno-foto img { transition: none; }
}
