/* Blog de Terrany: lectura cómoda, respuesta corta arriba y fuentes al final */
.page-blog { background: var(--crema); }
.b-article { max-width: 760px; padding-top: clamp(20px, 4vw, 48px); padding-bottom: clamp(48px, 8vw, 96px); }
.b-crumbs { font-size: .85rem; color: var(--tierra-2); margin: 0 0 14px; }
.b-crumbs a { color: inherit; }
.b-article h1 { font-family: var(--ff-display); font-weight: 400; font-size: clamp(2.1rem, 5.6vw, 3.3rem); line-height: 1.06; margin: 0 0 14px; }
.b-meta { font-size: .82rem; color: var(--tierra-2); margin: 0 0 22px; }
.b-answer { padding: 18px 22px; border-radius: 22px; background: #FFFDF8; border-left: 5px solid var(--terracota); box-shadow: 0 18px 40px -30px rgba(43, 31, 23, .5); }
.b-answer .eyebrow { margin: 0 0 6px; }
.b-answer p:last-child { margin: 0; font-size: 1.12rem; line-height: 1.55; }
.b-body { font-size: 1.06rem; line-height: 1.7; }
.b-body h2 { font-family: var(--ff-display); font-weight: 400; font-size: clamp(1.5rem, 3.6vw, 2rem); line-height: 1.15; margin: 1.8em 0 .5em; }
.b-body h3 { font-size: 1.1rem; margin: 1.4em 0 .3em; }
.b-body p, .b-body ul { margin: 0 0 1em; }
.b-body ul { padding-left: 1.2em; }
.b-body li { margin-bottom: .35em; }
.b-body a { color: var(--turquesa-hondo); text-underline-offset: 3px; }
.b-sources { font-size: .85rem; line-height: 1.5; color: var(--tierra-2); padding-left: 1.4em; overflow-wrap: anywhere; }
.b-sources li { margin-bottom: .5em; }
.b-product { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 20px; align-items: center; margin: 40px 0 24px; padding: 20px; border-radius: 26px; background: #F6EDE0; }
.b-product img { width: 120px; height: auto; border-radius: 18px; padding: 10px; background: var(--card-bg); }
.b-product h2 { font-family: var(--ff-display); font-weight: 400; font-size: 1.7rem; margin: 0 0 4px; }
.b-product p { margin: 0 0 8px; }
.b-terranya { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: space-between; padding: 18px 20px; border-radius: 22px; background: color-mix(in srgb, var(--turquesa) 12%, var(--crema)); }
.b-terranya p { margin: 0; max-width: 46ch; }
.b-index h1 { font-family: var(--ff-display); font-weight: 400; font-size: clamp(2.2rem, 6vw, 3.6rem); line-height: 1.05; margin: .1em 0 .3em; max-width: 18ch; }
.b-list { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.b-card { display: grid; gap: 8px; height: 100%; padding: 20px 22px; border-radius: 24px; background: #FFFDF8; color: inherit; text-decoration: none; box-shadow: 0 18px 40px -30px rgba(43, 31, 23, .5); transition: translate .3s var(--ease-out); }
.b-card:hover { translate: 0 -3px; }
.b-card:focus-visible { outline: 3px solid var(--turquesa); outline-offset: 3px; }
.b-card strong { font-family: var(--ff-display); font-weight: 400; font-size: 1.45rem; line-height: 1.12; }
.b-card span:last-child { color: var(--tierra-2); font-size: .95rem; }
.b-tag { justify-self: start; font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--terracota); }
@media (max-width: 560px) { .b-product { grid-template-columns: 1fr; } .b-product img { width: 100px; } }