/* CTRL360 — Centro de conocimiento Premium v1 */
.page-conocimiento{
  --kp-navy:#0b2835;
  --kp-navy-deep:#061b26;
  --kp-green:#67bf47;
  --kp-green-2:#84d35f;
  --kp-text:#17323b;
  --kp-muted:#667770;
  --kp-line:#dfe8e2;
  background:#fff;
}

/* Keep white mega-menu and force readable navigation contrast */
.page-conocimiento .enterprise-nav .mega-menu{background:#fff!important}
.page-conocimiento .enterprise-nav .mega-menu .mega-col h4{color:#58aa40!important}
.page-conocimiento .enterprise-nav .mega-menu .mega-col a{color:#17323b!important}
.page-conocimiento .enterprise-nav .mega-menu .mega-col a:hover{color:#58aa40!important}

.page-conocimiento .kp-premium-hero{
  position:relative;
  min-height:610px;
  padding:0;
  color:#fff;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 36%,rgba(62,193,209,.15),transparent 27%),
    radial-gradient(circle at 72% 80%,rgba(105,199,70,.10),transparent 23%),
    linear-gradient(120deg,#061923 0%,#092936 62%,#0a3140 100%);
  border-bottom:1px solid rgba(105,199,70,.17);
}
.page-conocimiento .kp-hero-grid-bg{
  position:absolute;inset:0;pointer-events:none;opacity:.38;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 55%,#000 100%);
}
.page-conocimiento .kp-premium-hero>.wrap{position:relative;z-index:1}
.page-conocimiento .kp-hero-layout{
  min-height:610px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  gap:76px;
  align-items:center;
  padding:48px 0 54px;
}
.page-conocimiento .kp-hero-copy{max-width:720px}
.page-conocimiento .kp-premium-hero .breadcrumb{
  margin-bottom:54px;color:rgba(255,255,255,.48);font-size:12px
}
.page-conocimiento .kp-premium-hero .eyebrow{
  color:#78d755;letter-spacing:.12em;font-weight:800
}
.page-conocimiento .kp-premium-hero h1{
  max-width:720px;margin:14px 0 22px;
  color:#fff;font-size:clamp(46px,4.5vw,68px);
  line-height:1.01;letter-spacing:-2.7px
}
.page-conocimiento .kp-premium-hero p{
  max-width:680px;color:rgba(255,255,255,.76);
  font-size:17px;line-height:1.72
}
.page-conocimiento .kp-actions{display:flex;gap:12px;margin-top:30px}
.page-conocimiento .kp-actions .btn{
  border-radius:8px;
  background:linear-gradient(135deg,#75d34f,#5bbd3e);
  color:#09232c!important;
  box-shadow:0 10px 28px rgba(95,191,63,.18)
}
.page-conocimiento .kp-actions .btn.ghost{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.22);
  color:#fff!important;
  box-shadow:none
}

/* abstract knowledge console — no stock photo */
.page-conocimiento .kp-hero-console{
  position:relative;
  padding:18px;
  border:1px solid rgba(137,219,227,.22);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(7,28,39,.84),rgba(11,48,60,.72));
  box-shadow:0 32px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
}
.page-conocimiento .kp-hero-console:before{
  content:"";position:absolute;inset:-1px;border-radius:20px;pointer-events:none;
  background:linear-gradient(135deg,rgba(105,207,74,.26),transparent 28%,transparent 66%,rgba(67,204,220,.20));
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:1px
}
.page-conocimiento .kp-console-top{
  display:flex;align-items:center;gap:7px;padding:2px 2px 16px;
  border-bottom:1px solid rgba(255,255,255,.09)
}
.page-conocimiento .kp-console-top span{
  width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.24)
}
.page-conocimiento .kp-console-top span:first-child{background:#71ce4c}
.page-conocimiento .kp-console-top b{
  margin-left:auto;color:rgba(255,255,255,.48);
  font-size:12px;letter-spacing:.13em
}
.page-conocimiento .kp-console-search{
  display:flex;align-items:center;justify-content:space-between;
  margin:18px 0;padding:16px 17px;border-radius:10px;
  color:rgba(255,255,255,.68);font-size:13px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(2,18,27,.58)
}
.page-conocimiento .kp-console-search i{font-style:normal;color:#79d955;font-size:20px}
.page-conocimiento .kp-console-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px
}
.page-conocimiento .kp-console-grid div{
  min-height:91px;padding:17px;border-radius:11px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))
}
.page-conocimiento .kp-console-grid strong{
  display:block;color:#fff;font-size:14px;margin-bottom:6px
}
.page-conocimiento .kp-console-grid small{color:rgba(255,255,255,.49);font-size:12px}
.page-conocimiento .kp-console-grid div:nth-child(1):before,
.page-conocimiento .kp-console-grid div:nth-child(2):before,
.page-conocimiento .kp-console-grid div:nth-child(3):before,
.page-conocimiento .kp-console-grid div:nth-child(4):before{
  content:"";display:block;width:22px;height:3px;border-radius:3px;margin-bottom:14px;
  background:linear-gradient(90deg,#70d14d,#43c7d6)
}
.page-conocimiento .kp-console-status{
  margin-top:12px;padding:12px 14px;border-radius:9px;
  background:rgba(99,198,67,.07);
  color:rgba(255,255,255,.56);font-size:12px
}
.page-conocimiento .kp-console-status span{color:#76d653;margin-right:5px}

/* Search becomes the control bar */
.page-conocimiento .kp-search-section{
  position:relative;z-index:5;
  margin-top:-34px;padding:0 0 26px;background:transparent
}
.page-conocimiento .kp-search-section>.wrap{
  padding:20px 24px 18px;
  border:1px solid #dce7e0;border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 20px 55px rgba(11,42,50,.10)
}
.page-conocimiento .kp-search{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:18px
}
.page-conocimiento .kp-search input{
  height:58px;padding:0 20px;border:1px solid #dce6df;border-radius:10px;
  background:#f8faf8;color:#17323b;font-size:15px;outline:none;
  transition:border-color .2s ease,box-shadow .2s ease
}
.page-conocimiento .kp-search input:focus{
  border-color:#86c977;box-shadow:0 0 0 4px rgba(103,191,71,.08)
}
.page-conocimiento #kpCount{
  padding:9px 12px;border-radius:999px;background:#eef6ed;
  color:#4e9f39;font-size:12px;font-weight:800
}
.page-conocimiento .kp-filter{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:15px
}
.page-conocimiento .kp-filter button{
  padding:9px 13px;border:1px solid #e1e9e3;border-radius:999px;
  background:#fff;color:#5d6f67;font-size:12px;font-weight:700;
  cursor:pointer
}
.page-conocimiento .kp-filter button.active,
.page-conocimiento .kp-filter button:hover{
  background:#0c2c38;border-color:#0c2c38;color:#fff
}

/* Intro */
.page-conocimiento .section:has(.kp-intro-grid){padding-top:62px}
.page-conocimiento .kp-intro-grid{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);
  gap:80px;align-items:end;margin-bottom:42px
}
.page-conocimiento .kp-intro-grid h2{
  margin:8px 0 13px;color:#17323b;font-size:40px;letter-spacing:-1.4px
}
.page-conocimiento .kp-intro-grid>div:first-child>p{
  max-width:700px;color:#64756d;font-size:15px;line-height:1.7
}
.page-conocimiento .kp-metrics{
  display:grid;grid-template-columns:repeat(3,1fr);
  overflow:hidden;border:1px solid #dfe8e2;border-radius:14px;background:#f8faf8
}
.page-conocimiento .kp-metrics>div{padding:20px 16px;border-right:1px solid #dfe8e2}
.page-conocimiento .kp-metrics>div:last-child{border-right:0}
.page-conocimiento .kp-metrics b{
  display:block;color:#17323b;font-size:25px;line-height:1;margin-bottom:7px
}
.page-conocimiento .kp-metrics span{color:#74827c;font-size:12px}

/* Resource cards */
.page-conocimiento .kp-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px
}
.page-conocimiento .kp-card{
  position:relative;min-height:238px;padding:27px 28px 25px;
  border:1px solid #e0e8e3;border-radius:15px;
  background:linear-gradient(145deg,#fff,#fbfcfb);
  box-shadow:0 10px 30px rgba(13,43,51,.045);
  overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
.page-conocimiento .kp-card:before{
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:linear-gradient(90deg,#6dc94a,#54c6cf,transparent 78%);
  opacity:.72
}
.page-conocimiento .kp-card:hover{
  transform:translateY(-3px);border-color:#cfe0d3;
  box-shadow:0 20px 46px rgba(13,43,51,.08)
}
.page-conocimiento .kp-card-top{display:flex;justify-content:space-between;align-items:center}
.page-conocimiento .kp-card-top .tag{
  padding:6px 9px;border-radius:999px;background:#edf6ec;color:#4d9d38;
  font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em
}
.page-conocimiento .kp-card-top>span:last-child{color:#89958f;font-size:12px}
.page-conocimiento .kp-card h3{
  max-width:570px;margin:20px 0 12px;color:#17323b;
  font-size:21px;line-height:1.25;letter-spacing:-.35px
}
.page-conocimiento .kp-card p{
  max-width:590px;color:#697a72;font-size:13px;line-height:1.65
}
.page-conocimiento .kp-card .card-link{
  position:absolute;left:28px;bottom:23px;color:#4d9f38!important;
  font-size:12px;font-weight:800
}

/* Format section */
.page-conocimiento .section.soft{
  padding:78px 0 84px;
  background:
    radial-gradient(circle at 50% -30%,rgba(105,195,72,.08),transparent 32%),
    #f4f7f5
}
.page-conocimiento .section.soft .section-head{text-align:center;margin-bottom:34px}
.page-conocimiento .section.soft .section-head h2{
  margin-top:8px;color:#17323b;font-size:39px;letter-spacing:-1.3px
}
.page-conocimiento .grid.four{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px
}
.page-conocimiento .kp-format{
  position:relative;min-height:164px;padding:25px 22px;
  border:1px solid #dfe8e2;border-radius:14px;background:#fff;
  box-shadow:0 10px 28px rgba(12,42,50,.04);
  transition:transform .2s ease,box-shadow .2s ease
}
.page-conocimiento .kp-format:before{
  content:"↗";display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;margin-bottom:23px;border-radius:50%;
  background:#0b2b38;color:#71d04d;font-size:14px
}
.page-conocimiento .kp-format:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(12,42,50,.07)}
.page-conocimiento .kp-format b{display:block;color:#17323b;font-size:15px;margin-bottom:8px}
.page-conocimiento .kp-format p{color:#718078;font-size:12px;line-height:1.5}

@media(max-width:1000px){
  .page-conocimiento .kp-hero-layout{grid-template-columns:1fr;gap:38px;padding-top:0}
  .page-conocimiento .kp-premium-hero .breadcrumb{margin-bottom:32px}
  .page-conocimiento .kp-hero-console{max-width:650px}
  .page-conocimiento .kp-intro-grid{grid-template-columns:1fr;gap:28px}
  .page-conocimiento .grid.four{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .page-conocimiento .kp-premium-hero h1{font-size:42px;letter-spacing:-1.8px}
  .page-conocimiento .kp-actions{flex-direction:column;align-items:stretch}
  .page-conocimiento .kp-console-grid{grid-template-columns:1fr}
  .page-conocimiento .kp-search{grid-template-columns:1fr}
  .page-conocimiento #kpCount{justify-self:start}
  .page-conocimiento .kp-grid{grid-template-columns:1fr}
  .page-conocimiento .kp-metrics{grid-template-columns:1fr}
  .page-conocimiento .kp-metrics>div{border-right:0;border-bottom:1px solid #dfe8e2}
  .page-conocimiento .kp-metrics>div:last-child{border-bottom:0}
  .page-conocimiento .grid.four{grid-template-columns:1fr}
  .page-conocimiento .kp-card{min-height:270px}
}