/* Bloques de servicio (casos + planes) reutilizados en artículos — extraído de ecommerce.html */
    .hs{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;gap:1.375rem;scroll-behavior:smooth;padding-bottom:4px}
    .hs::-webkit-scrollbar{display:none}
    .hs-nav{display:flex;gap:.7rem;margin-top:1.375rem}
    .hb{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--bd);background:var(--cbg);color:var(--t1);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);box-shadow:0 2px 8px rgba(0,0,0,.05)}
    .hb:hover{background:var(--gr);border-color:transparent;color:#fff;box-shadow:0 6px 20px rgba(0,102,255,.3);transform:scale(1.05)}
    #planes-track-wrap .hs-nav{margin-bottom:2rem}
    .pc{width:min(350px,calc(100vw - 2*var(--gu)));scroll-snap-align:start;flex-shrink:0;border-radius:var(--r);overflow:hidden;background:var(--cbg);border:1px solid var(--cbd);box-shadow:0 2px 6px rgba(0,0,0,.03);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
    .pc:hover{transform:translateY(-5px);box-shadow:0 18px 56px rgba(0,102,255,.14)}
    .pt{height:205px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
    .pt-l{font-family:var(--fd);font-size:1.55rem;font-weight:400;color:rgba(255,255,255,.55);letter-spacing:.005em;text-transform:uppercase}
    .pt-b{position:absolute;top:11px;right:11px;padding:.2rem .65rem;border-radius:100px;background:rgba(0,0,0,.38);backdrop-filter:blur(5px);font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff}
    .pb{padding:1.3rem}
    .pc-cat{font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mg);margin-bottom:.3rem}
    .pc-n{font-family:var(--fd);font-size:1.08rem;font-weight:400;letter-spacing:.005em;text-transform:uppercase;margin-bottom:.5rem}
    .pc-d{font-size:.92rem;color:var(--t2);line-height:1.65;margin-bottom:.9rem}
    .pm{display:flex;gap:.9rem}
    .mv{font-family:var(--fd);font-size:1rem;font-weight:400;letter-spacing:-.005em;background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .ml{font-size:.6rem;color:var(--t3);font-weight:500}

    /* CASOS */
    #casos{background:linear-gradient(135deg,rgba(0,102,255,.05),rgba(226,9,122,.05))}
    .cc{width:min(400px,calc(100vw - 2*var(--gu)));scroll-snap-align:start;flex-shrink:0;border-radius:var(--r);background:var(--cbg);border:1px solid var(--cbd);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 6px rgba(0,0,0,.03);transition:transform .35s var(--ease)}
    .cc:hover{transform:translateY(-4px)}
    .ch{display:flex;align-items:center;gap:.825rem}
    .cl{width:48px;height:48px;border-radius:11px;background:var(--gr);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:.9rem;font-weight:400;color:#fff;flex-shrink:0;letter-spacing:.005em}
    .cn{font-family:var(--fd);font-weight:400;font-size:.9rem;text-transform:uppercase;letter-spacing:.005em}
    .ci{font-size:.7rem;color:var(--t3);margin-top:.1rem}
    .cq{font-size:.85rem;line-height:1.6;color:var(--t2);font-style:italic;border-left:2px solid var(--mg);padding-left:.85rem}
    .cr{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
    .crr{text-align:center;padding:.6rem .3rem;border-radius:10px;background:var(--bg2);border:1px solid var(--bd)}
    .crv{font-family:var(--fd);font-size:1rem;font-weight:400;letter-spacing:-.005em;background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .crl{font-size:.6rem;color:var(--t3);font-weight:500;margin-top:.1rem}
    .cp{display:flex;align-items:center;gap:.7rem}
    .ca{width:32px;height:32px;border-radius:50%;background:var(--gr);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-weight:700;flex-shrink:0}
    .cpn{font-size:.83rem;font-weight:600}
    .cpr{font-size:.7rem;color:var(--t3)}
    .dp-l{font-family:var(--fd);font-size:.88rem;font-weight:400;letter-spacing:.005em;text-transform:uppercase;margin-bottom:1.375rem;text-align:center}
    .prg{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1.15rem;margin-bottom:2.75rem}
    .prc{background:var(--cbg);border:1.5px solid var(--cbd);border-radius:var(--r);padding:1.625rem;box-shadow:0 2px 6px rgba(0,0,0,.03);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;position:relative;display:flex;flex-direction:column;gap:.825rem}
    .prc:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,102,255,.12);border-color:var(--mg)}
    .prc.feat{border-color:var(--mg);background:linear-gradient(135deg,rgba(0,102,255,.04),rgba(226,9,122,.04))}
    .prc-top{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:.22rem .825rem;border-radius:100px;background:var(--gr);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
    .plan-n{font-family:var(--fm);font-size:.72rem;font-weight:500;color:var(--mg);letter-spacing:.14em;text-transform:uppercase}
    .pa{display:flex;align-items:baseline;gap:.22rem}
    .pc2{font-family:var(--fd);font-size:.85rem;font-weight:400;color:var(--t3)}
    .pv{font-family:var(--fd);font-size:1.85rem;font-weight:400;letter-spacing:-.005em;color:var(--t1)}
    .pi{font-size:.72rem;color:var(--t3)}
    .pdesc{font-size:.855rem;color:var(--t2);font-weight:500;line-height:1.4}
    .pf{list-style:none;display:flex;flex-direction:column;gap:.45rem;flex:1}
    .pf li{font-size:.8rem;color:var(--t2);display:flex;align-items:flex-start;gap:.45rem}
    .pf li::before{content:'✓';color:var(--mg);font-weight:700;flex-shrink:0;margin-top:.05rem}
    .pf li strong{color:var(--t1)}
    .pca{display:block;text-align:center;padding:.7rem;border-radius:100px;border:1.5px solid var(--mg);color:var(--mg);font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s var(--ease)}
    .pca:hover{transform:translateY(-1px)}
    .prg{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
    .prc,.prc *{text-align:left}
    .prc-top{text-align:center}
    .pca{text-align:center}
    .pf li{align-items:flex-start;text-align:left}

  
    /* PORTFOLIO image fill */
    .pt{height:205px;display:block;position:relative;overflow:hidden}
    .pt-img{width:100%;height:100%;object-fit:cover;display:block}
    .pc{text-decoration:none;color:inherit}
    /* PLAN cards: horizontal scroll like portfolio */
    .prg{display:flex !important;gap:1.2rem !important;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:1.4rem 4px 1.4rem;grid-template-columns:none !important}
    .prg::-webkit-scrollbar{display:none}
    .prc{width:calc((min(1240px,100vw - 2 * var(--gu)) - 2.4rem) / 3);min-width:300px;max-width:380px;scroll-snap-align:start;flex-shrink:0;text-align:left}
    .prc *{text-align:left}
    .prc-top{text-align:center !important}
    .pca-row{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}
    .pca{display:block;text-align:center;padding:.7rem;border-radius:100px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s var(--ease);cursor:pointer}
    .pca-out{border:1.5px solid var(--mg);color:var(--mg);background:transparent}
    .pca-out:hover{background:var(--mg-pale)}
    .pca-in{background:var(--gr);color:#fff;border:1.5px solid transparent}
    .pca-in:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,102,255,.28)}
    .prc.feat .pca-out{background:#fff}
    .pca-sec{display:inline-flex;align-items:center;gap:.3rem;justify-content:center;font-size:.78rem;color:var(--t3);text-decoration:underline;text-underline-offset:2px;margin-top:.4rem}
    .pca-sec svg{width:11px;height:11px}
    .pay-row{display:flex;align-items:center;gap:.55rem;margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--bd);font-size:.72rem;color:var(--t3);line-height:1.4}
    .pay-vmc{width:54px;height:20px;flex-shrink:0}
    .pay-txt{flex:1}
    .pay-txt strong{color:var(--t1);font-weight:600}
    /* CASOS — image thumb */
    .cc{padding:0 !important;gap:0 !important;overflow:hidden;text-decoration:none;color:inherit}
    .cc-thumb{aspect-ratio:16/10;background:var(--bg2);overflow:hidden;display:block;border-bottom:1px solid var(--bd)}
    .cc-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .5s ease}
    .cc:hover .cc-thumb img{transform:scale(1.04)}
    .cc-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}
    .cc .ch .cl{display:none}
    .cc .ch{padding-top:0}
.prc{position:relative}