/* ══════════════════════════════════════════════════════════════════
   A2A · casos de éxito con más presencia: fondo azul vivo con brillo que
   se mueve despacio, números que cuentan al entrar y un gráfico chico
   que dibuja el dato (anillo, barras o antes→después). Interlineado más abierto.
   ══════════════════════════════════════════════════════════════════ */
#page-market .chp-body .sc{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,3vw,48px);align-items:center;
  padding:clamp(30px,3.4vw,52px)!important;border:0!important;border-radius:26px!important;
  background:#1A3BD9!important;color:#fff!important;box-shadow:0 40px 70px -50px rgba(4,10,60,.6)!important}
#page-market .chp-body .sc::before{content:"";position:absolute;inset:-30%;z-index:-2;
  background:radial-gradient(35% 45% at 30% 30%,#5C7CFF 0%,transparent 70%),radial-gradient(30% 40% at 75% 70%,#2BAEFE 0%,transparent 70%),linear-gradient(205deg,#0F47D6,#3D5BF5);
  animation:scGlow 14s ease-in-out infinite alternate}
#page-market .chp-body .sc::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.4;background:url("../../img/textures/texture-tiles-a.svg") 0 0/352px 352px;
  -webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
@keyframes scGlow{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(6%,-4%) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){#page-market .chp-body .sc::before{animation:none}}
#page-market .chp-body .sc .case-tag{background:rgba(255,255,255,.14)!important;color:#fff!important}
#page-market .chp-body .sc .case-tag::before{background:#5FD4FF!important}
#page-market .chp-body .sc .mono{color:#ADE2FF!important}
html body #page-market#page-market .chp-body .sc:not(#x) h4{margin:16px 0 0!important;font-size:clamp(21px,1.9vw,28px)!important;line-height:1.3!important;letter-spacing:-.02em!important;color:#fff!important;max-width:none!important}
#page-market .chp-body .sc h4 em{color:#ADE2FF!important;-webkit-text-fill-color:#ADE2FF!important;background:none!important;font-style:normal}
#page-market .chp-body .sc .rt p{color:rgba(255,255,255,.9)!important;line-height:1.6!important}
#page-market .chp-body .sc .rt em.hl{color:#fff!important;background:none!important;font-weight:600}
#page-market .chp-body .sc .rt a.link{color:#ADE2FF!important}
#page-market .chp-body .sc .sc-tx>.kpis,#page-market .chp-body .sc .sc-tx>.lp-hl-stat{display:none!important}
/* panel de datos */
#page-market .chp-body .sc-viz{display:grid;gap:14px;grid-auto-rows:1fr}
#page-market .chp-body .sc-card{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px)}
#page-market .chp-body .sc-ring{position:relative;flex:none;width:clamp(88px,7.6vw,108px);aspect-ratio:1}
#page-market .chp-body .sc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
#page-market .chp-body .sc-ring circle{fill:none;stroke-width:2.6}
#page-market .chp-body .sc-ring .bg{stroke:rgba(255,255,255,.18)}
#page-market .chp-body .sc-ring .fg{stroke:#ADE2FF;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s cubic-bezier(.16,1,.3,1) .2s}
#page-market .chp-body .sc-num{display:inline-flex;align-items:baseline;white-space:nowrap;font:600 clamp(34px,3.2vw,48px)/1 var(--rp-alt,var(--sans));letter-spacing:-.045em;color:#fff;font-variant-numeric:tabular-nums}
#page-market .chp-body .sc-num i{font-style:normal;font-size:.5em;margin-left:.03em;color:#ADE2FF}
#page-market .chp-body .sc-ring .sc-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,2vw,28px)}
#page-market .chp-body .sc-lbl{margin:6px 0 0;font:400 14px/1.4 var(--rp-font,var(--sans));color:rgba(255,255,255,.82)}
/* barras antes → después */
#page-market .chp-body .sc-bars{display:flex;align-items:flex-end;gap:16px;height:150px;padding:0 6px}
#page-market .chp-body .sc-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%}
#page-market .chp-body .sc-bar i{display:block;width:100%;max-width:90px;height:0;border-radius:14px 14px 6px 6px;background:rgba(255,255,255,.28);transition:height 1.4s cubic-bezier(.16,1,.3,1) var(--d,.2s)}
#page-market .chp-body .sc-bar.hi i{background:linear-gradient(180deg,#ADE2FF,#5FD4FF)}
#page-market .chp-body .sc-bar small{font:600 11px/1 var(--rp-alt,var(--sans));letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
#page-market .chp-body .sc-bar .sc-num{font-size:clamp(26px,2.4vw,34px)}
#page-market .chp-body .sc-arrow{align-self:center;color:#ADE2FF;font-size:22px;padding-bottom:40px}
@media(max-width:860px){#page-market .chp-body .sc{grid-template-columns:1fr}}

#page-market .chp-body .sc-tx{min-width:0}
#page-market .chp-body .sc-tx>.case-tag{display:inline-flex!important;width:auto!important;margin:0 10px 0 0!important}
#page-market .chp-body .sc-tx>.mono{display:inline-block;margin:0!important;vertical-align:middle}
#page-market .chp-body .sc-tx>.rt{margin-top:16px!important}
#page-market .chp-body .sc-num s{text-decoration:none}
