html, body {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #top[data-screen-label="Parallax"] {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
    isolation: isolate;
  }

  #top[data-screen-label="Parallax"] > div:first-child,
  #top[data-screen-label="Parallax"] > div:first-child > div:first-child {
    width: 100% !important;
    max-width: none !important;
  }

  #top[data-screen-label="Parallax"] img {
    left: 50% !important;
    width: max(100vw, 177.78vh) !important;
    max-width: none !important;
    height: auto !important;
  }

  @media (max-width: 700px) {
    #top[data-screen-label="Parallax"] img {
      width: max(100vw, 135vh) !important;
    }
  }


    *{box-sizing:border-box;}
    html,body{margin:0;padding:0;background:#070712;}
    body{-webkit-font-smoothing:antialiased;}
    ::selection{background:#1F27EB;color:#FDFCFE;}
    @keyframes beamMove{0%{left:-18%;opacity:0;}12%{opacity:1;}88%{opacity:1;}100%{left:118%;opacity:0;}}
    @keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-16px);}}
    @keyframes floatBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(8px);}}
    /* Easing maestro: expo-out, desaceleración larga y sedosa (sin blur, con profundidad 3D) */
    @keyframes heroInRight{0%{opacity:0; transform:perspective(1400px) translateX(96px) translateY(26px) rotateY(-11deg) scale(.9);}100%{opacity:1; transform:perspective(1400px) translateX(0) translateY(0) rotateY(0deg) scale(1);}}
    @keyframes heroReveal{0%{opacity:0; clip-path:inset(0 0 100% 0); transform:translateY(22px);}100%{opacity:1; clip-path:inset(0 0 0 0); transform:translateY(0);}}
    @keyframes heroPop{0%{opacity:0; transform:translateY(40px) scale(.8);}55%{opacity:1; transform:translateY(-8px) scale(1.055);}100%{opacity:1; transform:translateY(0) scale(1);}}
    .hero-anim{opacity:0;}
    @keyframes heroChar{0%{opacity:0; transform:perspective(700px) translateY(1.05em) rotateX(-55deg) scale(.92);}55%{opacity:1;}100%{opacity:1; transform:perspective(700px) translateY(0) rotateX(0deg) scale(1);}}
    .hero-char{display:inline-block; opacity:0; transform-origin:50% 100%; animation:heroChar 1.15s cubic-bezier(.16,1,.3,1) forwards; will-change:transform,opacity;}
    .hero-t1{animation:none;}
    .hero-sub{animation:heroReveal 1.6s cubic-bezier(.16,1,.3,1) 1.3s forwards; will-change:transform,opacity;}
    .hero-btn1{animation:heroPop 1.15s cubic-bezier(.34,1.5,.5,1) 1.85s forwards; will-change:transform,opacity;}
    .hero-btn2{animation:heroPop 1.15s cubic-bezier(.34,1.5,.5,1) 2.02s forwards; will-change:transform,opacity;}
    .hero-card{animation:heroInRight 1.75s cubic-bezier(.16,1,.3,1) .75s forwards; will-change:transform,opacity;}
    @media (prefers-reduced-motion: reduce){.hero-anim,.hero-char{opacity:1 !important; animation:none !important; transform:none !important;}}
    .reveal{opacity:0; transform:perspective(1500px) rotateX(9deg) translateY(68px) scale(.96); transform-origin:50% 100%; transition:opacity 1.5s cubic-bezier(.16,1,.3,1), transform 1.5s cubic-bezier(.16,1,.3,1); will-change:transform,opacity;}
    .reveal.rv-left{transform:perspective(1500px) translateX(-78px) rotateY(9deg) scale(.96);}
    .reveal.rv-right{transform:perspective(1500px) translateX(78px) rotateY(-9deg) scale(.96);}
    .reveal.rv-scale{transform:scale(.88);}
    .reveal.is-in{opacity:1; transform:none;}
    @media (prefers-reduced-motion: reduce){.reveal{opacity:1 !important; transform:none !important; filter:none !important;}}
    @keyframes softPulse{0%,100%{opacity:.5;transform:scale(1);}50%{opacity:.85;transform:scale(1.08);}}
    @keyframes bgDrift{0%{transform:rotate(-19deg) translate(0,0);}50%{transform:rotate(-19deg) translate(-4%,-3%);}100%{transform:rotate(-19deg) translate(0,0);}}
    .imp-card{transition:transform .4s cubic-bezier(.34,1.56,.5,1), box-shadow .4s ease, border-color .35s ease; will-change:transform;}
    .imp-card:hover{transform:scale(1.04) translateY(-9px); box-shadow:0 42px 86px -28px rgba(46,55,255,.55); z-index:2;}
    .ib-dash-wrap{transition:transform .4s cubic-bezier(.34,1.56,.5,1); will-change:transform;}
    .ib-dash-wrap:hover{transform:scale(1.03) translateY(-7px); z-index:2;}
    .ib-dash-win{transition:box-shadow .4s ease, border-color .4s ease;}
    .ib-dash-wrap:hover .ib-dash-win{box-shadow:0 38px 80px -28px rgba(46,55,255,.58) !important; border-color:rgba(110,116,255,.55) !important;}
    @media (prefers-reduced-motion: reduce){.ib-dash-wrap:hover{transform:none !important;}}
    .imp-cta:hover{transform:translateY(-2px);}
    .imp-cta{transition:transform .25s ease, box-shadow .25s ease;}

    /* ===== Shiny CTA · borde cónico animado + barrido (colores de marca) ===== */
    @property --sh-angle{syntax:"<angle>"; initial-value:0deg; inherits:false;}
    .imp-cta, .proj-cta, .shiny-cta{position:relative; isolation:isolate; overflow:hidden;}
    /* anillo de luz que gira por el borde */
    .imp-cta::after, .proj-cta::after, .shiny-cta::after{
      content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; z-index:2; pointer-events:none;
      background:conic-gradient(from var(--sh-angle),
        transparent 0deg, #2E37FF 38deg, #6E74FF 64deg, #FDFCFE 84deg, #7C3AED 110deg, #FA3601 140deg, transparent 170deg, transparent 360deg);
      -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;
      animation:shAngle 3s linear infinite;
    }
    /* barrido tipo brillo */
    .imp-cta::before, .proj-cta::before, .shiny-cta::before{
      content:""; position:absolute; inset:0; border-radius:inherit; z-index:1; pointer-events:none; opacity:.55;
      background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.45) 50%, transparent 62%);
      transform:translateX(-130%); animation:shShine 3s linear infinite;
    }
    .imp-cta:hover::after, .imp-cta:focus-visible::after,
    .proj-cta:hover::after, .proj-cta:focus-visible::after,
    .shiny-cta:hover::after, .shiny-cta:focus-visible::after{animation-duration:1.4s;}
    .imp-cta:hover::before, .proj-cta:hover::before, .shiny-cta:hover::before{opacity:.85; animation-duration:1.4s;}
    .no-shiny::before, .no-shiny::after{content:none !important;}
    .shine-only::after{content:none !important;} /* solo el glow que barre, sin el anillo del borde */
    @keyframes shAngle{to{--sh-angle:360deg;}}
    @keyframes shShine{0%{transform:translateX(-130%);}55%,100%{transform:translateX(130%);}}
    @media (prefers-reduced-motion: reduce){
      .imp-cta::before, .imp-cta::after, .proj-cta::before, .proj-cta::after, .shiny-cta::before, .shiny-cta::after{animation:none !important;}
      .imp-cta::before, .proj-cta::before, .shiny-cta::before{opacity:0 !important;}
    }
    .imp-faq:hover{border-color:#2E37FF !important; transform:scale(1.02) translateY(-5px);}
    @keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
    .imp-track{animation:marquee 36s linear infinite;}
    .imp-marquee:hover .imp-track{animation-play-state:paused;}

    /* ===== Sección "Las tres, trabajando juntas" ===== */
    .tj-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch;}
    @media(max-width:860px){.tj-grid{grid-template-columns:1fr;}}
    .tj-card{position:relative; background:#0E1020; border:1px solid #262B47; border-radius:24px; padding:40px 36px; display:flex; flex-direction:column; box-shadow:0 20px 50px -28px rgba(0,0,0,.55); transition:transform .3s cubic-bezier(.22,1,.36,1), border-color .3s ease, box-shadow .3s ease;}
    .tj-card:hover{transform:translateY(-6px); border-color:#5B3FE0; box-shadow:0 28px 60px -24px rgba(91,63,224,.55), 0 0 0 1px rgba(91,63,224,.4);}
    .tj-ico{width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:rgba(91,63,224,.12); border:1px solid rgba(91,63,224,.28); color:#9D8BFF; margin-bottom:22px; transition:background .3s ease, color .3s ease;}
    .tj-card:hover .tj-ico{background:rgba(91,63,224,.2); color:#BCAEFF;}
    .tj-ico svg{width:26px; height:26px;}

    /* ===== Formulario de contacto ===== */
    .ct-panel{display:grid; grid-template-columns:0.92fr 1.08fr; gap:0; max-width:1120px; margin:0 auto; border-radius:28px; overflow:hidden; background:#0E1020; border:1px solid #262B47; box-shadow:0 44px 110px -50px rgba(0,0,0,.85);}
    @media(max-width:880px){.ct-panel{grid-template-columns:1fr;}}
    .ct-aside{position:relative; padding:clamp(34px,3.4vw,52px); display:flex; flex-direction:column; gap:26px; border-right:1px solid #262B47; background:linear-gradient(165deg, rgba(46,55,255,.10) 0%, rgba(14,16,32,0) 52%);}
    @media(max-width:880px){.ct-aside{border-right:none; border-bottom:1px solid #262B47;}}
    .ct-eyebrow{display:inline-flex; align-items:center; gap:9px; font-size:12.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#9AA0FF;}
    .ct-eyebrow::before{content:""; width:26px; height:1px; background:linear-gradient(90deg,#6E74FF,transparent);}
    .ct-methods{display:flex; flex-direction:column; gap:12px; margin-top:2px;}
    .ct-method{display:flex; align-items:center; gap:14px; padding:13px 15px; border-radius:14px; background:rgba(255,255,255,.03); border:1px solid #262B47; text-decoration:none; box-shadow:0 16px 32px -14px rgba(46,55,255,0); transition:border-color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;}
    .ct-method:hover{border-color:rgba(110,116,255,.5); background:rgba(110,116,255,.08); transform:translateX(3px); box-shadow:0 20px 40px -14px rgba(46,55,255,.75);}
    .ct-mico{flex:none; width:42px; height:42px; border-radius:12px; background:rgba(46,55,255,.12); color:#8E94FF; display:flex; align-items:center; justify-content:center;}
    .ct-mico svg{width:20px; height:20px;}
    .ct-mtext{display:flex; flex-direction:column; gap:3px; min-width:0;}
    .ct-mlabel{display:block; font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#868CA6;}
    .ct-mval{display:block; font-size:15px; font-weight:600; color:#FDFCFE; line-height:1.25;}
    .ct-form{padding:clamp(34px,3.4vw,52px); display:flex; flex-direction:column; gap:18px;}
    .ct-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
    @media(max-width:560px){.ct-grid{grid-template-columns:1fr;}}
    .ct-row{display:flex; flex-direction:column;}
    .ct-label{display:block; font-size:13.5px; font-weight:700; color:#FDFCFE; margin-bottom:8px; letter-spacing:.01em;}
    .ct-wrap{position:relative;}
    .ct-wrap > svg{position:absolute; left:15px; top:15px; width:18px; height:18px; color:#8E94FF; pointer-events:none;}
    .ct-wrap.ct-area > svg{top:16px;}
    .ct-field{width:100%; box-sizing:border-box; padding:14px 16px 14px 44px; border-radius:13px; border:1px solid #262B47; background:rgba(255,255,255,.03); color:#FDFCFE; font-size:15px; font-family:inherit; outline:none; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;}
    .ct-field::placeholder{color:#6E7390;}
    .ct-field:focus{border-color:#6E74FF; background:rgba(110,116,255,.06); box-shadow:0 0 0 3px rgba(110,116,255,.22);}
    textarea.ct-field{min-height:130px; resize:vertical; line-height:1.55;}
    .ct-send{margin-top:4px; width:100%; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:16px 28px; border-radius:14px; border:none; cursor:pointer; font-size:16px; font-weight:700; font-family:inherit; color:#FDFCFE; background:linear-gradient(120deg,#FA3601 0%,#d42d00 100%); box-shadow:0 14px 34px -10px rgba(250,54,1,.5); letter-spacing:.01em; transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;}
    .ct-send:hover{transform:translateY(-2px); box-shadow:0 18px 42px -12px rgba(250,54,1,.65);}
    .ct-note{font-size:12.5px; color:#868CA6; text-align:left; margin:6px 0 0; line-height:1.55;}
    .ct-note a{color:#9AA0FF; text-decoration:underline; text-underline-offset:2px;}
    .mobile-sticky-cta{display:none;}
    @media(max-width:700px){
      .mobile-sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:110;display:flex;align-items:center;justify-content:center;min-height:50px;padding:13px 18px;border-radius:15px;background:linear-gradient(135deg,#FA3601,#F0430A);color:#FDFCFE;text-decoration:none;font-size:15px;font-weight:800;box-shadow:0 14px 34px -10px rgba(0,0,0,.8),0 10px 28px -12px rgba(250,54,1,.8);}
      body{padding-bottom:calc(82px + env(safe-area-inset-bottom));}
    }
    @media(prefers-reduced-motion:reduce){.mobile-sticky-cta{transition:none;}}

    .imp-led{position:relative;border-radius:28px;padding:1.5px;overflow:hidden;background:rgba(255,255,255,.07);display:flex;}
    .imp-led::before{content:"";position:absolute;left:50%;top:50%;width:175%;height:175%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,transparent 276deg,rgba(46,55,255,.85) 316deg,#6E74FF 350deg,transparent 360deg);animation:ledSpin 4.5s linear infinite var(--ld,0s);}
    .imp-led-inner{position:relative;z-index:1;border-radius:26.5px;flex:1;min-width:0;}
    .imp-led-hot{padding:2px;box-shadow:0 30px 70px -24px rgba(46,55,255,.7);}
    .imp-led-hot::before{background:conic-gradient(from 0deg,#1F27EB 0deg,#7C3AED 90deg,#6E74FF 180deg,#7C3AED 270deg,#1F27EB 360deg);}
    @keyframes ledSpin{to{transform:translate(-50%,-50%) rotate(360deg);}}
    @media(max-width:860px){.ib-bento{grid-template-columns:1fr 1fr !important;grid-auto-rows:150px !important;}.ib-bento .ib-bento-a{grid-column:span 2 !important;grid-row:span 1 !important;}}
    .imp-flink{transition:color .25s ease, transform .25s ease; cursor:pointer;}
    .imp-flink:hover{color:#FA3601 !important; transform:translateX(6px);}
    .ib-bento-card{position:relative; transition:transform .4s cubic-bezier(.34,1.56,.5,1), box-shadow .4s ease, border-color .4s ease; will-change:transform;}
    .ib-bento-card:hover{transform:scale(1.03) translateY(-7px); box-shadow:0 38px 80px -28px rgba(46,55,255,.58); border-color:rgba(110,116,255,.55); z-index:2;}
    .ib-step{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:26px;padding:22px 0 30px;align-items:start;}
    .ib-step:not(:last-child)::after{content:"";position:absolute;left:28px;top:80px;bottom:-2px;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.08));}
    .process-step-number{position:relative;z-index:1;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(7,7,18,.3);font-variant-numeric:tabular-nums;}
    .ib-step:hover .process-step-number{border-color:rgba(255,122,77,.7);background:rgba(250,54,1,.1);}
    .ib-step.is-lit .process-step-number{border-color:#FF7A4D;background:rgba(250,54,1,.12);box-shadow:0 0 0 1px rgba(250,54,1,.18),0 0 14px rgba(250,54,1,.9),0 0 38px rgba(250,54,1,.48);transform:scale(1.08);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease,background .6s ease;}
    .process-step-number::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,122,77,0);transform:scale(.72);opacity:0;}
    .ib-step.is-lit .process-step-number::after{border-color:rgba(255,122,77,.65);animation:processNumberPulse 1.8s cubic-bezier(.16,1,.3,1) both;}
    .ib-step.is-lit:not(:last-child)::after{background:linear-gradient(180deg,#FF7A4D,rgba(250,54,1,.22));box-shadow:0 0 10px rgba(250,54,1,.38);}
    @keyframes processNumberPulse{0%{opacity:0;transform:scale(.72)}35%{opacity:1}100%{opacity:0;transform:scale(1.45)}}
    @media(max-width:600px){.ib-step{grid-template-columns:48px minmax(0,1fr);gap:18px;padding:18px 0 26px}.process-step-number{width:48px;height:48px}.ib-step:not(:last-child)::after{left:23px;top:66px;}}
    @media(max-width:760px){.imp-foot-cols{grid-template-columns:repeat(2,1fr) !important;}.svc-billing{grid-template-columns:1fr !important;}}
    [data-motion="off"] *{animation-play-state:paused !important;}
    @media(max-width:980px){.imp-hero-grid{flex-direction:column !important;}.imp-bento{grid-template-columns:1fr 1fr !important;}}
    @media(max-width:620px){.imp-bento{grid-template-columns:1fr !important;}.imp-nav-links{display:none !important;}}
    .imp-navlink{position:relative; font-size:14.5px; font-weight:500; color:#AEB2C6; text-decoration:none; padding:9px 14px; border-radius:10px; transition:color .22s ease, background .22s ease;}
    .imp-navlink:hover{color:#FDFCFE; background:rgba(255,255,255,.06);}
    .imp-navlink::after{content:""; position:absolute; left:50%; bottom:5px; width:0; height:2px; border-radius:2px; background:linear-gradient(90deg,#2E37FF,#7C3AED); transform:translateX(-50%); transition:width .26s cubic-bezier(.22,1,.36,1);}
    .imp-navlink:hover::after{width:18px;}
    a.imp-cta{text-decoration:none; display:inline-flex; align-items:center; justify-content:center;}
    a.imp-flink{text-decoration:none;}
    a:focus-visible, button:focus-visible, [tabindex]:focus-visible{outline:2px solid #6E74FF; outline-offset:3px; border-radius:6px;}
    html{scroll-behavior:smooth;}
    @media (prefers-reduced-motion: reduce){ [data-motion] *{animation-play-state:paused !important;} html{scroll-behavior:auto !important;} }
    /* ===== Proyectos (slider) ===== */
    .proj-viewport{overflow:hidden;}
    .proj-track{display:flex; transition:transform .6s cubic-bezier(.22,1,.36,1); will-change:transform;}
    .proj-slide{flex:0 0 100%; min-width:0;}
    .proj-card-img{transition:transform .7s cubic-bezier(.22,1,.36,1); will-change:transform;}
    .proj-arrow{display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:background .25s ease, border-color .25s ease, transform .25s ease;}
    .proj-side-arrow{position:absolute; top:50%; z-index:6; transform:translateY(-50%);}
    .proj-side-arrow:hover{background:linear-gradient(135deg,#1F27EB,#7C3AED) !important; border-color:transparent !important; transform:translateY(-50%) scale(1.08);}
    .proj-mini-arrow:hover{background:linear-gradient(135deg,#1F27EB,#7C3AED) !important; border-color:transparent !important; transform:scale(1.08);}
    .proj-dot{cursor:pointer; border:none; padding:0; height:9px; border-radius:999px; transition:width .35s cubic-bezier(.22,1,.36,1), background .35s ease;}
    .proj-cta{transition:transform .25s ease, box-shadow .25s ease;}
    .proj-cta:hover{transform:translateY(-2px); box-shadow:0 14px 30px -12px rgba(250,54,1,.7);}
    .proj-case{display:grid; grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr); gap:clamp(28px,5vw,76px); align-items:stretch; max-width:1040px; margin:0 auto; padding:8px clamp(0px,3vw,34px);}
    .proj-case-visual{position:relative; min-height:510px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:24px; background:#111326; box-shadow:0 34px 80px -38px rgba(0,0,0,.9); isolation:isolate;}
    .proj-case-visual .proj-card-img{width:100%; height:100%; min-height:510px; object-fit:cover; display:block; transition:transform .8s cubic-bezier(.22,1,.36,1);}
    .proj-case:hover .proj-card-img{transform:scale(1.045);}
    .proj-case-overlay{position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(7,7,18,.08) 35%,rgba(7,7,18,.92) 100%);}
    .proj-case-badge{position:absolute; top:18px; left:18px; z-index:2; padding:6px 11px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(9,11,26,.75); color:#C9CDED; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;}
    .proj-case-visual-copy{position:absolute; right:22px; bottom:22px; left:22px; z-index:2; display:flex; flex-direction:column; gap:7px;}
    .proj-case-visual-copy span,.proj-eyebrow{color:#FA6B42; font-size:11px; font-weight:700; letter-spacing:.11em; text-transform:uppercase;}
    .proj-case-visual-copy strong{max-width:360px; color:#fff; font-size:clamp(25px,3vw,38px); line-height:1.05; letter-spacing:-.04em;}
    .proj-case-info{display:flex; flex-direction:column; justify-content:center; min-width:0; padding:14px 0;}
    .proj-case-heading{display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.12);}
    .proj-case-heading h3{margin:7px 0 0; color:#FDFCFE; font-size:clamp(28px,3.4vw,45px); line-height:1.02; letter-spacing:-.045em;}
    .proj-case-index{flex:none; color:#777EA5; font-size:13px; font-variant-numeric:tabular-nums; letter-spacing:.08em;}
    .proj-case-summary{margin:20px 0 26px; color:#D8DBE8; font-size:17px; line-height:1.55;}
    .proj-facts{display:grid; grid-template-columns:1fr 1fr; gap:20px 24px;}
    .proj-fact{padding-left:14px; border-left:2px solid rgba(110,116,255,.6);}
    .proj-fact span{display:block; margin-bottom:6px; color:#AEB4D4; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;}
    .proj-fact p{margin:0; color:#858BA7; font-size:13px; line-height:1.52;}
    .proj-fact-status{border-left-color:#FA6B42;}
    .proj-fact-status p{color:#B8BDD0;}
    .proj-case-footer{display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-top:28px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12);}
    .proj-case-footer .proj-cta{display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:none; padding:11px 16px; border:0; border-radius:999px; background:linear-gradient(135deg,#FA3601,#F0430A); color:#FDFCFE; font-family:inherit; font-size:13px; font-weight:700; text-decoration:none;}
    @media(max-width:980px){.proj-side-arrow{display:none !important;}}
    @media(max-width:680px){
      .proj-case{display:flex; flex-direction:column; gap:22px; padding:0;}
      .proj-case-visual,.proj-case-visual .proj-card-img{min-height:330px; height:330px; border-radius:20px;}
      .proj-case-visual-copy{right:18px; bottom:18px; left:18px;}
      .proj-case-visual-copy strong{font-size:29px;}
      .proj-case-info{padding:0 2px;}
      .proj-case-heading{padding-bottom:14px;}
      .proj-case-heading h3{font-size:30px;}
      .proj-case-summary{margin:16px 0 22px; font-size:15px;}
      .proj-facts{grid-template-columns:1fr; gap:15px;}
      .proj-fact{padding-left:12px;}
      .proj-case-footer{align-items:stretch; flex-direction:column; gap:14px; margin-top:22px;}
      .proj-case-footer .proj-cta{justify-content:center; width:100%;}
      .proj-dot{height:8px;}
    }
    @media(min-width:981px){.proj-mini-arrow{display:none !important;}}
    /* ===== Recursos (lead magnets) + Newsletter ===== */
    .rec-card:hover{transform:translateY(-6px); border-color:rgba(110,116,255,.55) !important; box-shadow:0 30px 70px -30px rgba(46,55,255,.6);}
    .rec-card:focus-visible{transform:translateY(-6px); border-color:rgba(110,116,255,.7) !important;}
    .nl-form input::placeholder{color:rgba(255,255,255,.62);}
    .nl-form input:focus{border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.16);}
    @media(max-width:980px){.recursos-grid{grid-template-columns:1fr 1fr !important;}.nl-band{grid-template-columns:1fr !important;}}
    @media(max-width:560px){.recursos-grid{grid-template-columns:1fr !important;}}
    /* ===== Toggle interactivo "Sin/Con Reac" (problema que resolvemos) ===== */
    .prob-pills{display:inline-flex; padding:5px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid #262B47; margin-bottom:34px; gap:4px;}
    .prob-pill{cursor:pointer; padding:11px 22px; border-radius:12px; font-size:14.5px; font-weight:600; user-select:none; white-space:nowrap; transition:background .35s cubic-bezier(.22,1,.36,1), color .35s ease, box-shadow .35s ease, transform .25s ease;}
    .prob-pill:hover{transform:translateY(-1px);}
    .prob-body{position:relative; min-height:300px;}
    .prob-panel-anim{animation:probSlide .48s cubic-bezier(.16,1,.3,1) both; transform-origin:50% 56%; will-change:transform,opacity,filter;}
    @keyframes probSlide{from{opacity:0; transform:translateX(var(--prob-enter-x,0)) translateY(8px) scale(.985); filter:blur(5px);} to{opacity:1; transform:translateX(0) translateY(0) scale(1); filter:blur(0);}}
    .prob-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch;}
    .prob-card{position:relative; min-height:244px; overflow:hidden; background:#0E1020; border:1px solid #262B47; border-radius:24px; padding:34px; display:flex; flex-direction:column; box-shadow:0 20px 50px -28px rgba(0,0,0,.55); transition:transform .35s cubic-bezier(.22,1,.36,1), border-color .35s ease, box-shadow .35s ease;}
    .prob-card:hover{transform:translateY(-6px); border-color:rgba(110,116,255,.5); box-shadow:0 34px 76px -32px rgba(46,55,255,.58);}
    .prob-card-ico{width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; color:#FDFCFE; margin-bottom:20px;}
    .prob-card-ico svg{width:22px; height:22px;}
    .prob-card-title{font-size:20px; font-weight:700; letter-spacing:-.02em; margin-bottom:8px;}
    .prob-card-copy{font-size:15px; color:#868CA6; line-height:1.6;}
    .prob-card--bad .prob-card-ico{background:linear-gradient(135deg,#7A1E13,#FA3601); box-shadow:0 14px 28px -18px rgba(250,54,1,.85);}
    .prob-card--muted .prob-card-ico{background:linear-gradient(135deg,#24204A,#5B3FE0); box-shadow:0 14px 28px -18px rgba(91,63,224,.85);}
    .prob-card--danger{border-color:rgba(250,54,1,.38); background:radial-gradient(120% 80% at 85% 0%, rgba(250,54,1,.17), rgba(14,16,32,0) 54%), #0E1020; box-shadow:0 28px 76px -34px rgba(250,54,1,.58), 0 20px 50px -28px rgba(0,0,0,.55);}
    .prob-card--danger .prob-card-ico{background:linear-gradient(135deg,#7A1E13,#FA3601); box-shadow:0 14px 28px -18px rgba(250,54,1,.85);}
    .prob-card--danger:hover{border-color:rgba(250,54,1,.64); box-shadow:0 34px 78px -32px rgba(250,54,1,.64);}
    .prob-card--good .prob-card-ico{background:linear-gradient(135deg,#1F27EB,#2E37FF); box-shadow:0 14px 28px -18px rgba(46,55,255,.9);}
    .prob-card--connected .prob-card-ico{background:linear-gradient(135deg,#2E37FF,#7C3AED); box-shadow:0 14px 28px -18px rgba(124,58,237,.9);}
    .prob-card--primary{border-color:rgba(110,116,255,.58); background:radial-gradient(120% 85% at 85% 0%, rgba(46,55,255,.2), rgba(14,16,32,0) 58%), #0E1020; box-shadow:0 30px 78px -34px rgba(46,55,255,.78), 0 20px 50px -28px rgba(0,0,0,.55);}
    .prob-card--primary:hover{border-color:rgba(110,116,255,.82); box-shadow:0 36px 84px -32px rgba(46,55,255,.8);}
    .prob-card--primary .prob-card-ico{background:linear-gradient(135deg,#7C3AED,#FA3601); box-shadow:0 14px 30px -18px rgba(250,54,1,.85);}
    .prob-card--primary::before,.prob-card--danger::before{content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; pointer-events:none; background:linear-gradient(135deg,rgba(110,116,255,.92),transparent 38%,rgba(250,54,1,.55)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; opacity:.7;}
    .prob-card--danger::before{background:linear-gradient(135deg,rgba(250,54,1,.85),transparent 42%,rgba(122,30,19,.72));}
    .prob-chip{display:flex; align-items:center; gap:12px; padding:12px 15px; border-radius:14px; background:rgba(255,255,255,.03); border:1px dashed rgba(255,255,255,.16);}
    .prob-chip-ico{flex:none; width:34px; height:34px; border-radius:10px; background:rgba(46,55,255,.10); border:1px solid rgba(110,116,255,.22); color:#8E94FF; display:flex; align-items:center; justify-content:center;}
    .prob-chip-ico svg{width:16px; height:16px;}
    @media(max-width:860px){.prob-cards{grid-template-columns:1fr;}.prob-card{min-height:0;}.prob-chips{grid-template-columns:1fr !important;}.prob-body{min-height:0;}}