/* CTRL360 CES v1.2 — Migration Block 2
   Pages: Sectores, Casos reales, FAQ, Trust Center.
   Presentation-only layer: content and DOM order remain intact. */
:root{
  --ces-green:#47d97f;--ces-green-dark:#15995d;--ces-blue:#218fd6;
  --ces-ink:#0d1a22;--ces-text:#22313b;--ces-muted:#66747e;
  --ces-line:#dfe7e3;--ces-soft:#f6f9f7;--ces-card:#fff;
  --ces-radius:24px;--ces-shadow:0 22px 64px rgba(18,35,28,.08);--ces-max:1400px;
}
body.ces-migrated{background:#fff;color:var(--ces-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.ces-migrated .wrap{max-width:var(--ces-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(--ces-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{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(--ces-line)}
body.ces-migrated .service-hero:before{content:"";position:absolute;inset:-18% -5% auto auto;width:min(52vw,760px);height:min(52vw,760px);background:radial-gradient(circle,rgba(71,217,127,.16),rgba(71,217,127,0) 68%);pointer-events:none}
body.ces-migrated .service-hero h1{max-width:980px;font-size:clamp(2.85rem,5.3vw,5.35rem);line-height:.98;color:var(--ces-ink);margin:.8rem 0 1.35rem}
body.ces-migrated .service-hero p{max-width:790px;font-size:clamp(1.08rem,1.45vw,1.28rem);color:#52616b}
body.ces-migrated .human-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.8rem}
body.ces-migrated .human-proof span{background:#fff;border:1px solid var(--ces-line);border-radius:999px;padding:.58rem .82rem;font-size:.8rem;color:#56645d;box-shadow:0 6px 18px rgba(18,35,28,.025)}
body.ces-migrated .section{padding:clamp(76px,8.5vw,124px) 0}
body.ces-migrated .section.soft{background:var(--ces-soft)}
body.ces-migrated .section-head{max-width:820px;margin-bottom:clamp(34px,4.5vw,58px)}
body.ces-migrated .section-head.center{margin-left:auto;margin-right:auto;text-align:center}
body.ces-migrated .section-head h2{font-size:clamp(2.1rem,3.8vw,3.85rem);line-height:1.05;color:var(--ces-ink);margin:.55rem 0 1rem}
body.ces-migrated .section.dark{background:#10231b;color:#dce8e1}
body.ces-migrated .section.dark h2,body.ces-migrated .section.dark h3,body.ces-migrated .section.dark b{color:#fff}
body.ces-migrated .master-cta{padding:clamp(72px,8vw,112px) 0;background:#10231b;color:#fff}
body.ces-migrated .master-cta h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.04;color:#fff}

/* Sectores */
body.ces-sectors .sector-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(38px,6vw,82px);align-items:center}
body.ces-sectors .sector-feature.reverse> :first-child{order:2}
body.ces-sectors .sector-feature.reverse> :last-child{order:1}
body.ces-sectors .sector-feature h2{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.06;color:var(--ces-ink);margin:.55rem 0 1rem}
body.ces-sectors .sector-feature .lead{font-size:1.08rem;color:#55645d}
body.ces-sectors .sector-scenario,body.ces-sectors .software-stack,body.ces-sectors .sector-quote,body.ces-sectors .dealership-map{
  background:#fff;border:1px solid var(--ces-line);border-radius:28px;padding:clamp(26px,3.5vw,42px);box-shadow:var(--ces-shadow)
}
body.ces-sectors .sector-scenario>span,body.ces-sectors .software-stack>span{display:block;color:var(--ces-green-dark);font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin-bottom:18px}
body.ces-sectors .sector-scenario>div,body.ces-sectors .software-stack>b{display:block;border-top:1px solid #edf2ef;padding:15px 0}
body.ces-sectors .sector-scenario b,body.ces-sectors .software-stack b{color:var(--ces-ink)}
body.ces-sectors .sector-callout{margin-top:28px;border-left:3px solid var(--ces-green);background:#f3faf6;border-radius:0 18px 18px 0;padding:22px 24px}
body.ces-sectors .sector-callout>span{font-size:.72rem;color:var(--ces-green-dark);font-weight:800;text-transform:uppercase;letter-spacing:.09em;display:block;margin-bottom:.35rem}
body.ces-sectors .need-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
body.ces-sectors .need-grid span{border:1px solid var(--ces-line);border-radius:14px;padding:14px 16px;background:#fff;font-size:.9rem}
body.ces-sectors .sector-quote{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.35;color:var(--ces-ink)}
body.ces-sectors .sector-quote small{display:block;margin-top:18px;font-size:.82rem;color:var(--ces-muted)}
body.ces-sectors .section.dark .sector-feature h2{color:#fff}
body.ces-sectors .section.dark .dealership-map{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none;color:#fff}
body.ces-sectors .sector-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.ces-sectors .sector-card-grid article{background:#fff;border:1px solid var(--ces-line);border-radius:22px;padding:26px;box-shadow:0 8px 26px rgba(18,35,28,.035);transition:.28s ease}
body.ces-sectors .sector-card-grid article:hover{transform:translateY(-5px);box-shadow:var(--ces-shadow)}
body.ces-sectors .sector-card-grid article>span{font-size:.72rem;color:var(--ces-green-dark);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
body.ces-sectors .integration-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.15fr;gap:12px;align-items:stretch}
body.ces-sectors .integration-flow>div{border:1px solid var(--ces-line);border-radius:20px;background:#fff;padding:22px}
body.ces-sectors .integration-flow>div.result{background:#10231b;color:#fff;border-color:#10231b}
body.ces-sectors .integration-flow>i{align-self:center;color:#a2aea7;font-style:normal;font-size:1.25rem}

/* Casos reales */
body.ces-cases .case-filter{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}
body.ces-cases .case-filter a{border:1px solid var(--ces-line);background:#fff;color:#405048;border-radius:999px;padding:.56rem .82rem;text-decoration:none;font-size:.82rem;font-weight:700;transition:.22s ease}
body.ces-cases .case-filter a:hover{border-color:#bcd8c8;background:#f1faf5;transform:translateY(-2px)}
body.ces-cases .case-library{display:grid;gap:20px}
body.ces-cases .case-library article{background:#fff;border:1px solid var(--ces-line);border-radius:26px;padding:clamp(26px,3.3vw,42px);box-shadow:0 10px 34px rgba(18,35,28,.045);scroll-margin-top:110px}
body.ces-cases .case-number{display:inline-flex;color:var(--ces-green-dark);font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px}
body.ces-cases .case-library h3{font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.12;color:var(--ces-ink);max-width:900px;margin:.25rem 0 1.7rem}
body.ces-cases .case-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.ces-cases .case-columns p{margin:0;background:#f7faf8;border:1px solid #e7eeea;border-radius:18px;padding:20px;color:#5b6961}
body.ces-cases .case-columns p b{display:block;color:var(--ces-ink);margin-bottom:.45rem}

/* FAQ */
body.ces-faq .service-hero .wrap{max-width:900px;text-align:center}
body.ces-faq .service-hero p{margin-left:auto;margin-right:auto}
body.ces-faq .section .wrap.narrow{max-width:900px}
body.ces-faq .faq-list{display:grid;gap:14px}
body.ces-faq .faq-item{border:1px solid var(--ces-line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 7px 24px rgba(18,35,28,.025);transition:border-color .22s ease,box-shadow .22s ease}
body.ces-faq .faq-item:hover{border-color:#c8ddd1;box-shadow:0 14px 34px rgba(18,35,28,.055)}
body.ces-faq .faq-item summary,body.ces-faq .faq-item>button{font-size:1.04rem;font-weight:760;color:var(--ces-ink);padding:22px 24px;cursor:pointer}
body.ces-faq .faq-item p{padding:0 24px 22px;color:#5c6a62}

/* Trust Center + partners */
body.ces-trust .service-hero{background:linear-gradient(135deg,#f7fbf9 0%,#eef7f2 58%,#edf5fb 100%)}
body.ces-trust .service-hero:before{background:radial-gradient(circle,rgba(33,143,214,.13),rgba(33,143,214,0) 69%)}
body.ces-trust .service-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(38px,6vw,76px);align-items:center}
body.ces-trust .trust-status-card{background:#10231b;color:#e8f3ed;border-radius:28px;padding:clamp(28px,3.6vw,44px);box-shadow:0 30px 76px rgba(13,35,26,.16);border:1px solid rgba(255,255,255,.08)}
body.ces-trust .trust-status-card h2{font-size:clamp(1.75rem,2.8vw,2.8rem);line-height:1.08;color:#fff;margin:.5rem 0 1rem}
body.ces-trust .trust-status-card small{color:#8dc5ec;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.ces-trust .trust-status-card strong{display:block;margin-top:18px;color:#a9bdb1;font-size:.82rem}
body.ces-trust .status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#f4bd53;box-shadow:0 0 0 7px rgba(244,189,83,.13);margin-bottom:20px}
body.ces-trust .trust-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ces-trust .trust-dashboard a{border:1px solid var(--ces-line);background:#fff;border-radius:22px;padding:24px;text-decoration:none;transition:.28s ease}
body.ces-trust .trust-dashboard a:hover{transform:translateY(-5px);box-shadow:var(--ces-shadow);border-color:#c8ddd1}
body.ces-trust .trust-dashboard span{display:block;color:var(--ces-green-dark);font-size:.72rem;font-weight:850;letter-spacing:.09em;margin-bottom:16px}
body.ces-trust .trust-dashboard b{display:block;color:var(--ces-ink);font-size:1.1rem;margin-bottom:.3rem}
body.ces-trust .trust-dashboard small{color:var(--ces-muted)}
body.ces-trust .trust-two{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(38px,6vw,78px);align-items:start}
body.ces-trust .iso-timeline{display:grid;gap:12px}
body.ces-trust .iso-timeline article{display:grid;grid-template-columns:42px 1fr;gap:14px;border:1px solid var(--ces-line);border-radius:18px;background:#fff;padding:18px}
body.ces-trust .iso-timeline article>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef4f0;color:#68776e}
body.ces-trust .iso-timeline article.done>b{background:#e7f8ee;color:#118d55}
body.ces-trust .iso-timeline article.active{border-color:#a9d8bd;box-shadow:0 10px 28px rgba(18,35,28,.06)}
body.ces-trust .iso-timeline article.active>b{background:var(--ces-green);color:#082114}
body.ces-trust .control-grid,body.ces-trust .technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ces-trust .control-grid article,body.ces-trust .technology-grid article{border:1px solid var(--ces-line);border-radius:20px;background:#fff;padding:24px}
body.ces-trust .continuity-flow{display:grid;grid-template-columns:repeat(7,auto);gap:14px;align-items:center}
body.ces-trust .continuity-flow>div{border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px;background:rgba(255,255,255,.055)}
body.ces-trust .continuity-flow>div span{display:block;color:var(--ces-green);font-size:.72rem;font-weight:850;margin-bottom:12px}
body.ces-trust .continuity-flow i{font-style:normal;color:#7f9588}
body.ces-trust .infra-trust-panel{background:linear-gradient(145deg,#10231b,#163326);color:#eaf5ef;border-radius:28px;padding:34px;box-shadow:0 28px 70px rgba(13,35,26,.14)}
body.ces-trust .infra-trust-panel>span{font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--ces-green)}
body.ces-trust .infra-trust-panel>strong{display:block;font-size:clamp(2rem,3vw,3rem);color:#fff;margin:.35rem 0 1.3rem}
body.ces-trust .infra-trust-panel>div{border-top:1px solid rgba(255,255,255,.1);padding:14px 0}
body.ces-trust .promise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.ces-trust .promise{background:#fff;border:1px solid var(--ces-line);border-radius:20px;padding:24px}
body.ces-trust .promise strong{display:block;color:var(--ces-ink);margin-bottom:.45rem}
body.ces-trust .promise span{color:var(--ces-muted);line-height:1.6}
body.ces-trust .featured-partner{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:32px;align-items:center;background:#fff;border:1px solid var(--ces-line);border-radius:28px;padding:clamp(28px,4vw,48px);box-shadow:var(--ces-shadow);margin-bottom:22px}
body.ces-trust .partner-wordmark{font-size:clamp(1.65rem,2.8vw,2.8rem);font-weight:850;letter-spacing:-.04em;color:var(--ces-ink)}
body.ces-trust .partner-wordmark span{color:var(--ces-green-dark)}
body.ces-trust .tag{display:inline-flex;background:#eaf8ef;color:#147d50;border-radius:999px;padding:.42rem .65rem;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem}

/* Motion layer */
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-sectors .sector-feature,body.ces-trust .service-hero .hero-grid,body.ces-trust .trust-two,body.ces-trust .featured-partner{grid-template-columns:1fr}
  body.ces-sectors .sector-feature.reverse> :first-child,body.ces-sectors .sector-feature.reverse> :last-child{order:initial}
  body.ces-sectors .sector-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ces-sectors .integration-flow{grid-template-columns:1fr;gap:10px} body.ces-sectors .integration-flow>i{text-align:center;transform:rotate(90deg)}
  body.ces-cases .case-columns{grid-template-columns:1fr}
  body.ces-trust .trust-dashboard,body.ces-trust .control-grid,body.ces-trust .technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ces-trust .continuity-flow{grid-template-columns:1fr} body.ces-trust .continuity-flow i{text-align:center;transform:rotate(90deg)}
  body.ces-trust .promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  body.ces-migrated .service-hero{padding:76px 0 68px}
  body.ces-migrated .section{padding:64px 0}
  body.ces-sectors .sector-card-grid,body.ces-trust .trust-dashboard,body.ces-trust .control-grid,body.ces-trust .technology-grid,body.ces-trust .promise-grid{grid-template-columns:1fr}
  body.ces-sectors .need-grid{grid-template-columns:1fr}
  body.ces-cases .case-library article{padding:24px}
}
@media(prefers-reduced-motion:reduce){body.ces-migrated .ces-reveal{opacity:1;transform:none;transition:none}}