/* SSL Child — cabeceras de categorías R02-R06.
   Se carga únicamente en category.php, sin tocar header/footer ni entradas.
   Un único lenguaje visual para todas las categorías. */

body.category .ssl-cat-page-hero-wrap {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:24px 0 0 !important;
  background:transparent !important;
}
body.category .ssl-cat-page-hero-wrap > .ssl-container {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:1200px !important;
  margin-inline:auto !important;
  padding-inline:24px !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header {
  box-sizing:border-box !important;
  position:relative !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:30px 34px !important;
  background:#f1f5fa !important;
  background:linear-gradient(112deg,#edf2f9 0%,#f4f7fc 65%,#f7f9fc 100%) !important;
  color:#172b45 !important;
  border:1px solid #d1dceb !important;
  border-left:4px solid #2a5790 !important;
  border-radius:15px !important;
  box-shadow:0 5px 18px rgba(21,43,69,.045) !important;
  overflow:hidden !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header::before {
  content:none !important;
  display:none !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header-inner {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:23px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header-icon {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 68px !important;
  width:68px !important;
  height:68px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #cad9eb !important;
  border-radius:14px !important;
  background:#e3eefa !important;
  color:#285388 !important;
  box-shadow:none !important;
  filter:none !important;
  font-size:28px !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header-icon svg {
  display:block !important;
  width:29px !important;
  height:29px !important;
  color:#285388 !important;
  stroke:currentColor !important;
  filter:none !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header-info {
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-breadcrumb {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 0 9px !important;
  color:#60738c !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-breadcrumb a,
body.category .ssl-cat-page-hero-wrap .ssl-cat-breadcrumb span {
  color:#516981 !important;
  text-decoration:none !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-breadcrumb a:hover {
  color:#234f88 !important;
  text-decoration:underline !important;
}
body.category .ssl-cat-page-hero-wrap h1.ssl-cat-page-title {
  color:#142b48 !important;
  margin:0 0 9px !important;
  padding:0 !important;
  font-size:clamp(25px,2.3vw,34px) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:-.025em !important;
  text-shadow:none !important;
}
body.category .ssl-cat-page-hero-wrap p.ssl-cat-page-desc {
  color:#50647c !important;
  margin:0 0 15px !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:1.65 !important;
  max-width:900px !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-page-stats {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:9px !important;
  color:#486079 !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-page-stats span {
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  margin:0 !important;
  padding:6px 11px !important;
  border:1px solid #d4dfed !important;
  border-radius:7px !important;
  color:#496079 !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.category .ssl-cat-page-hero-wrap .ssl-cat-page-stats strong {
  color:#23476f !important;
  font-weight:800 !important;
}

@media (max-width:768px) {
  body.category .ssl-cat-page-hero-wrap { padding-top:16px !important; }
  body.category .ssl-cat-page-hero-wrap > .ssl-container { padding-inline:16px !important; }
  body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header { padding:22px 19px !important; border-radius:12px !important; }
  body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header-inner { gap:14px !important; align-items:flex-start !important; }
  body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header-icon { flex-basis:48px !important; width:48px !important; height:48px !important; border-radius:11px !important; }
  body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header-icon svg { width:24px !important; height:24px !important; }
  body.category .ssl-cat-page-hero-wrap h1.ssl-cat-page-title { font-size:clamp(23px,5vw,29px) !important; }
  body.category .ssl-cat-page-hero-wrap p.ssl-cat-page-desc { font-size:13px !important; }
}
@media (max-width:420px) {
  body.category .ssl-cat-page-hero-wrap > .ssl-container { padding-inline:12px !important; }
  body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header { padding:18px 15px !important; }
  body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header-inner { gap:12px !important; }
  body.category .ssl-cat-page-hero-wrap .ssl-cat-page-header-icon { flex-basis:42px !important; width:42px !important; height:42px !important; }
  body.category .ssl-cat-page-hero-wrap h1.ssl-cat-page-title { font-size:22px !important; }
  body.category .ssl-cat-page-hero-wrap .ssl-cat-page-stats { gap:6px !important; }
}