/* =========================================================
   Página de caso de éxito (estilo claro violeta/rosa, como el caso Eunoia)
   ========================================================= */
.nce{--violeta:#1d4ed8;--violeta-2:#1e40af;--rosa:#be185d;--rosa-2:#9d174d;--tinta:#111111;--texto:#374151;--suave:#4b5563;--linea:#e5e7eb;--fondo:#fff;--lavanda:#f7f8fa;
  color-scheme:light;color:var(--texto);background:var(--fondo);line-height:1.6;font-size:17px;overflow-x:clip}
.nce .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.nce h1,.nce h2,.nce h3{color:var(--tinta);margin:0;font-weight:900;letter-spacing:-.025em;line-height:1.05}
.nce .case-hero{padding:72px 0 0;position:relative;z-index:2}
.nce .case-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:620px;pointer-events:none;
  background:radial-gradient(60% 70% at 85% 0%,rgba(190,24,93,0.14),transparent 70%),radial-gradient(55% 60% at 10% 10%,rgba(29,78,216,0.14),transparent 70%)}
.nce .case-hero .wrap{position:relative}
.nce .crumbs{font-size:14px;color:var(--suave);margin-bottom:22px}
.nce .crumbs a{color:var(--violeta);font-weight:600}
.nce .crumbs span{margin:0 6px;opacity:.5}
.nce .tag{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--violeta);background:#fff;border:1px solid var(--linea);border-radius:999px;padding:7px 16px 7px 8px;margin-bottom:28px}
.nce .tag i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--violeta),var(--rosa));display:block}
.nce .case-hero h1{font-size:clamp(38px,6vw,78px);max-width:17ch}
.nce .hero-sub{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;margin-top:32px;align-items:end}
.nce .hero-sub p{font-size:19px;max-width:58ch}
.nce .hero-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--tinta)}
.nce .hero-meta div{padding:14px 12px 0 0}
.nce .hero-meta b{display:block;font-size:15px;color:var(--tinta)}
.nce .hero-meta span{font-size:14px;color:var(--suave)}
.nce .browser-stage{perspective:1800px;margin:64px auto -240px;max-width:1080px}
.nce .browser{border-radius:16px;background:#fff;border:1px solid var(--linea);overflow:hidden;transform:rotateX(7deg) rotateZ(-2deg);transform-origin:50% 100%;
  box-shadow:0 50px 90px -30px rgba(17,24,39,0.75),0 20px 60px -20px rgba(190,24,93,0.35)}
