/* Blog Barón 0.7.8 · CSS-only, sin sidebar ni JS específico */
.baron-blog-main{background:#fff;color:var(--baron-text)}
.baron-blog-kicker{display:block;margin-bottom:8px;color:var(--baron-blue);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}

.baron-blog-index__hero,.baron-blog-category__hero,.baron-blog-article__hero{padding:34px 0 38px;background:#f5f8fc;border-bottom:1px solid #e3eaf3}
.baron-blog-index__hero h1,.baron-blog-category__hero h1,.baron-blog-article__hero h1{max-width:920px;margin:12px 0 12px;color:var(--baron-blue-dark);font-size:clamp(2rem,4.3vw,3.6rem);line-height:1.04;letter-spacing:-.035em}
.baron-blog-index__hero>div>p{max-width:760px;margin:0;color:#526074;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.65}
.baron-blog-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.baron-blog-topics a,.baron-blog-article__labels a,.baron-blog-article__labels span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #d9e4f1;border-radius:999px;background:#fff;color:var(--baron-blue-dark);font-size:.76rem;font-weight:700;text-decoration:none}
.baron-blog-topics a:hover,.baron-blog-topics a:focus-visible,.baron-blog-article__labels a:hover,.baron-blog-article__labels a:focus-visible{border-color:#afc7e4;color:var(--baron-blue)}

.baron-blog-listing,.baron-blog-related{padding:46px 0 58px}
.baron-blog-listing__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.baron-blog-listing__head h2{margin:0;color:var(--baron-blue-dark);font-size:clamp(1.55rem,2.8vw,2.15rem);line-height:1.12}
.baron-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.baron-blog-card{min-width:0;overflow:hidden;border:1px solid #e0e7f0;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(13,46,88,.055)}
.baron-blog-card__media{display:block;aspect-ratio:3/2;overflow:hidden;background:#eef3f8}
.baron-blog-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.baron-blog-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#edf3f9,#dfe9f4)}
.baron-blog-card__body{padding:17px 18px 18px}
.baron-blog-card__category{display:inline-block;margin-bottom:8px;color:var(--baron-blue);font-size:.71rem;font-weight:800;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.baron-blog-card__title{margin:0 0 8px;font-size:1.15rem;line-height:1.28;letter-spacing:-.015em}
.baron-blog-card__title a{color:var(--baron-blue-dark);text-decoration:none}
.baron-blog-card__title a:hover,.baron-blog-card__title a:focus-visible{color:var(--baron-blue)}
.baron-blog-card p{margin:0;color:#5b6778;font-size:.9rem;line-height:1.55}
.baron-blog-card__meta{margin-top:14px;color:#7b8795;font-size:.74rem}

.navigation.pagination{margin-top:32px}
.navigation.pagination .nav-links,.navigation.pagination ul{display:flex;flex-wrap:wrap;gap:7px;align-items:center;list-style:none;margin:0;padding:0}
.navigation.pagination a,.navigation.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:7px 11px;border:1px solid #d8e2ed;border-radius:8px;text-decoration:none}
.navigation.pagination a{color:var(--baron-blue-dark);background:#fff}
.navigation.pagination a:hover,.navigation.pagination a:focus-visible{border-color:#a8bfd9;color:var(--baron-blue)}
.navigation.pagination .current{background:var(--baron-blue);border-color:var(--baron-blue);color:#fff;font-weight:800}

.baron-blog-category__hero-inner{max-width:970px}
.baron-blog-category__description{max-width:840px;color:#526074;font-size:1rem;line-height:1.7}
.baron-blog-category__description>*:first-child{margin-top:0}
.baron-blog-category__description>*:last-child{margin-bottom:0}
.baron-blog-category__description h2{margin-top:1.4rem;color:var(--baron-blue-dark);font-size:1.25rem}

.baron-blog-article__header-inner{max-width:1000px}
.baron-blog-article__labels{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.baron-blog-article__lead{max-width:820px;margin:0;color:#526074;font-size:clamp(1.05rem,1.7vw,1.24rem);line-height:1.6}
.baron-blog-article__meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:#758193;font-size:.78rem}
.baron-blog-article__media{width:min(100% - 32px,1080px);margin-top:34px}
.baron-blog-article__image{display:block;width:100%;height:auto;max-height:610px;object-fit:cover;border-radius:14px}
.baron-blog-article__content{width:min(100% - 32px,820px);padding-top:38px;padding-bottom:50px;font-size:1rem;line-height:1.78}
.baron-blog-article__content h2{margin-top:2.15em;color:var(--baron-blue-dark);font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.2}
.baron-blog-article__content h3{margin-top:1.7em;color:var(--baron-blue-dark);font-size:1.22rem;line-height:1.3}
.baron-blog-article__content p,.baron-blog-article__content ul,.baron-blog-article__content ol{margin-top:0;margin-bottom:1.2em}
.baron-blog-article__content a{color:var(--baron-blue);text-underline-offset:.15em}

.baron-blog-crosslinks{padding:38px 0;background:#f7f9fc;border-top:1px solid #e5ebf2}
.baron-blog-crosslinks--entities{background:#fff}
.baron-blog-crosslinks__inner{width:min(100% - 32px,980px)}
.baron-blog-crosslinks h2{margin:0 0 18px;color:var(--baron-blue-dark);font-size:clamp(1.4rem,2.5vw,1.9rem)}
.baron-blog-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.baron-blog-link-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:13px 15px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;color:var(--baron-blue-dark);font-weight:750;text-decoration:none}
.baron-blog-link-card:hover,.baron-blog-link-card:focus-visible{border-color:#adc5df;color:var(--baron-blue)}
.baron-blog-entity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.baron-blog-entity{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid #e0e7ef;border-radius:10px;color:var(--baron-blue-dark);text-decoration:none}
.baron-blog-entity__logo{display:grid;place-items:center;flex:0 0 62px;width:62px;height:44px;overflow:hidden}
.baron-blog-entity__logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.baron-blog-entity strong{min-width:0;font-size:.86rem;line-height:1.25}

.baron-blog-final-cta{padding:40px 0 54px}
.baron-blog-final-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:26px 28px;border-radius:13px;background:var(--baron-blue-dark);color:#fff}
.baron-blog-final-cta h2{margin:0 0 7px;color:#fff;font-size:clamp(1.45rem,2.5vw,2rem)}
.baron-blog-final-cta p{margin:0;color:rgba(255,255,255,.78);line-height:1.55}
.baron-blog-final-cta .baron-blog-kicker{color:#a9c8ee}
.baron-blog-final-cta__button{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:11px 16px;border-radius:8px;background:var(--baron-green);color:#fff;font-weight:800;text-decoration:none}

@media(max-width:900px){
  .baron-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .baron-blog-link-grid{grid-template-columns:1fr 1fr}
  .baron-blog-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .baron-blog-index__hero,.baron-blog-category__hero,.baron-blog-article__hero{padding:24px 0 30px}
  .baron-blog-grid,.baron-blog-link-grid,.baron-blog-entity-grid{grid-template-columns:1fr}
  .baron-blog-listing,.baron-blog-related{padding:34px 0 42px}
  .baron-blog-card__body{padding:15px}
  .baron-blog-article__media{width:min(100% - 24px,1080px);margin-top:22px}
  .baron-blog-article__image{border-radius:10px}
  .baron-blog-article__content{width:min(100% - 24px,820px);padding-top:28px;padding-bottom:38px}
  .baron-blog-final-cta__inner{align-items:flex-start;flex-direction:column;padding:22px}
}

/* ============================================================
   0.7.8 · Auditoría visual blog
   ============================================================ */

/* Categoría principal con más identidad; Temas Barón quedan secundarios. */
.baron-blog-article__labels .baron-blog-article__category{
  border-color:var(--baron-blue);
  background:var(--baron-blue);
  color:#fff;
  box-shadow:0 4px 12px rgba(11,79,165,.12);
}
.baron-blog-article__labels .baron-blog-article__category:hover,
.baron-blog-article__labels .baron-blog-article__category:focus-visible{
  border-color:var(--baron-blue-dark);
  background:var(--baron-blue-dark);
  color:#fff;
}
.baron-blog-article__labels .baron-blog-article__topic{background:#edf4fc;border-color:#d6e5f6;color:#315f95}
.baron-blog-category__hero{box-shadow:inset 4px 0 0 #d8e8fa}

/* Imágenes editoriales: a la derecha y con texto envolvente. Los H2/H3
   limpian el float para que un nuevo apartado no arranque a su lado. */
.baron-blog-article__content{display:flow-root}
.baron-blog-article__content img:not(.emoji):not(.wp-smiley){
  float:right;
  width:auto;
  max-width:min(46%,430px);
  height:auto;
  margin:.2rem 0 1.25rem 1.55rem;
  border-radius:10px;
}
.baron-blog-article__content figure.wp-block-image{
  float:right;
  width:auto;
  max-width:min(46%,430px);
  margin:.2rem 0 1.25rem 1.55rem;
}
.baron-blog-article__content figure.wp-block-image img{float:none;max-width:100%;margin:0}
.baron-blog-article__content h2,.baron-blog-article__content h3{clear:both}
.baron-blog-article__content::after{display:block;clear:both;content:""}

/* Productos: reutiliza el lenguaje de las cards del catálogo/Home,
   pero con CSS mínimo propio del blog. */
.baron-blog-crosslinks--products{padding:44px 0;background:#f4f8fd}
.baron-blog-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.baron-blog-product-card{min-width:0;overflow:hidden;border:1px solid #dce6f1;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(13,46,88,.055)}
.baron-blog-product-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#eaf1f8}
.baron-blog-product-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.baron-blog-product-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#edf3f9,#dbe7f3)}
.baron-blog-product-card__body{padding:16px 17px 17px}
.baron-blog-product-card h3{margin:0 0 8px;font-size:1.04rem;line-height:1.28}
.baron-blog-product-card h3 a{color:var(--baron-blue-dark);text-decoration:none}
.baron-blog-product-card p{margin:0 0 13px;color:#5b6778;font-size:.84rem;line-height:1.5}
.baron-blog-product-card__cta{display:inline-flex;align-items:center;gap:7px;color:var(--baron-blue);font-size:.8rem;font-weight:800;text-decoration:none}
.baron-blog-product-card:hover{border-color:#bfd1e4;box-shadow:0 10px 25px rgba(13,46,88,.08)}

/* Compañías y colaboradores quedan semántica y visualmente separados. */
.baron-blog-crosslinks--companies{background:#fff}
.baron-blog-crosslinks--collaborators{background:#f8fafc}

/* Home: dos artículos destacados ocupan dos columnas horizontales.
   En tablet/móvil vuelven a la card estándar para evitar layout frágil. */
@media(min-width:901px){
  .baron-blog-grid--mosaic{grid-auto-flow:row dense}
  .baron-blog-grid--mosaic .baron-blog-card--wide{
    grid-column:span 2;
    display:grid;
    grid-template-columns:minmax(0,1.22fr) minmax(250px,.78fr);
  }
  .baron-blog-grid--mosaic .baron-blog-card--wide .baron-blog-card__media{height:100%;aspect-ratio:auto;min-height:275px}
  .baron-blog-grid--mosaic .baron-blog-card--wide .baron-blog-card__body{display:flex;flex-direction:column;justify-content:center;padding:24px 26px}
  .baron-blog-grid--mosaic .baron-blog-card--wide .baron-blog-card__title{font-size:clamp(1.3rem,1.8vw,1.65rem)}
}

/* Banda de categorías dentro del flujo de la Home. */
.baron-blog-category-band{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(210px,.7fr) minmax(0,2fr);
  gap:22px;
  align-items:center;
  padding:24px;
  border:1px solid #dce7f2;
  border-radius:14px;
  background:linear-gradient(135deg,#f5f9fe,#eef5fc);
}
.baron-blog-category-band__copy strong{display:block;color:var(--baron-blue-dark);font-size:1.18rem;line-height:1.25}
.baron-blog-category-band__links{display:flex;flex-wrap:wrap;gap:8px}
.baron-blog-category-band__links a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px 7px 12px;border:1px solid #d3e1ef;border-radius:9px;background:#fff;color:var(--baron-blue-dark);font-size:.78rem;font-weight:750;text-decoration:none}
.baron-blog-category-band__links a:hover,.baron-blog-category-band__links a:focus-visible{border-color:#aac4df;color:var(--baron-blue)}
.baron-blog-category-band__links small{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#edf4fc;color:#52749a;font-size:.65rem}

/* Categorías: CTA editorial cada seis posts, sin salir del grid. */
.baron-blog-inline-cta{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px;
  border-radius:13px;
  background:var(--baron-blue-dark);
  color:#fff;
}
.baron-blog-inline-cta .baron-blog-kicker{color:#a9c8ee}
.baron-blog-inline-cta strong{display:block;font-size:1.22rem;line-height:1.25}
.baron-blog-inline-cta p{margin:5px 0 0;color:rgba(255,255,255,.78);font-size:.88rem}
.baron-blog-inline-cta button,.baron-blog-final-cta__button{
  flex:0 0 auto;
  min-height:40px;
  padding:10px 14px;
  border:0;
  border-radius:8px;
  background:var(--baron-green);
  color:#fff;
  font:inherit;
  font-size:.8rem;
  font-weight:800;
  cursor:pointer;
}
.baron-blog-inline-cta button:hover,.baron-blog-inline-cta button:focus-visible,
.baron-blog-final-cta__button:hover,.baron-blog-final-cta__button:focus-visible{filter:brightness(.96)}

/* Mismo dialog ligero de las fichas, sin formularios ni terceros. */
.baron-blog-contact-dialog{width:min(92vw,470px);max-width:470px;padding:0;border:0;border-radius:14px;background:#fff;color:#263445;box-shadow:0 24px 70px rgba(0,20,55,.28)}
.baron-blog-contact-dialog::backdrop{background:rgba(4,21,47,.54)}
.baron-blog-contact-dialog .baron-contact-dialog__panel{position:relative;padding:26px}
.baron-blog-contact-dialog .baron-contact-dialog__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:999px;background:#eef3f8;color:#29415e;font-size:1.35rem;line-height:1;cursor:pointer}
.baron-blog-contact-dialog .baron-contact-dialog__eyebrow{margin:0 42px 5px 0;color:var(--baron-blue);font-size:.69rem;font-weight:760;letter-spacing:.06em;text-transform:uppercase}
.baron-blog-contact-dialog h2{margin:0 42px 8px 0;color:var(--baron-blue-dark);font-size:1.45rem;line-height:1.2}
.baron-blog-contact-dialog p{margin:0;color:#607083;font-size:.88rem;line-height:1.55}
.baron-blog-contact-dialog .baron-contact-dialog__actions{display:grid;gap:9px;margin-top:20px}
.baron-blog-contact-dialog .baron-contact-option{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 12px;border:1px solid #dce4ed;border-radius:10px;color:var(--baron-blue-dark);text-decoration:none;background:#fff}
.baron-blog-contact-dialog .baron-contact-option:hover,.baron-blog-contact-dialog .baron-contact-option:focus-visible{border-color:#b7c7d8;background:#f8fafc}
.baron-blog-contact-dialog .baron-contact-option svg{flex:0 0 auto;width:21px;height:21px;fill:var(--baron-blue)}
.baron-blog-contact-dialog .baron-contact-option--wa svg{fill:var(--baron-whatsapp)}
.baron-blog-contact-dialog .baron-contact-option span{display:flex;flex-direction:column;gap:2px}
.baron-blog-contact-dialog .baron-contact-option strong{font-size:.9rem}
.baron-blog-contact-dialog .baron-contact-option small{color:#6f7c8b;font-size:.73rem}

@media(max-width:900px){
  .baron-blog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .baron-blog-category-band{grid-template-columns:1fr}
}
@media(max-width:640px){
  .baron-blog-article__content img:not(.emoji):not(.wp-smiley),
  .baron-blog-article__content figure.wp-block-image{float:none;width:auto;max-width:100%;margin:1rem auto 1.35rem}
  .baron-blog-product-grid{grid-template-columns:1fr}
  .baron-blog-inline-cta{align-items:flex-start;flex-direction:column;padding:22px}
  .baron-blog-category-band{padding:20px}
  .baron-blog-category-band__links{display:grid;grid-template-columns:1fr}
  .baron-blog-category-band__links a{justify-content:space-between}
  .baron-blog-contact-dialog .baron-contact-dialog__panel{padding:22px 18px 18px}
}