/* Sierra Verde — blog de guías */
.blog-wrap{padding:70px 0 100px}
.blog-wrap>h1,.blog-post h1{font-size:clamp(38px,4.6vw,64px);line-height:1.03;max-width:18ch}
.blog-post h1{max-width:22ch}
.blog-lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:68ch;margin:24px 0 0}
.blog-lead a,.blog-body a:not(.pill){color:var(--ink);font-weight:700;border-bottom:1px solid}
.blog-lead a:hover,.blog-body a:not(.pill):hover{color:var(--coral)}
.blog-migas{font-size:13px;font-weight:700;margin-bottom:40px;color:var(--muted)}
.blog-migas a:hover{color:var(--coral)}
.blog-meta{font-size:13px;color:var(--muted);margin:18px 0 0;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.blog-aviso{background:var(--coral);color:#fff;font-weight:800;font-size:13px;padding:10px 16px;display:inline-block;margin:0 0 26px}

.blog-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:54px}
.blog-card{background:var(--sand);display:flex;flex-direction:column;transition:transform .2s}
.blog-card:hover{transform:translateY(-3px)}
.blog-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.blog-card div{padding:28px 30px 32px;display:flex;flex-direction:column;flex:1}
.blog-card span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--coral)}
.blog-card h2{font-size:26px;line-height:1.15;margin:12px 0 10px;letter-spacing:-.03em}
.blog-card p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 20px}
.blog-card b{margin-top:auto;font-size:14px}
.blog-card:first-child{grid-column:1/-1;flex-direction:row}
.blog-card:first-child img{width:50%;aspect-ratio:auto}
.blog-card:first-child h2{font-size:34px}

.blog-post figure{margin:44px 0 0}
.blog-post figure img{width:100%;max-height:520px;object-fit:cover;display:block}
.blog-body{max-width:72ch;margin:50px 0 0;font-size:17px;line-height:1.8}
.blog-body h2{font-size:30px;line-height:1.15;letter-spacing:-.03em;margin:52px 0 16px}
.blog-body h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:32px 0 8px}
.blog-body p{margin:0 0 18px}
.blog-body ul,.blog-body ol{margin:0 0 22px;padding-left:22px}
.blog-body li{margin-bottom:8px}
.blog-body table{border-collapse:collapse;width:100%;margin:8px 0 26px;font-size:15px;line-height:1.5}
.blog-body th,.blog-body td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.blog-body th{font-family:Manrope,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.blog-nota{background:var(--sand);padding:20px 24px;font-size:15px;line-height:1.65;border-left:3px solid var(--coral)}
.blog-cta{background:var(--pine);color:#fff;padding:40px 38px;margin-top:60px}
.blog-cta b{font-family:Manrope,sans-serif;font-size:26px;line-height:1.2;letter-spacing:-.03em;display:block}
.blog-cta p{color:#b5c7c0;margin:12px 0 26px;font-size:16px}
.blog-cta .alt-cta{color:#fff;margin-left:24px}
.blog-mas{margin-top:80px;border-top:1px solid var(--line);padding-top:40px}
.blog-mas h2{font-size:26px;margin-bottom:18px}
.blog-mas ul{list-style:none;padding:0;margin:0}
.blog-mas li{margin-bottom:12px}
.blog-mas a{font-weight:800;border-bottom:1px solid}
.blog-mas a:hover{color:var(--coral)}

@media(max-width:800px){
.blog-wrap{padding:44px 0 70px}
.blog-list{grid-template-columns:1fr}
.blog-card:first-child{flex-direction:column}
.blog-card:first-child img{width:100%;aspect-ratio:3/2}
.blog-card:first-child h2,.blog-card h2{font-size:24px}
.blog-card div{padding:22px 20px 26px}
.blog-body{font-size:16px;margin-top:36px}
.blog-body h2{font-size:25px;margin-top:40px}
.blog-body table{font-size:14px}
.blog-body th,.blog-body td{padding:10px 8px}
.blog-cta{padding:30px 22px}
.blog-cta .alt-cta{display:inline-block;margin:20px 0 0}
.blog-lead{font-size:17px}
}