.nce .browser-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--lavanda);border-bottom:1px solid var(--linea)}
.nce .browser-bar s{width:11px;height:11px;border-radius:50%;background:#d1d5db;display:block}
.nce .browser-bar em{margin-left:14px;font-style:normal;font-size:13px;color:var(--suave);background:#fff;border:1px solid var(--linea);border-radius:8px;padding:4px 14px;flex:0 1 320px}
.nce .browser img{width:100%;max-height:640px;object-fit:cover;object-position:top}
.nce .browser-ph{aspect-ratio:16/8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:30px;color:var(--tinta);
  background:radial-gradient(circle at 20% 15%,rgba(190,24,93,0.10),transparent 55%),radial-gradient(circle at 85% 85%,rgba(29,78,216,0.12),transparent 55%),#f7f8fa}
.nce .browser-ph b{font-size:clamp(34px,6vw,72px);font-weight:900;letter-spacing:-.03em;line-height:1}
.nce .ph-kicker,.nce .ph-sub{font-size:14px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.nce section.blk{padding:100px 0}
.nce .kicker{font-size:15px;font-weight:700;color:var(--rosa);margin-bottom:14px}
.nce h2{font-size:clamp(30px,4.2vw,50px);max-width:22ch}
.nce .lead{font-size:19px;max-width:62ch;margin-top:22px;color:inherit}
.nce .reto{background:var(--lavanda);color:var(--texto);padding-top:344px!important;position:relative;z-index:1}
.nce .reto-min{height:290px}
.nce .reto h2{color:var(--tinta)}.nce .reto .kicker{color:var(--rosa)}
.nce .reto-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.nce .reto-list{list-style:none;margin:0;padding:0}
.nce .reto-list li{padding:20px 0;border-top:1px solid rgba(17,24,39,0.126);font-size:17px}
.nce .reto-list li:last-child{border-bottom:1px solid rgba(17,24,39,0.126)}
.nce .reto-list b{color:var(--tinta);display:block;font-size:18px;margin-bottom:4px}
.nce .stats-band{background:linear-gradient(180deg,var(--lavanda) 50%,#fff 50%);padding:0 0 10px}
.nce .stats-grid{display:grid;gap:16px}
.nce .stats-grid.n1{grid-template-columns:1fr}.nce .stats-grid.n2{grid-template-columns:repeat(2,1fr)}.nce .stats-grid.n3{grid-template-columns:repeat(3,1fr)}.nce .stats-grid.n4{grid-template-columns:repeat(4,1fr)}
.nce .stat-card{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:28px 26px;box-shadow:0 24px 50px -30px rgba(17,24,39,0.45)}
.nce .stat-card b{display:block;font-size:clamp(30px,3.6vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--violeta)}
.nce .stat-card span{display:block;margin-top:10px;font-size:15px;color:var(--suave);line-height:1.45}
.nce .eco-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:56px}
.nce .eco{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.nce .eco.single{grid-template-columns:1fr;max-width:760px}
.nce .capa{border-radius:20px;padding:36px}
.nce .capa.op{background:var(--lavanda)}
.nce .capa.mk{background:var(--violeta);color:#e5edff}
.nce .capa h3{font-size:26px;margin-bottom:6px}.nce .capa.mk h3{color:#fff}
.nce .capa>p{font-size:16px;margin-bottom:22px;opacity:.9}
.nce .serv{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px 0;border-top:1px solid rgba(29,78,216,0.15)}
.nce .capa.op .serv-ic{color:var(--violeta)}.nce .capa.mk .serv-ic{color:#fff}
.nce .capa.mk .serv{border-top-color:rgba(255,255,255,.22)}
.nce .serv b{display:block;font-size:17px;color:var(--tinta)}.nce .capa.mk .serv b{color:#fff}
.nce .serv span{font-size:15px;line-height:1.55}
.nce .eco-note{margin-top:28px;font-size:16px;color:var(--suave);max-width:70ch}
.nce .ugc{background:var(--lavanda)}
.nce .ugc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.nce .ugc-grid.noimg{grid-template-columns:1fr;max-width:820px}
.nce .pasos{list-style:none;padding:0;margin:32px 0 0;counter-reset:p}
.nce .pasos li{counter-increment:p;display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--linea);font-size:16px}
.nce .pasos li::before{content:counter(p);font-weight:900;color:var(--violeta);font-size:20px;line-height:1.3}
.nce .pasos b{color:var(--tinta)}
.nce .phone{justify-self:center;width:min(380px,100%);border-radius:40px;padding:12px;background:var(--tinta);box-shadow:0 30px 70px -25px rgba(29,78,216,0.55)}
.nce .phone img{border-radius:30px;width:100%}
.nce .gallery{display:grid;gap:18px}
.nce .gallery.n1{grid-template-columns:1fr;max-width:820px}.nce .gallery.n2{grid-template-columns:1fr 1fr}.nce .gallery.n3{grid-template-columns:repeat(3,1fr)}
.nce .gallery figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--linea);background:#fff;box-shadow:0 24px 60px -34px rgba(17,24,39,0.4)}
.nce .gallery img{width:100%;height:auto}
.nce .gallery figcaption{padding:12px 16px;font-size:14px;color:var(--suave)}
.nce .gallery-blk{padding-top:40px!important}
.nce .reviews-blk{padding:40px 0 80px!important}
.nce .estrellas{display:flex;gap:4px}
.nce .estrellas svg{width:24px;height:24px}
.nce .quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.nce blockquote{margin:0;padding:30px;border-radius:20px;background:var(--lavanda);border:1px solid var(--linea)}
.nce blockquote p{font-size:19px;color:var(--tinta);margin:14px 0;line-height:1.5}
.nce blockquote footer{font-size:15px;color:var(--suave)}
.nce .trust-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:20px;background:var(--lavanda);border:1px solid var(--linea)}
.nce .trust-row a{color:var(--violeta);font-weight:700}
.nce .resultado{padding:0 0 100px}
.nce .res-box{border-radius:24px;padding:64px;background:var(--lavanda);border:1px solid var(--linea);color:var(--texto);position:relative;overflow:hidden}
.nce .res-box::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(190,24,93,0.10),transparent 65%)}
.nce .res-box>*{position:relative;z-index:1}
.nce .res-box .kicker{color:var(--rosa)}
.nce .res-box h2{color:var(--tinta);max-width:24ch}
.nce .res-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:44px}
.nce .res-cols b{display:block;color:var(--tinta);font-size:19px;margin-bottom:6px}
.nce .res-cols p{font-size:16px}
.nce .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:48px}
.nce .btn{display:inline-block;padding:15px 28px;border-radius:999px;font-weight:700;font-size:16px;background:var(--violeta);color:#fff;transition:background .2s}
.nce .btn:hover{background:var(--violeta-2)}
.nce .btn.ghost{background:transparent;border:1.5px solid var(--rosa);color:var(--rosa)}
.nce .more-cases{padding:0 0 100px}
.nce .more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nce .more-grid a{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:18px;border:1px solid var(--linea);background:#fff;transition:.2s}
.nce .more-grid a:hover{border-color:var(--violeta-2);transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(29,78,216,0.5)}
.nce .more-grid span{font-size:13px;color:var(--rosa);font-weight:700}
.nce .more-grid b{font-size:20px;color:var(--tinta)}
.nce .more-grid em{font-style:normal;font-size:15px;color:var(--suave)}
.nce .zoom{cursor:zoom-in;border:0;padding:0;background:none;display:block;width:100%}
.nce .btn:focus-visible,.nce .zoom:focus-visible{outline:3px solid var(--rosa-2);outline-offset:3px}
.nce-lb{position:fixed;inset:0;z-index:999;background:rgba(17,24,39,0.9);display:none;align-items:flex-start;justify-content:center;overflow:auto;padding:40px 16px;cursor:zoom-out}
.nce-lb.open{display:flex}
.nce-lb img{max-width:min(1200px,100%);height:auto;border-radius:12px}
@media(max-width:900px){
  .nce section.blk{padding:72px 0}
  .nce .case-hero{padding-top:48px}
  .nce .hero-sub,.nce .reto-grid,.nce .eco-head,.nce .eco,.nce .ugc-grid,.nce .res-cols,.nce .more-grid{grid-template-columns:1fr;gap:32px}
  .nce .stats-grid.n3,.nce .stats-grid.n4{grid-template-columns:1fr 1fr}
  .nce .gallery.n2,.nce .gallery.n3{grid-template-columns:1fr}
  .nce .browser-stage{margin:44px auto -110px}
  .nce .browser{transform:rotateX(5deg) rotateZ(-1.5deg)}
  .nce .reto{padding-top:180px!important}.nce .reto-min{height:150px}
  .nce .capa{padding:26px}.nce .res-box{padding:40px 24px}
}
@media(max-width:520px){.nce .stats-grid.n2,.nce .stats-grid.n3,.nce .stats-grid.n4{grid-template-columns:1fr}.nce .hero-meta{grid-template-columns:1fr 1fr}}