/* CTRL360 CES v1.2 — Migration Block 3
   Knowledge Platform, Biblioteca, Guías, Herramientas, Data Center, Estado, Contacto, Empresa.
   Presentation-only. Content, DOM order, URLs and behavior stay intact. */
:root{--ces3-green:#47d97f;--ces3-green-dark:#15995d;--ces3-blue:#218fd6;--ces3-ink:#0d1a22;--ces3-text:#22313b;--ces3-muted:#66747e;--ces3-line:#dfe7e3;--ces3-soft:#f6f9f7;--ces3-card:#fff;--ces3-radius:24px;--ces3-shadow:0 22px 64px rgba(18,35,28,.08);--ces3-max:1400px}
body.ces-migrated{background:#fff;color:var(--ces3-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.ces-migrated .wrap{max-width:var(--ces3-max)}
body.ces-migrated h1,body.ces-migrated h2,body.ces-migrated h3{letter-spacing:-.035em;text-wrap:balance}
body.ces-migrated p{line-height:1.72}
body.ces-migrated .eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:800;color:var(--ces3-green-dark)}
body.ces-migrated .btn{border-radius:999px;padding:.95rem 1.35rem;font-weight:750;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
body.ces-migrated .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,35,28,.12)}
body.ces-migrated .service-hero,body.ces-migrated .enterprise-hero{position:relative;overflow:hidden;padding:clamp(88px,10vw,148px) 0 clamp(72px,9vw,118px);background:linear-gradient(135deg,#f9fbfa 0%,#f2f7f4 55%,#edf5f0 100%);border-bottom:1px solid var(--ces3-line)}
body.ces-migrated .service-hero:before,body.ces-migrated .enterprise-hero:before{content:"";position:absolute;inset:-20% -8% auto auto;width:min(54vw,780px);height:min(54vw,780px);background:radial-gradient(circle,rgba(71,217,127,.14),rgba(71,217,127,0) 68%);pointer-events:none}
body.ces-migrated .service-hero h1,body.ces-migrated .enterprise-hero h1{max-width:980px;font-size:clamp(2.75rem,5vw,5.15rem);line-height:.99;color:var(--ces3-ink);margin:.8rem 0 1.35rem}
body.ces-migrated .service-hero p,body.ces-migrated .enterprise-hero p{max-width:790px;font-size:clamp(1.06rem,1.4vw,1.25rem);color:#52616b}
body.ces-migrated .section,body.ces-migrated .enterprise-section{padding:clamp(76px,8.5vw,124px) 0}
body.ces-migrated .section.soft{background:var(--ces3-soft)}
body.ces-migrated .section.dark,body.ces-migrated .enterprise-section.dark{background:#10231b;color:#dce8e1}
body.ces-migrated .section.dark h2,body.ces-migrated .section.dark h3,body.ces-migrated .enterprise-section.dark h2,body.ces-migrated .enterprise-section.dark h3{color:#fff}
body.ces-migrated .section-head,body.ces-migrated .enterprise-heading{max-width:820px;margin-bottom:clamp(34px,4.5vw,58px)}
body.ces-migrated .section-head h2,body.ces-migrated .enterprise-heading h2{font-size:clamp(2.05rem,3.65vw,3.7rem);line-height:1.06;color:var(--ces3-ink);margin:.55rem 0 1rem}
body.ces-migrated .card,body.ces-migrated .knowledge-card,body.ces-migrated .portal-card,body.ces-migrated .incident-card{background:#fff;border:1px solid var(--ces3-line);border-radius:22px;box-shadow:0 9px 30px rgba(18,35,28,.04);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
body.ces-migrated .card:hover,body.ces-migrated .knowledge-card:hover,body.ces-migrated .portal-card:hover,body.ces-migrated .incident-card:hover{transform:translateY(-5px);box-shadow:var(--ces3-shadow);border-color:#c8ddd1}

/* Knowledge Platform */
body.ces-knowledge .kp-hero .wrap{max-width:960px}
body.ces-knowledge .kp-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
body.ces-knowledge .kp-search-section{padding:28px 0 18px;background:#fff;border-bottom:1px solid #edf2ef;position:relative;z-index:2}
body.ces-knowledge .kp-search{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--ces3-line);border-radius:20px;padding:8px 14px 8px 18px;box-shadow:0 12px 34px rgba(18,35,28,.045)}
body.ces-knowledge .kp-search input{border:0;outline:0;background:transparent;font:inherit;min-width:0;padding:12px 0;color:var(--ces3-ink)}
body.ces-knowledge .kp-search #kpCount{font-size:.78rem;color:var(--ces3-muted);white-space:nowrap}
body.ces-knowledge .kp-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
body.ces-knowledge .kp-filter button{border:1px solid var(--ces3-line);background:#fff;border-radius:999px;padding:.62rem .82rem;color:#516059;font-weight:700;cursor:pointer}
body.ces-knowledge .kp-filter button.active{background:#10231b;color:#fff;border-color:#10231b}
body.ces-knowledge .kp-intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(34px,6vw,76px);align-items:start;margin-bottom:52px}
body.ces-knowledge .kp-intro-grid h2{font-size:clamp(2rem,3.4vw,3.45rem);line-height:1.05;color:var(--ces3-ink);margin:.5rem 0 1rem}
body.ces-knowledge .kp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.ces-knowledge .kp-metrics>div{border:1px solid var(--ces3-line);border-radius:20px;background:#fff;padding:24px;min-height:132px;display:flex;flex-direction:column;justify-content:flex-end}
body.ces-knowledge .kp-metrics b{font-size:clamp(2rem,3vw,3rem);line-height:1;color:var(--ces3-ink)}
body.ces-knowledge .kp-metrics span{font-size:.78rem;color:var(--ces3-muted);margin-top:.5rem}
body.ces-knowledge .kp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.ces-knowledge .kp-card{padding:clamp(24px,3vw,34px);border-radius:24px;background:#fff;border:1px solid var(--ces3-line);box-shadow:0 8px 26px rgba(18,35,28,.035);transition:.28s ease}
body.ces-knowledge .kp-card:hover{transform:translateY(-5px);box-shadow:var(--ces3-shadow)}
body.ces-knowledge .kp-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--ces3-muted);font-size:.76rem}
body.ces-knowledge .kp-card .tag{display:inline-flex;background:#eaf8ef;color:#147d50;border-radius:999px;padding:.4rem .62rem;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
body.ces-knowledge .kp-card h3{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15;color:var(--ces3-ink);margin:1rem 0 .7rem}
body.ces-knowledge .kp-card p{color:#5b6961}
body.ces-knowledge .kp-card .card-link{display:inline-flex;margin-top:.9rem;color:var(--ces3-green-dark);font-weight:800;text-decoration:none}
body.ces-knowledge .grid.four{gap:16px}
body.ces-knowledge .kp-format{padding:26px;text-decoration:none;color:inherit}
body.ces-knowledge .kp-format b{display:block;color:var(--ces3-ink);font-size:1.05rem;margin-bottom:.45rem}

/* Biblioteca, guías, herramientas */
body.ces-resources .incident-grid,body.ces-resources .knowledge-grid,body.ces-resources .portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.ces-resources .incident-card,body.ces-resources .knowledge-card,body.ces-resources .portal-card{padding:clamp(24px,2.7vw,32px)}
body.ces-resources .incident-card h2,body.ces-resources .incident-card h3,body.ces-resources .knowledge-card h3,body.ces-resources .portal-card h3{color:var(--ces3-ink);line-height:1.15}
body.ces-resources .type{display:inline-flex;background:#eef7f2;color:#16734c;border-radius:999px;padding:.38rem .58rem;font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.8rem}
body.ces-resources .band{background:#10231b;color:#fff;padding:34px 0}
body.ces-resources .band-row{display:flex;align-items:center;justify-content:space-between;gap:24px}

/* Data Center / Estado */
body.ces-infra .enterprise-hero{background:linear-gradient(135deg,#f8fbfd 0%,#f0f6fa 58%,#eef7f2 100%)}
body.ces-infra .enterprise-hero:before{background:radial-gradient(circle,rgba(33,143,214,.14),rgba(33,143,214,0) 68%)}
body.ces-infra .enterprise-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(38px,6vw,80px);align-items:center}
body.ces-infra .hero-visual{border-radius:28px;overflow:hidden;box-shadow:0 28px 74px rgba(17,49,65,.13);border:1px solid rgba(33,143,214,.12)}
body.ces-infra .hero-visual img{display:block;width:100%;height:auto}
body.ces-infra .ecosystem-grid,body.ces-infra .dc-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ces-infra .ecosystem-card,body.ces-infra .dc-principles>div{background:#fff;border:1px solid var(--ces3-line);border-radius:22px;padding:26px;box-shadow:0 8px 26px rgba(18,35,28,.035)}
body.ces-infra .dc-tour{display:grid;gap:14px;counter-reset:dcstep}
body.ces-infra .dc-tour-step{position:relative;display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--ces3-line);border-radius:22px;padding:24px}
body.ces-infra .dc-tour-step:before{counter-increment:dcstep;content:counter(dcstep,decimal-leading-zero);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e9f5fb;color:#1674ad;font-weight:850}
body.ces-infra .dc-architecture{padding:clamp(72px,8vw,116px) 0;background:#0e202a;color:#dbe8ef}
body.ces-infra .dc-architecture h2,body.ces-infra .dc-architecture h3{color:#fff}
body.ces-infra .dc-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:32px}
body.ces-infra .dc-flow>div{border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px;background:rgba(255,255,255,.05)}
body.ces-infra .platform-status{border:1px solid var(--ces3-line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:var(--ces3-shadow)}
body.ces-infra .status-head{padding:26px 28px;border-bottom:1px solid var(--ces3-line);display:flex;align-items:center;justify-content:space-between;gap:18px}
body.ces-infra .status-row{display:grid;grid-template-columns:1.2fr .8fr auto;gap:18px;align-items:center;padding:20px 28px;border-bottom:1px solid #edf2ef}
body.ces-infra .status-row:last-child{border-bottom:0}
body.ces-infra .status-good{color:#128654;font-weight:800}
body.ces-infra .professional-note{margin-top:24px;border-left:3px solid var(--ces3-blue);background:#f2f8fc;border-radius:0 18px 18px 0;padding:22px 24px}

/* Contact / Company */
body.ces-company .hero-grid,body.ces-company .split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(38px,6vw,80px);align-items:center}
body.ces-company .hero-visual{border-radius:28px;overflow:hidden;box-shadow:0 28px 74px rgba(18,35,28,.12)}
body.ces-company .hero-visual img{display:block;width:100%;height:auto}
body.ces-company .form,body.ces-company .card{border:1px solid var(--ces3-line);border-radius:24px;background:#fff;padding:clamp(26px,3.5vw,38px);box-shadow:var(--ces3-shadow)}
body.ces-company .form input,body.ces-company .form textarea,body.ces-company .form select{width:100%;border:1px solid #d9e4de;border-radius:14px;background:#fbfcfb;padding:13px 15px;font:inherit;color:var(--ces3-ink);outline:none;transition:.2s ease}
body.ces-company .form input:focus,body.ces-company .form textarea:focus,body.ces-company .form select:focus{border-color:#8ed6ae;box-shadow:0 0 0 4px rgba(71,217,127,.1);background:#fff}
body.ces-company .story-strip{display:grid;gap:14px}
body.ces-company .story-item{display:grid;grid-template-columns:100px 1fr;gap:22px;border-top:1px solid var(--ces3-line);padding:22px 0}
body.ces-company .story-item:first-child{border-top:0}
body.ces-company .story-item>span,body.ces-company .story-item>b:first-child{color:var(--ces3-green-dark);font-size:.8rem;font-weight:850;letter-spacing:.06em}
body.ces-company .promise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.ces-company .promise{background:#fff;border:1px solid var(--ces3-line);border-radius:20px;padding:24px}
body.ces-company .quote{font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.3;color:var(--ces3-ink);max-width:900px}
body.ces-company .section.dark .quote{color:#fff}
body.ces-company .band{background:#10231b;color:#fff;padding:34px 0}
body.ces-company .band-row{display:flex;align-items:center;justify-content:space-between;gap:24px}

/* Motion */
body.ces-migrated .ces-reveal{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}
body.ces-migrated .ces-reveal.is-visible{opacity:1;transform:none}

@media(max-width:980px){
 body.ces-knowledge .kp-intro-grid,body.ces-infra .enterprise-hero-grid,body.ces-company .hero-grid,body.ces-company .split{grid-template-columns:1fr}
 body.ces-resources .incident-grid,body.ces-resources .knowledge-grid,body.ces-resources .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ces-knowledge .kp-grid{grid-template-columns:1fr}
 body.ces-infra .ecosystem-grid,body.ces-infra .dc-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ces-infra .dc-flow{grid-template-columns:1fr}
 body.ces-company .promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 body.ces-migrated .service-hero,body.ces-migrated .enterprise-hero{padding:76px 0 68px}
 body.ces-migrated .section,body.ces-migrated .enterprise-section{padding:64px 0}
 body.ces-knowledge .kp-search{grid-template-columns:1fr}
 body.ces-knowledge .kp-metrics{grid-template-columns:1fr}
 body.ces-resources .incident-grid,body.ces-resources .knowledge-grid,body.ces-resources .portal-grid,body.ces-infra .ecosystem-grid,body.ces-infra .dc-principles,body.ces-company .promise-grid{grid-template-columns:1fr}
 body.ces-infra .status-row{grid-template-columns:1fr;gap:6px}
 body.ces-company .story-item{grid-template-columns:1fr;gap:7px}
 body.ces-resources .band-row,body.ces-company .band-row{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){body.ces-migrated .ces-reveal{opacity:1;transform:none;transition:none}}