/* BLOG BOSCA: LEÑA VS PELLET VS ELECTRICIDAD */
.blog-bosca-calefaccion {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 8px 0 40px;
color: #1f1f1f;
font-family: inherit;
line-height: 1.55;
}
.blog-bosca-calefaccion * {
box-sizing: border-box;
}
.blog-bosca-calefaccion .blog-intro {
margin-bottom: 34px;
}
.blog-bosca-calefaccion p {
margin: 0 0 14px;
font-size: 16px;
}
.blog-bosca-calefaccion h2 {
margin: 0 0 12px;
color: #171717;
font-size: clamp(23px, 2.25vw, 32px);
line-height: 1.18;
font-weight: 700;
}
.blog-bosca-calefaccion h3 {
margin: 20px 0 8px;
color: #171717;
font-size: 17px;
line-height: 1.3;
font-weight: 700;
}
.blog-bosca-calefaccion ul,
.blog-bosca-calefaccion ol {
margin: 8px 0 18px;
padding-left: 21px;
}
.blog-bosca-calefaccion li {
margin-bottom: 6px;
font-size: 16px;
}
.blog-bosca-calefaccion .blog-row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas: "image content";
gap: 28px;
align-items: stretch;
margin-bottom: 34px;
}
.blog-bosca-calefaccion .blog-row.is-reversed {
grid-template-areas: "content image";
}
.blog-bosca-calefaccion .blog-image {
grid-area: image;
min-height: 420px;
overflow: hidden;
background: #f3f3f3;
}
.blog-bosca-calefaccion .blog-image img {
display: block;
width: 100%;
height: 100%;
min-height: 420px;
object-fit: cover;
object-position: center;
}
.blog-bosca-calefaccion .blog-content {
grid-area: content;
align-self: center;
padding: 6px 2px;
}
.blog-bosca-calefaccion .choice-list {
margin-top: 12px;
}
.blog-bosca-calefaccion .choice-list li {
margin-bottom: 14px;
}
.blog-bosca-calefaccion .choice-list strong {
display: block;
margin-bottom: 2px;
}
.blog-bosca-calefaccion .blog-summary-image {
margin: 8px 0 22px;
}
.blog-bosca-calefaccion .blog-summary-image img {
display: block;
width: 100%;
height: auto;
}
.blog-bosca-calefaccion .blog-summary {
padding: 0 0 6px;
}
.blog-bosca-calefaccion .blog-summary h2 {
font-size: 22px;
}
.blog-bosca-calefaccion .blog-note {
margin-top: 10px;
font-weight: 500;
}
@media screen and (max-width: 800px) {
.blog-bosca-calefaccion {
padding-bottom: 24px;
}
.blog-bosca-calefaccion .blog-row,
.blog-bosca-calefaccion .blog-row.is-reversed {
grid-template-columns: 1fr;
grid-template-areas:
"image"
"content";
gap: 17px;
margin-bottom: 38px;
}
.blog-bosca-calefaccion .blog-image,
.blog-bosca-calefaccion .blog-image img {
min-height: 0;
}
.blog-bosca-calefaccion .blog-image img {
height: auto;
aspect-ratio: 4 / 3;
}
.blog-bosca-calefaccion p,
.blog-bosca-calefaccion li {
font-size: 15px;
}
.blog-bosca-calefaccion h2 {
font-size: 24px;
}
}