/* INPETRAVEL V4.9.8 · Blog editorial; aislado de páginas CMS y catálogo. */
.blog-index,.blog-article{padding-top:2rem;padding-bottom:5rem;}
.blog-breadcrumb{margin:0 0 2.35rem;color:#636b61;font-size:.9rem;line-height:1.5}
.blog-breadcrumb ol{padding:0;margin:0;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.blog-breadcrumb li{display:flex;align-items:center;gap:.5rem;min-width:0}
.blog-breadcrumb li+li:before{content:'/';color:#a4b09e;margin-right:.1rem}
.blog-breadcrumb a{color:#526c2b;text-decoration:underline;text-underline-offset:3px}
.blog-breadcrumb [aria-current]{font-weight:700;color:#263028}
.blog-eyebrow{font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:#83982c;font-weight:800;margin:0 0 .9rem}
.blog-index__head{padding:0 0 2.8rem}
.blog-index__head h1{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.13;color:#171b17;font-weight:800;letter-spacing:-.045em;margin:0 0 1rem}
.blog-index__head>p:last-child{max-width:900px;color:#525d52;font-size:1.05rem;line-height:1.8;margin:0}
.blog-pro__layout{display:grid;grid-template-columns:minmax(245px,295px) minmax(0,1fr);gap:clamp(1.8rem,3vw,3.4rem);align-items:start}
.blog-pro__main,.blog-sidebar{min-width:0}
.blog-sidebar{display:grid;gap:1.1rem}
.blog-sidebar__box{background:#fff;border:1px solid #e1e7d9;border-radius:15px;padding:1.35rem;min-width:0}
.blog-sidebar__box h2{font-size:1.03rem;font-weight:800;line-height:1.3;margin:0 0 1.1rem;color:#171b17}
.blog-sidebar__search form{display:flex;flex-direction:column;gap:.55rem}
.blog-sidebar__search input{width:100%;min-width:0;border-radius:8px;border:1px solid #c9d5b6;padding:.82rem .85rem;font:500 .94rem Montserrat,Arial,sans-serif;color:#27302a;background:#fff}
.blog-sidebar__search button{background:#acbd51;color:#151b13;font:800 .9rem Montserrat,Arial,sans-serif;border:0;border-radius:8px;min-height:43px;cursor:pointer}
.blog-sidebar__search button:hover,.blog-sidebar__cta:hover{background:#bdcd65;color:#151b13}
.blog-sidebar__categories,.blog-sidebar__recent{list-style:none;margin:0;padding:0}
.blog-sidebar__categories li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 0;border-bottom:1px solid #edf1e8;margin:0}
.blog-sidebar__categories li:last-child{border:0;padding-bottom:0}
.blog-sidebar__categories a,.blog-sidebar__recent a{font-size:.89rem;line-height:1.55;color:#293629;text-decoration:none;font-weight:600}
.blog-sidebar__categories a:hover,.blog-sidebar__recent a:hover{color:#81952b;text-decoration:underline}
.blog-sidebar__categories span{font-size:.75rem;display:grid;place-items:center;min-width:25px;padding:.14rem .35rem;background:#f1f4e7;color:#5b6e39;border-radius:10px;font-weight:700}
.blog-sidebar__recent li{padding:.65rem 0;border-bottom:1px solid #edf1e8;margin:0}
.blog-sidebar__recent li:last-child{border:0}
.blog-sidebar__banner{background:#f4f7ed;border:1px solid #d1ddb7;border-radius:15px;padding:1.35rem;overflow:hidden}
.blog-sidebar__banner img{display:block;width:calc(100% + 2.7rem);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:-1.35rem -1.35rem 1.25rem}
.blog-sidebar__banner h2{font-size:1.25rem;line-height:1.27;font-weight:800;color:#171b17;margin:0 0 .65rem}
.blog-sidebar__banner p{font-size:.9rem;line-height:1.65;color:#515d50;margin:0 0 1.1rem}
.blog-sidebar__cta{display:block;text-align:center;border-radius:9px;background:#acbd51;color:#151b13;text-decoration:none;padding:.85rem .7rem;font-size:.88rem;font-weight:800}
.blog-sidebar__html{line-height:1.7;font-size:.91rem;overflow-wrap:anywhere}
.blog-sidebar__html img{max-width:100%;height:auto}
.blog-sidebar__html table{display:block;max-width:100%;overflow-x:auto}
.blog-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}
.blog-tag-list a{color:#334528;border:1px solid #d2ddb9;background:#f4f7eb;padding:.4rem .72rem;border-radius:999px;font-size:.78rem;font-weight:650;text-decoration:none;line-height:1.3}
.blog-tag-list a:hover{border-color:#acbd51;background:#e8efce}
.blog-pro__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}
.blog-pro-card{border:1px solid #e3e9d9;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(20,38,14,.035)}
.blog-pro-card__image{display:block;overflow:hidden;aspect-ratio:16/10;background:#e7edde}
.blog-pro-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.blog-pro-card__image:hover img{transform:scale(1.035)}
.blog-pro-card__body{padding:1.3rem}
.blog-pro-card__category,.blog-article__category{font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:#81952b;text-decoration:none}
.blog-pro-card h2{font-size:1.2rem;line-height:1.37;letter-spacing:-.03em;font-weight:800;margin:.65rem 0;color:#1a211a}
.blog-pro-card h2 a,.blog-related-item a{color:inherit;text-decoration:none}
.blog-pro-card h2 a:hover,.blog-related-item a:hover{color:#78922d}
.blog-pro-card time{font-size:.78rem;color:#667064}
.blog-pro-card__body>p{font-size:.91rem;line-height:1.7;color:#535d52;margin:.8rem 0 1rem}
.blog-pro-card__read{font-size:.87rem;font-weight:800;color:#556e25;text-decoration:underline;text-underline-offset:4px}
.blog-pagination{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:2rem 0 0}
.blog-pagination a{border-radius:8px;border:1px solid #d7e0c5;min-width:42px;height:42px;display:grid;place-items:center;text-decoration:none;color:#263026;font-weight:700}
.blog-pagination a[aria-current]{background:#acbd51;border-color:#acbd51}
.blog-empty{padding:2rem;border:1px solid #e6ebdf;border-radius:14px;background:#fafbf8}
.blog-intro{margin-bottom:2rem;font-size:1rem;line-height:1.8}
.blog-article__header{margin-bottom:1.5rem}
.blog-article__header h1{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.18;letter-spacing:-.045em;font-weight:800;color:#161c17;margin:.8rem 0 1rem}
.blog-article__lead{font-size:1.08rem;color:#4d594b;line-height:1.8;margin:0 0 1rem}
.blog-article__meta{font-size:.83rem;color:#697168;display:flex;align-items:center;gap:.5rem}
.blog-article__cover{margin:1.5rem 0 2rem;border-radius:13px;overflow:hidden;background:#f0f3e9}
.blog-article__cover img{width:100%;max-height:460px;aspect-ratio:16/9;display:block;object-fit:cover}
.blog-article__body{font-size:1.04rem;line-height:1.9;overflow-wrap:break-word}
.blog-article__body h2{font-size:1.7rem;line-height:1.3;margin:2rem 0 1rem}
.blog-article__body h3{font-size:1.3rem;line-height:1.4;margin:1.5rem 0 .7rem}
.blog-article__body img{max-width:100%;height:auto}
.blog-article__tags{border-top:1px solid #e2e8da;margin-top:2rem;padding:1.5rem 0;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.blog-article__tags strong{font-size:.92rem}
.blog-article__bottom-cta{background:#f1f5e6;border:1px solid #d5dfba;border-radius:15px;padding:clamp(1.4rem,3vw,2rem);margin:1.5rem 0 2.5rem}
.blog-article__bottom-cta h2{font-size:1.45rem;font-weight:800;margin:0 0 .8rem}
.blog-article__bottom-cta p{font-size:.94rem;color:#4d594b;line-height:1.7;margin:0 0 1.3rem}
.blog-article__bottom-cta a{display:inline-block;background:#acbd51;color:#171d15;text-decoration:none;padding:.8rem 1.15rem;border-radius:8px;font-weight:800;font-size:.91rem}
.blog-article__related h2{font-size:1.5rem;font-weight:800;margin:0 0 1.1rem}
.blog-related-item{border:1px solid #e2e8d9;padding:1.1rem;border-radius:10px;background:#fff;font-size:.92rem;font-weight:700;line-height:1.5}
.blog-article__related .blog-pro__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:950px){.blog-pro__layout{grid-template-columns:230px minmax(0,1fr);gap:1.3rem}.blog-pro__cards{grid-template-columns:1fr}.blog-article__related .blog-pro__cards{grid-template-columns:1fr}}
@media(max-width:760px){.blog-index,.blog-article{padding-top:1.5rem;padding-bottom:3rem}.blog-pro__layout{display:flex;flex-direction:column;gap:2rem}.blog-pro__main{order:1;width:100%}.blog-sidebar{order:2;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-sidebar__box,.blog-sidebar__banner{padding:1.2rem}.blog-sidebar__banner img{width:calc(100% + 2.4rem);margin:-1.2rem -1.2rem 1.2rem}.blog-pro__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article__header h1{font-size:2.1rem}}
@media(max-width:560px){.blog-sidebar,.blog-pro__cards{grid-template-columns:1fr}.blog-index__head h1{font-size:2.2rem}.blog-article__header h1{font-size:2rem}.blog-breadcrumb{margin-bottom:1.5rem}}

/* Índice de contenidos automático (artículos con tres encabezados o más) */
.blog-article__toc{background:#f5f8ef;border:1px solid #d9e4c6;border-left:4px solid #acbd51;border-radius:11px;padding:1.2rem 1.5rem;margin-bottom:2.5rem}
.blog-article__toc strong{display:block;font-size:1.03rem;font-weight:800;margin-bottom:.75rem;color:#202a1c}
.blog-article__toc ol{margin:0;padding-left:1.2rem}.blog-article__toc li{margin:.35rem 0;line-height:1.5}
.blog-article__toc a{font-weight:600;font-size:.93rem;color:#3e5729;text-decoration:none}
.blog-article__toc a:hover{text-decoration:underline}.blog-article__toc-subitem{margin-left:1rem!important}
.blog-article__body h2,.blog-article__body h3{scroll-margin-top:85px}

/* V4.9.9 — Hero editable de la portada del blog (fotografía de CMS). */
.blog-landing-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(340px,36vw,510px);background:#1a251c;color:#fff;overflow:hidden}
.blog-landing-hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.blog-landing-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,19,18,.82) 0%,rgba(14,19,18,.58) 55%,rgba(14,19,18,.3) 100%);z-index:-1;pointer-events:none}
.blog-landing-hero__inner{width:100%;padding-top:clamp(54px,7vw,105px);padding-bottom:clamp(54px,7vw,105px)}
.blog-landing-hero__eyebrow{font-size:.89rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c9de78;margin:0 0 1.1rem}
.blog-landing-hero h1{color:#fff;font-size:clamp(2.4rem,4.7vw,4.6rem);letter-spacing:-.045em;font-weight:800;line-height:1.08;max-width:900px;margin:0 0 1rem}
.blog-landing-hero__subtitle{color:#fff;font-size:clamp(1rem,1.3vw,1.19rem);line-height:1.75;max-width:780px;margin:0}
.blog-landing-hero__button{display:inline-flex;gap:.7rem;align-items:center;margin-top:1.7rem;background:#acbd51;color:#18200f!important;padding:.95rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:800;font-size:.95rem}
.blog-index__head h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;color:#171b17;font-weight:800;letter-spacing:-.04em;margin:0 0 1rem}
.blog-index__head{padding-bottom:2.1rem}
@media(max-width:700px){.blog-landing-hero{min-height:335px}.blog-landing-hero:before{background:linear-gradient(90deg,rgba(14,19,18,.86),rgba(14,19,18,.55))}.blog-landing-hero__inner{padding-top:56px;padding-bottom:56px}}

/* V4.9.10 · Hero igual que el resto de las páginas: ancho y márgenes corporativos.
   La clase .blog-landing-hero__inner declaraba width:100% y anulaba el .container global. */
.blog-landing-hero__inner.container{
    width:min(calc(100% - 3.3rem),var(--page-width));
    max-width:var(--page-width);
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}
/* Con un único artículo se aprovecha el ancho en vez de dejar media cuadrícula vacía.
   A partir de dos entradas la distribución continúa a dos columnas. */
@media(min-width:951px){
    .blog-pro__cards--single,.blog-pro__cards--single-no-image{grid-template-columns:minmax(0,1fr)}
    .blog-pro__cards--single .blog-pro-card{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);align-items:stretch}
    .blog-pro__cards--single .blog-pro-card__image{aspect-ratio:auto;height:100%;min-height:275px}
    .blog-pro__cards--single .blog-pro-card__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(1.3rem,2.2vw,2rem)}
}
@media(max-width:720px){
    .blog-landing-hero__inner.container{width:min(calc(100% - 2rem),var(--page-width))}
}