/*
Theme Name: Carrocerías Hernández Blog
Theme URI: https://www.carroceriashernandez.com/blog/
Author: Ideas Web Publicidad
Description: Tema ligero para el blog de Carrocerías Hernández. Reutiliza header, footer, CTA y assets del sitio HTML principal.
Version: 2.3.7
Text Domain: ch-blog
*/

/* ===== BLOG CH: layout editorial tipo Flatsome adaptado a Carrocerías Hernández ===== */
:root{
  --ch-blog-blue:#003B71;
  --ch-blog-blue-dark:#00294f;
  --ch-blog-text:#222;
  --ch-blog-muted:#777;
  --ch-blog-border:#dedede;
  --ch-blog-border-soft:#eeeeee;
  --ch-blog-soft:#f5f5f5;
  --ch-blog-hero:#e8e8e8;
  --ch-blog-white:#fff;
}

.ch-blog-wrap{background:#fff;}
.ch-blog-hero{
  background:var(--ch-blog-hero);
  padding:144px 20px 30px;
  text-align:center;
}
.ch-blog-hero__inner{max-width:1200px;margin:0 auto;}
.ch-blog-hero__eyebrow{display:none;}
.ch-blog-hero__title{
  color:#1d1d1d;
  font-size:44px;
  font-weight:700;
  line-height:1.05;
  margin:0;
  text-transform:uppercase;
}
.ch-blog-hero__title a{color:inherit;text-decoration:none;}
.ch-blog-hero__title a:hover{color:var(--ch-blog-blue);}
.ch-blog-hero__text{
  color:#555;
  font-size:19px;
  line-height:1.2;
  margin:16px auto 0;
  max-width:none;
}

.ch-blog-container{
  display:grid;
  grid-template-columns:minmax(0, 760px) 300px;
  gap:44px;
  max-width:1200px;
  margin:0 auto;
  padding:44px 20px 72px;
}
.ch-blog-main{
  min-width:0;
  padding-right:42px;
  border-right:1px solid var(--ch-blog-border-soft);
}
.ch-blog-sidebar{min-width:0;}

/* ===== Listado ===== */
.ch-post-card{
  position:relative;
  padding:0 0 22px;
  margin:0 0 28px;
  text-align:center;
}
.ch-post-card:last-child{margin-bottom:0;}
.ch-post-card__header{max-width:720px;margin:0 auto 22px;}
.ch-post-card__category,
.ch-post-single__category{
  color:var(--ch-blog-blue);
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.2;
  margin:0 0 9px;
  text-decoration:none;
  text-transform:uppercase;
}
.ch-post-card__title{
  color:#202020;
  font-size:29px;
  font-weight:600;
  line-height:1.18;
  margin:0 0 13px;
}
.ch-post-card__title a{color:inherit;text-decoration:none;}
.ch-post-card__title a:hover{color:var(--ch-blog-blue);}
.ch-post-meta{
  align-items:center;
  color:#8a8a8a;
  display:flex;
  font-size:12px;
  gap:14px;
  justify-content:center;
  letter-spacing:.04em;
  line-height:1.2;
  margin:0;
  text-transform:uppercase;
}
.ch-post-meta:before,
.ch-post-meta:after{
  background:#e0e0e0;
  content:"";
  display:block;
  height:1px;
  width:42px;
}
.ch-post-meta a{color:#555;text-decoration:none;}
.ch-post-media-wrap{position:relative;margin:0 0 22px;}
.ch-post-thumb,
.ch-post-single__media{
  display:block;
  overflow:visible;
  background:#f1f1f1;
  border:0;
  margin:0;
}
.ch-post-thumb img,
.ch-post-single__media img{display:block;width:100%;height:auto;}
.ch-post-date{
  position:absolute;
  z-index:3;
  left:-20px;
  top:22px;
  width:50px;
  min-height:56px;
  border:2px solid var(--ch-blog-blue);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#fff;
  color:var(--ch-blog-blue);
  line-height:1;
  box-sizing:border-box;
}
.ch-post-date__day{font-size:22px;font-weight:700;line-height:1;color:#202020;}
.ch-post-date__month{font-size:11px;font-weight:700;letter-spacing:.05em;margin-top:6px;text-transform:uppercase;color:var(--ch-blog-blue);}
.ch-post-card__excerpt{
  color:#4b4b4b;
  font-size:16px;
  line-height:1.7;
  margin:0 auto 22px;
  max-width:720px;
  text-align:left;
}
.ch-blog-button{
  align-items:center;
  border:2px solid var(--ch-blog-blue);
  color:var(--ch-blog-blue);
  display:inline-flex;
  font-size:12px;
  font-weight:700;
  justify-content:center;
  letter-spacing:.08em;
  min-height:38px;
  padding:0 18px;
  text-decoration:none;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.ch-blog-button:hover,
.ch-blog-button:focus,
.ch-blog-button:active{background:var(--ch-blog-blue);border-color:var(--ch-blog-blue);color:#fff;outline:none;}
.ch-card-footer{
  align-items:center;
  border-top:1px solid var(--ch-blog-border-soft);
  border-bottom:1px solid var(--ch-blog-border-soft);
  color:#8f8f8f;
  display:flex;
  font-size:13px;
  justify-content:center;
  line-height:1.2;
  min-height:42px;
  margin:18px 0 0;
  padding:0 10px;
  text-align:center;
}
.ch-card-footer a{color:var(--ch-blog-blue);font-weight:700;text-decoration:none;}

/* ===== Sidebar tipo referencia ===== */
.ch-widget{
  border-bottom:1px solid var(--ch-blog-border);
  margin:0 0 18px;
  padding:0 0 16px;
}
.ch-widget__title{
  color:#222;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  margin:0 0 8px;
  text-transform:uppercase;
}
.ch-widget p{color:#555;font-size:14px;line-height:1.42;margin:0;}
.ch-widget ul{list-style:none;margin:0;padding:0;}
.ch-widget li{border-top:1px solid #eeeeee;margin:0;padding:5px 0;}
.ch-widget li:first-child{border-top:0;padding-top:0;}
.ch-widget__title:after{background:#d0d0d0;content:"";display:block;height:2px;margin-top:5px;width:34px;}
.ch-widget a{color:#444;text-decoration:none;}
.ch-widget a:hover{color:var(--ch-blog-blue);}
.ch-sidebar-post{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;}
.ch-sidebar-date{
  border:2px solid var(--ch-blog-blue);
  color:var(--ch-blog-blue);
  display:flex;
  flex-direction:column;
  font-size:10px;
  font-weight:700;
  justify-content:center;
  line-height:1;
  min-height:42px;
  text-align:center;
  text-transform:uppercase;
}
.ch-sidebar-date strong{color:#222;font-size:17px;margin-bottom:4px;}
.ch-sidebar-post__title{font-size:13px;line-height:1.35;}
.tagcloud{display:flex;flex-wrap:wrap;gap:7px;}
.tagcloud a{
  border:1px solid #cfcfcf;
  color:#555;
  display:inline-block;
  font-size:12px !important;
  line-height:1;
  padding:6px 8px;
  text-decoration:none;
}
.tagcloud a:hover{border-color:var(--ch-blog-blue);color:var(--ch-blog-blue);}
.ch-sidebar-cta{background:#f6f7f8;border:1px solid #e0e0e0;padding:22px;}
.ch-sidebar-cta .ch-blog-button{margin-top:16px;}

.ch-pagination{
  border-top:1px solid var(--ch-blog-border);
  display:flex;
  gap:8px;
  justify-content:center;
  margin-top:12px;
  padding-top:18px;
}
.ch-pagination .page-numbers{
  align-items:center;
  border:1px solid var(--ch-blog-border);
  border-radius:999px;
  color:#333;
  display:inline-flex;
  font-size:12px;
  height:30px;
  justify-content:center;
  min-width:30px;
  padding:0 9px;
  text-align:center;
  text-decoration:none;
}
.ch-pagination .current,.ch-pagination .page-numbers:hover{background:var(--ch-blog-blue);border-color:var(--ch-blog-blue);color:#fff;}

/* ===== Entrada individual ===== */
.ch-post-single{max-width:760px;margin:0 auto;}
.ch-post-single__header{text-align:center;margin:0 0 28px;}
.ch-post-single__title{
  color:#202020;
  font-size:34px;
  font-weight:600;
  line-height:1.18;
  margin:0 0 13px;
}
.ch-post-single__media-wrap{position:relative;margin:0 0 30px;}
.ch-post-content{
  color:#333;
  font-size:16px;
  line-height:1.78;
  text-align:left;
}
.ch-post-content h2{font-size:28px;line-height:1.2;margin:42px 0 16px;color:#222;}
.ch-post-content h3{font-size:22px;line-height:1.25;margin:32px 0 14px;color:#222;}
.ch-post-content p{margin:0 0 24px;}
.ch-post-content ul,.ch-post-content ol{margin:0 0 26px 22px;padding:0;}
.ch-post-content a{color:var(--ch-blog-blue);}
.ch-post-content .wp-block-gallery{margin:28px 0;}

 .ch-post-share{
  border-top:1px solid var(--ch-blog-border);
  margin-top:24px;
  padding-top:16px;
  text-align:center;
}
.ch-post-share__divider{background:#ddd;height:1px;margin:0 auto 16px;width:52px;}
.ch-post-share__label{
  color:#999;
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  margin:0 0 12px;
  text-transform:uppercase;
}
.ch-post-share__links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.ch-post-share__link{
  align-items:center;
  border:2px solid #cfcfcf;
  border-radius:999px;
  color:#9a9a9a;
  display:inline-flex;
  height:34px;
  justify-content:center;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;
  width:34px;
}
.ch-post-share__link img{display:block;height:16px;width:16px;opacity:.55;transition:filter .2s ease,opacity .2s ease;}
.ch-post-share__link span{font-size:12px;font-weight:700;line-height:1;}
.ch-post-share__link:hover{background:var(--ch-blog-blue);border-color:var(--ch-blog-blue);color:#fff;}
.ch-post-share__link:hover img{filter:brightness(0) invert(1);opacity:1;}
.ch-post-share__link--facebook:hover{background:#1877f2;border-color:#1877f2;}
.ch-post-share__link--x:hover{background:#222;border-color:#222;}
.ch-post-share__link--linkedin:hover{background:#0a66c2;border-color:#0a66c2;}
.ch-post-share__link--whatsapp:hover{background:#25d366;border-color:#25d366;}
.ch-entry-meta-line{
  align-items:center;
  border-top:1px solid var(--ch-blog-border-soft);
  border-bottom:1px solid var(--ch-blog-border-soft);
  color:#777;
  display:flex;
  font-size:13px;
  justify-content:center;
  line-height:1.2;
  margin-top:16px;
  min-height:42px;
  padding:0 10px;
  text-align:center;
}
.ch-entry-meta-line a{color:var(--ch-blog-blue);font-weight:700;text-decoration:none;}
.ch-author-box{
  align-items:center;
  border-top:1px solid var(--ch-blog-border-soft);
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:12px;
  margin:8px 0;
  padding:10px 0;
}
.ch-author-avatar{
  align-items:center;
  background:#f0f0f0;
  border-radius:50%;
  color:var(--ch-blog-blue);
  display:flex;
  font-size:26px;
  font-weight:700;
  height:56px;
  justify-content:center;
  overflow:hidden;
  width:56px;
}
.ch-author-avatar img{display:block;height:56px;width:56px;border-radius:50%;}
.ch-author-box__title{font-size:13px;letter-spacing:.08em;line-height:1.1;margin:0 0 5px;text-transform:uppercase;}
.ch-author-box p{color:#555;font-size:13px;line-height:1.25;margin:0;}
.ch-post-nav{
  border-top:1px solid var(--ch-blog-border);
  border-bottom:1px solid var(--ch-blog-border);
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:24px 0 0;
}
.ch-post-nav > div{box-sizing:border-box;min-height:58px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.ch-post-nav__prev{border-right:1px solid var(--ch-blog-border);padding:12px 18px 12px 0;}
.ch-post-nav__next{align-items:flex-end;padding:12px 0 12px 18px;text-align:right;}
.ch-post-nav a{color:#222;text-decoration:none;line-height:1.25;}
.ch-post-nav span{color:#888;display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase;}

.ch-empty{font-size:18px;line-height:1.6;text-align:center;padding:50px 0;}

@media (max-width: 980px){
  .ch-blog-container{grid-template-columns:1fr;gap:38px;padding-top:44px;}
  .ch-blog-main{border-right:0;padding-right:0;}
  .ch-blog-sidebar{border-top:1px solid var(--ch-blog-border);padding-top:34px;}
  .ch-post-date{left:12px;top:14px;}
}
@media (max-width: 640px){
 .ch-blog-hero{padding:86px 18px 34px;}
  .ch-blog-hero__title{font-size:36px;}
  .ch-blog-hero__text{font-size:17px;}
  .ch-post-card__title{font-size:25px;}
  .ch-post-single__title{font-size:29px;}
  .ch-post-meta:before,.ch-post-meta:after{width:22px;}
  .ch-card-footer,.ch-post-nav{grid-template-columns:1fr;display:block;}
  .ch-post-nav__prev{border-right:0;border-bottom:1px solid var(--ch-blog-border);padding:16px 0;}
  .ch-post-nav__next{align-items:flex-start;padding:16px 0;text-align:left;}
  .ch-author-box{grid-template-columns:1fr;text-align:center;padding:8px 0;}
  .ch-author-avatar{margin:0 auto;}
}