/* Klyvora · Corrección: una sola ilustración por tarjeta, siempre dentro de su marco. */
.klyvora-art-card .klyvora-card-art{display:none!important}
.klyvora-art-card .klyvora-single-icon{
  position:relative;z-index:3;flex-shrink:0;display:grid;place-items:center;
  width:68px;height:68px;min-width:68px;min-height:68px;padding:8px;
  border:1px solid rgba(96,216,255,.38);border-radius:18px;
  background:radial-gradient(circle at 37% 30%,rgba(32,145,219,.30),rgba(6,32,60,.77) 70%);
  overflow:hidden;box-shadow:inset 0 1px 0 rgba(168,227,255,.13),0 8px 24px rgba(2,20,49,.16);
  margin-bottom:19px;
}
.klyvora-art-card .klyvora-single-icon .klyvora-inline-icon{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;
  filter:none;transform:none;
}
/* A single, contained icon for cards which previously lacked an icon. */
.klyvora-art-card .klyvora-icon-frame{
  position:relative;z-index:3;flex:0 0 auto;display:grid;place-items:center;
  width:72px;height:72px;margin:0 0 16px;padding:8px;
  overflow:hidden;border-radius:20px;
  border:1px solid rgba(93,203,250,.35);
  background:radial-gradient(circle at 30% 25%,rgba(44,148,221,.30),rgba(7,34,63,.84) 72%);
  box-shadow:inset 0 1px rgba(159,231,255,.11),0 8px 20px rgba(0,7,24,.16);
}
.klyvora-art-card .klyvora-visual-image{
  display:block;position:static!important;max-width:100%;max-height:100%;
  width:100%!important;height:100%!important;object-fit:contain;
  opacity:1!important;filter:none!important;transform:none!important;
}
/* Give headings their full width again: imagery is above the text, not over it. */
.service.klyvora-art-card h3,.case-card.klyvora-art-card h3,
.seo-card.klyvora-art-card h3,.maintenance-card.klyvora-art-card h3,
.business-card.klyvora-art-card h3,.guide-card.klyvora-art-card h2,
.audience-grid .service.klyvora-art-card h3 {max-width:100%;padding-right:0;}
.guide-card.klyvora-art-card h2{margin-top:15px!important}
.service.klyvora-art-card,.case-card.klyvora-art-card,.seo-card.klyvora-art-card,
.maintenance-card.klyvora-art-card,.business-card.klyvora-art-card,.guide-card.klyvora-art-card{
  justify-content:flex-start;
}
.service.klyvora-art-card > a,.case-card.klyvora-art-card > a{margin-top:auto}
.audience-grid .service.klyvora-art-card .klyvora-single-icon{
  width:82px;height:82px;min-width:82px;min-height:82px;padding:11px;border-radius:23px;
}
/* Original inline icon in the network illustration should also sit cleanly inside its frame. */
.network-screen,.network-node .node-icon{overflow:hidden;display:grid;place-items:center}
.network-screen .klyvora-inline-icon{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:4px;filter:none}
.network-node .node-icon .klyvora-inline-icon{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none}
/* SVG artwork already contains its own circular ring: remove the smaller external circle
   that made the drawing appear to escape its frame on service/article headers. */
.klyvora-hero-art:before{display:none!important}
.klyvora-hero-art{overflow:hidden;border-radius:50%;aspect-ratio:1;max-height:320px;isolation:isolate}
.klyvora-hero-art-img{display:block;width:100%;height:100%;object-fit:contain;padding:8px;transform:none}
.seo-highlight .klyvora-aside-art{object-fit:contain;max-width:100%;}
/* Keep the same final visual treatment for light mode. */
html[data-theme="light"] .klyvora-single-icon,
html[data-theme="light"] .klyvora-icon-frame{
 border-color:#a7cfe9;background:radial-gradient(circle at 35% 25%,#d6effc,#ecf8ff 75%);
 box-shadow:inset 0 1px #fff,0 8px 22px #154b7520;
}
@media(max-width:760px){
 .klyvora-art-card .klyvora-single-icon{width:62px;height:62px;min-width:62px;min-height:62px}
 .klyvora-art-card .klyvora-icon-frame{width:64px;height:64px;padding:8px}
 .audience-grid .service.klyvora-art-card .klyvora-single-icon{width:75px;height:75px;min-width:75px;min-height:75px}
 .klyvora-hero-art{max-width:145px;max-height:145px}
}
@media(max-width:520px){
 .klyvora-art-card .klyvora-icon-frame{width:60px;height:60px}
 .klyvora-hero-art{max-width:125px;max-height:125px}
}

/* Place numeric/segment labels opposite the badge, not overlapping it. */
.klyvora-art-card > .service-no{position:absolute!important;top:22px!important;right:23px!important;left:auto!important;z-index:4;font-size:12px}
.audience-grid .service.klyvora-art-card > .service-no{top:23px!important;right:24px!important;left:auto!important;font-size:11px;letter-spacing:.12em}
/* Avoid double circular strokes on inner SVGs: the badges are the only frame. */
.klyvora-single-icon .klyvora-inline-icon,.klyvora-icon-frame .klyvora-visual-image{object-position:center;}