.elementor-40307 .elementor-element.elementor-element-928be4c > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS *//* ════════ TOKENS · Kalcker Institute (brandkit v2 · edición premium) ════════ */
.full-whtml .elementor-container {
    max-width: 100% !important;
}
/* ════════ TOKENS · Kalcker Institute (brandkit v2 · edición premium) ════════ */
  :root{
    /* Verde institucional · gradado y degradado */
    --g950:#002a26; --g900:#003b36; --g800:#004845; --g700:#005b56; --g600:#00705f; --g500:#0b7f76; --g400:#11958c; --g100:#e3f1ed; --g50:#f2f8f6;
    /* Secundarios */
    --gold:#A3864B; --gold-l:#C6A664; --gold-xl:#E4CF9A; --gold-d:#806733;
    --navy:#1e2132; --navy-2:#3d4566; --navy-3:#4f5a84;
    /* Grises */
    --grey:#959595; --grey-2:#d1d1d1; --grey-3:#e8e8e8;

    --c-900:#181828; --c-850:#182838; --c-700:#284858; --c-500:#588898; --c-50:#F2F6F8;
    --blue:#3E92B4; --blue-deep:#2C6985; --blue-bright:#6FC6E0;
    --green:#005b56; --green-bright:#1FA89A;
    --bg:#FFFFFF; --bg-alt:#f5f9f8; --ink:#1f2f38; --ink-2:#3c5260; --ink-3:#647887; --border:#dde8e8;
    --accent:#00705f; --accent-deep:#005b56; --accent-tint:rgba(0,112,95,.08);
    --grad-cta:linear-gradient(135deg,#003b36 0%,#005b56 45%,#00705f 75%,#11958c 120%);
    --grad-gold:linear-gradient(135deg,#806733 0%,#A3864B 35%,#C6A664 60%,#E4CF9A 80%,#A3864B 100%);
    --grad-line:linear-gradient(90deg,#00705f,#11958c,#C6A664);
    --grad-hero:linear-gradient(160deg,#1e2132 0%,#0f2a30 32%,#003b36 62%,#005b56 100%);
    --sh-sm:0 1px 2px rgba(0,42,38,.05),0 6px 18px rgba(0,42,38,.06);
    --sh-md:0 2px 6px rgba(0,42,38,.05),0 18px 44px rgba(0,42,38,.11);
    --sh-xl:0 30px 70px -20px rgba(0,42,38,.45),0 10px 24px rgba(0,42,38,.12);
    --r-sm:12px; --r-md:16px; --r-lg:24px; --r-xl:30px; --r-pill:999px;
    --ease:cubic-bezier(0.23,1,0.32,1); --ease-2:cubic-bezier(.22,.8,.26,1); --dur-f:180ms; --dur-b:240ms;
    --font-d:'Prata',Georgia,serif; --font-b:'Roboto',system-ui,sans-serif;
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:var(--font-b);color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3{font-family:var(--font-d);font-weight:400;line-height:1.2;text-wrap:balance;letter-spacing:-.005em}
  img{max-width:100%;display:block}
  .wrap{max-width:1140px;margin:0 auto;padding:0 24px}
  :focus-visible{outline:3px solid var(--gold-l);outline-offset:3px}
  ::selection{background:rgba(198,166,100,.35)}

  /* Barra de progreso de lectura */
  .ki-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none;background:var(--grad-line);transform-origin:0 50%;transform:scaleX(0)}

  /* ════════ BOTONES ════════ */
  .btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-b);font-weight:700;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:#fff;cursor:pointer;border:none;padding:17px 34px;border-radius:var(--r-pill);background:var(--grad-cta);background-size:160% 100%;box-shadow:0 14px 30px -12px rgba(0,59,54,.6),inset 0 1px 0 rgba(255,255,255,.22);white-space:nowrap;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-position .6s var(--ease),filter .3s;text-decoration:none;will-change:transform}
  .btn::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translateX(-130%)}
  @media(prefers-reduced-motion:no-preference){.btn::after{animation:btnshine 4.2s ease-in-out infinite}}
  @keyframes btnshine{0%{transform:translateX(-130%)}40%,100%{transform:translateX(130%)}}
  .btn:hover{background-position:100% 0;box-shadow:0 22px 40px -14px rgba(0,59,54,.7),inset 0 1px 0 rgba(255,255,255,.3);filter:brightness(1.06)}
  .btn:active{transform:scale(.97)!important}
  .btn svg{transition:transform .3s var(--ease)}
  .btn:hover svg{transform:translateX(4px)}

  /* ════════ HERO ════════ */
  .hero{position:relative;background:var(--grad-hero);color:#fff;text-align:center;padding:110px 24px 110px;overflow:hidden;isolation:isolate;min-height:min(100vh,860px);display:flex;align-items:center;justify-content:center;--mx:50%;--my:40%}
  .hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 420px at 50% -10%,rgba(198,166,100,.12),transparent 65%)}
  .hero__particles{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
  .hero__particles span{position:absolute;bottom:-20px;width:5px;height:5px;border-radius:50%;opacity:0;background:rgba(255,248,222,.8);box-shadow:0 0 14px rgba(255,236,190,.65)}
  .hero__particles span:nth-child(3n){background:rgba(150,240,220,.8);box-shadow:0 0 14px rgba(120,230,210,.55)}
  @media(prefers-reduced-motion:no-preference){.hero__particles span{animation:kiFloat 16s linear infinite}}
  .hero__particles span:nth-child(1){left:6%;animation-delay:-3s;animation-duration:15s;width:4px;height:4px}
  .hero__particles span:nth-child(2){left:14%;animation-delay:-9s;animation-duration:19s;width:7px;height:7px}
  .hero__particles span:nth-child(3){left:23%;animation-delay:-6s;animation-duration:16s}
  .hero__particles span:nth-child(4){left:34%;animation-delay:-12s;animation-duration:21s;width:3px;height:3px}
  .hero__particles span:nth-child(5){left:46%;animation-delay:-2s;animation-duration:17s;width:6px;height:6px}
  .hero__particles span:nth-child(6){left:57%;animation-delay:-10s;animation-duration:20s;width:4px;height:4px}
  .hero__particles span:nth-child(7){left:66%;animation-delay:-5s;animation-duration:15s}
  .hero__particles span:nth-child(8){left:75%;animation-delay:-14s;animation-duration:22s;width:5px;height:5px}
  .hero__particles span:nth-child(9){left:84%;animation-delay:-7s;animation-duration:16s;width:3px;height:3px}
  .hero__particles span:nth-child(10){left:93%;animation-delay:-16s;animation-duration:23s;width:6px;height:6px}
  .hero__particles span:nth-child(11){left:40%;animation-delay:-18s;animation-duration:18s;width:4px;height:4px}
  .hero__particles span:nth-child(12){left:70%;animation-delay:-1s;animation-duration:24s;width:3px;height:3px}
  @keyframes kiFloat{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.75}80%{opacity:.55}100%{transform:translate3d(24px,-720px,0);opacity:0}}

  .hero__inner{position:relative;z-index:2;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
  @media(prefers-reduced-motion:no-preference){
    html.js .hero__inner>*{animation:kiRise 1s var(--ease-2) both}
    html.js .hero__inner>*:nth-child(1){animation-delay:.05s}
    html.js .hero__inner>*:nth-child(2){animation-delay:.18s}
    html.js .hero__inner>*:nth-child(3){animation-delay:.3s}
    html.js .hero__inner>*:nth-child(4){animation-delay:.45s}
    html.js .hero__inner>*:nth-child(5){animation-delay:.58s}
    html.js .hero__inner>*:nth-child(6){animation-delay:.7s}
    html.js .hero__inner>*:nth-child(7){animation-delay:.82s}
  }
  @keyframes kiRise{from{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
  .logo{height:30px!important;width:auto;opacity:.96;margin-bottom:10px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.25))}
  .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-xl);padding:8px 18px;border-radius:var(--r-pill);background:rgba(255,255,255,.06);border:1px solid rgba(228,207,154,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
  .eyebrow .live{position:relative;width:8px;height:8px;border-radius:50%;background:var(--green-bright)}
  @media(prefers-reduced-motion:no-preference){.eyebrow .live{animation:pulse 2s infinite}}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,168,154,.6)}70%{box-shadow:0 0 0 10px rgba(31,168,154,0)}100%{box-shadow:0 0 0 0 rgba(31,168,154,0)}}
  .hero h1{font-size:clamp(2.3rem,5.4vw,4.1rem);line-height:1.12;margin:4px 0 0;color:#fff;
    background:linear-gradient(100deg,#ffffff 0%,#ffffff 30%,var(--gold-xl) 45%,#fff6dc 50%,var(--gold-xl) 55%,#ffffff 70%,#ffffff 100%);background-size:250% 100%;background-position:100% 0;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 0 transparent}
  @media(prefers-reduced-motion:no-preference){.hero h1{animation:kiRise 1s var(--ease-2) .3s both,kiShine 9s ease-in-out 1.4s infinite}}
  @keyframes kiShine{0%,100%{background-position:100% 0}50%{background-position:0 0}}
  .hero p.sub{color:rgba(255,255,255,.76);font-size:clamp(1.05rem,1.6vw,1.2rem);font-weight:300;max-width:580px;line-height:1.7}
  .hero .price{position:relative;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px;margin-top:10px;padding:16px 34px 18px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(228,207,154,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 50px -20px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden}
  .hero .price::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 49%,transparent 60%);background-size:250% 100%;background-position:130% 0}
  @media(prefers-reduced-motion:no-preference){.hero .price::after{animation:kiSweep 5.5s ease-in-out 2s infinite}}
  @keyframes kiSweep{0%{background-position:130% 0}45%,100%{background-position:-40% 0}}
  .hero .price .now{font-family:var(--font-d);font-size:clamp(2.8rem,5vw,3.6rem);line-height:1;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
  .hero .price .was{font-family:var(--font-d);font-size:1.35rem;color:rgba(255,255,255,.45);text-decoration-color:rgba(228,207,154,.7);text-decoration-thickness:1.5px;align-self:center}
  .hero .price .save{align-self:center;margin-left:6px;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);background:linear-gradient(135deg,#1FA89A,#7fd8c9);padding:7px 14px;border-radius:var(--r-pill);box-shadow:0 8px 20px -8px rgba(31,168,154,.7);white-space:nowrap}
  @media(prefers-reduced-motion:no-preference){.hero .price .save{animation:kiBadge 2.8s ease-in-out 2s infinite}}
  @keyframes kiBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
  .hero .price .per{font-size:1.05rem;color:rgba(255,255,255,.7);letter-spacing:.04em}
  .hero .btn{margin-top:12px;color:var(--navy);background:var(--grad-gold);background-size:180% 100%;box-shadow:0 18px 40px -14px rgba(198,166,100,.65),inset 0 1px 0 rgba(255,255,255,.5);padding:19px 38px;font-size:.82rem}
  .hero .btn svg{stroke:var(--navy)}
  .hero .btn:hover{box-shadow:0 24px 50px -14px rgba(198,166,100,.8),0 0 0 6px rgba(198,166,100,.14),inset 0 1px 0 rgba(255,255,255,.5)}
  .hero .note{font-size:.86rem;color:rgba(255,255,255,.55);letter-spacing:.04em;margin-top:-2px}

  /* ════════ ENCABEZADOS DE SECCIÓN ════════ */
  .kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:var(--r-pill);background:#fff;border:1px solid rgba(0,112,95,.2);box-shadow:0 8px 18px -12px rgba(0,59,54,.45);color:var(--g700);font-size:.72rem!important;font-weight:700;letter-spacing:.17em!important;text-transform:uppercase}
  .kicker::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--g400),var(--gold-l))}
  @media(prefers-reduced-motion:no-preference){.kicker::before{animation:kiBlink 2.4s ease-in-out infinite}}
  @keyframes kiBlink{50%{opacity:.3;transform:scale(.75)}}
  .head{text-align:center;max-width:640px;margin:0 auto 52px}
  .head h2{font-size:clamp(2rem,3.6vw,2.85rem);margin-top:18px;color:var(--g900)}
  .head .bar{position:relative;width:180px;height:14px;margin:20px auto 0;background:none}
  .head .bar::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--g600) 30%,var(--g400) 45%,transparent 50%,transparent 50%,var(--gold-l) 55%,var(--gold) 70%,transparent)}
  .head .bar::after{content:"";position:absolute;left:50%;top:1px;width:11px;height:11px;margin-left:-5.5px;transform:rotate(45deg);border:1.5px solid var(--gold);background:#fff;box-shadow:0 0 0 4px rgba(198,166,100,.12)}

  /* ════════ ARGUMENTO ════════ */
  .argue{position:relative;padding:90px 24px 80px;overflow:hidden;isolation:isolate}
  .argue::before{content:"201C";position:absolute;left:50%;top:20px;transform:translateX(-50%);font-family:var(--font-d);font-size:22rem;line-height:1;color:var(--g100);z-index:-1;pointer-events:none;opacity:.6}
  .argue__inner{position:relative;max-width:860px;margin:0 auto;text-align:center}
  .argue__inner h2{font-size:clamp(2rem,3.8vw,3rem);margin-top:20px;color:var(--g900)}
  .argue__inner p{margin:22px auto 0;font-size:1.13rem;line-height:1.85;color:var(--ink-2);max-width:760px;font-weight:300}
  .argue__inner p b{color:var(--g900);font-weight:700}
  .argue__inner .motto{position:relative;margin-top:34px;display:inline-block;font-family:var(--font-d);font-size:clamp(1.2rem,2vw,1.45rem);color:var(--g800);padding:16px 34px;border-radius:var(--r-pill);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--g600),var(--gold-l),var(--g400),var(--gold)) border-box;border:1.5px solid transparent;background-size:100% 100%,300% 100%;box-shadow:0 18px 40px -22px rgba(0,59,54,.5)}
  @media(prefers-reduced-motion:no-preference){.argue__inner .motto{animation:kiBorder 6s linear infinite}}
  @keyframes kiBorder{0%{background-position:0 0,0% 0}100%{background-position:0 0,300% 0}}

  /* ════════ BENEFICIOS ════════ */
  .services{position:relative;padding:90px 24px 100px;background:linear-gradient(180deg,var(--g50) 0%,#fff 100%);overflow:hidden;isolation:isolate}
  .services::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(0,91,86,.09) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);mask-image:linear-gradient(180deg,#000,transparent 60%)}
  .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:svc}
  .svc__item{--mx:50%;--my:0%;counter-increment:svc;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding:32px 28px 30px;border:1px solid var(--border)!important;border-radius:var(--r-lg);background:rgba(255,255,255,.85);backdrop-filter:blur(6px);box-shadow:var(--sh-sm);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
  .svc__item::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(340px circle at var(--mx) var(--my),rgba(198,166,100,.16),transparent 60%);transition:opacity .4s}
  .svc__item::after{content:"0" counter(svc);position:absolute;right:20px;top:14px;font-family:var(--font-d);font-size:3.4rem;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(0,112,95,.16);pointer-events:none;transition:-webkit-text-stroke-color .4s,transform .6s var(--ease)}
  .svc__item:hover{transform:translateY(-6px);box-shadow:var(--sh-xl);border-color:rgba(198,166,100,.5)!important}
  .svc__item:hover::before{opacity:1}
  .svc__item:hover::after{-webkit-text-stroke-color:rgba(198,166,100,.55);transform:translateY(-3px)}
  .svc__ico{position:relative;width:58px;height:58px;border-radius:17px;background:var(--grad-cta);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 14px 26px -12px rgba(0,59,54,.7),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .6s var(--ease),background .4s}
  .svc__ico::after{content:"";position:absolute;inset:-6px;border-radius:21px;border:1px solid rgba(198,166,100,.4);opacity:0;transform:scale(.85);transition:opacity .4s,transform .6s var(--ease)}
  .svc__ico svg{width:26px;height:26px}
  .svc__item:hover .svc__ico{transform:rotate(-6deg) scale(1.05);background:var(--grad-gold)}
  .svc__item:hover .svc__ico::after{opacity:1;transform:scale(1)}
  .svc__tx h3{padding-right:42px;font-size:1.38rem;line-height:1.3;margin-bottom:8px;color:var(--g900)}
  .svc__tx p{font-size:1rem;font-weight:400;color:var(--ink-3);line-height:1.65}
  .svc__tx p b{color:var(--g700);font-weight:500}
  @media(max-width:960px){.svc{grid-template-columns:1fr 1fr}}
  @media(max-width:620px){.svc{grid-template-columns:1fr;gap:16px}.svc__item{gap:16px;padding:26px 22px}.svc__item::after{font-size:2.6rem}}

  /* ════════ PLANES ════════ */
  .pricing{position:relative;background:linear-gradient(170deg,#1e2132 0%,#0f2a30 40%,#002a26 75%,#003b36 100%);color:#fff;padding:110px 24px 110px;overflow:hidden;isolation:isolate}
  .pricing::before{content:"";position:absolute;inset:-30%;z-index:-2;pointer-events:none;background:radial-gradient(closest-side at 20% 30%,rgba(17,149,140,.28),transparent 70%),radial-gradient(closest-side at 82% 60%,rgba(198,166,100,.18),transparent 70%),radial-gradient(closest-side at 50% 100%,rgba(79,90,132,.35),transparent 70%)}
  @media(prefers-reduced-motion:no-preference){.pricing::before{animation:kiAurora 22s ease-in-out infinite alternate}}
  .pricing::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(228,207,154,.12) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 45%);mask-image:linear-gradient(180deg,#000 0%,transparent 45%)}
  .pricing .head{margin-bottom:14px}
  .pricing .head .kicker{background:rgba(255,255,255,.06);border-color:rgba(228,207,154,.3);color:var(--gold-xl);box-shadow:none;backdrop-filter:blur(8px)}
  .pricing .head h2{color:#fff}
  .pricing .head .bar::after{background:#0f2a30}
  .pricing__particles{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
  .pricing__particles span{position:absolute;bottom:-14px;width:5px;height:5px;border-radius:50%;opacity:0;background:rgba(198,166,100,.85);box-shadow:0 0 12px rgba(198,166,100,.6)}
  .pricing__particles span:nth-child(even){background:rgba(17,149,140,.85);box-shadow:0 0 12px rgba(17,149,140,.6)}
  @media(prefers-reduced-motion:no-preference){.pricing__particles span{animation:kiFloat 18s linear infinite}}
  .pricing__particles span:nth-child(1){left:5%;animation-delay:-4s;animation-duration:17s}
  .pricing__particles span:nth-child(2){left:17%;animation-delay:-11s;animation-duration:21s;width:3px;height:3px}
  .pricing__particles span:nth-child(3){left:29%;animation-delay:-7s;animation-duration:19s;width:6px;height:6px}
  .pricing__particles span:nth-child(4){left:48%;animation-delay:-15s;animation-duration:24s;width:4px;height:4px}
  .pricing__particles span:nth-child(5){left:63%;animation-delay:-2s;animation-duration:18s}
  .pricing__particles span:nth-child(6){left:77%;animation-delay:-9s;animation-duration:22s;width:3px;height:3px}
  .pricing__particles span:nth-child(7){left:89%;animation-delay:-13s;animation-duration:20s;width:6px;height:6px}
  .pricing__particles span:nth-child(8){left:96%;animation-delay:-6s;animation-duration:17s;width:4px;height:4px}

  .plans{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:1020px;margin:44px auto 0;perspective:1400px;align-items:stretch}
  @media(max-width:860px){.plans{grid-template-columns:1fr;max-width:560px}}
  .plan{--mx:50%;--my:0%;--rx:0deg;--ry:0deg;position:relative;isolation:isolate;background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.6);border-radius:var(--r-xl);box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04);padding:44px 40px 36px;overflow:hidden;display:flex;flex-direction:column;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
  .plan.is-tilting{transition:transform .12s linear,box-shadow .5s var(--ease)}
  .plan::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--grad-line);z-index:2}
  .plan::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(17,149,140,.12),transparent 60%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 48%,transparent 66%);background-size:100% 100%,250% 100%;background-position:0 0,120% 0;transition:opacity .4s,background-position 1s var(--ease)}
  .plan:hover::after{opacity:1;background-position:0 0,-20% 0}
  .plan:hover{box-shadow:0 50px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(198,166,100,.3)}
  .plan .tag{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g700);background:var(--g100);border:1px solid rgba(0,112,95,.18);padding:7px 15px;border-radius:var(--r-pill);margin-bottom:20px;align-self:flex-start}
  .plan .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--g400)}
  .plan h2{font-size:clamp(1.75rem,2.6vw,2.1rem);margin-bottom:6px;color:var(--g900)}
  .plan .for{font-size:.93rem;color:var(--ink-3);margin-bottom:22px;line-height:1.55}
  .plan .price{display:flex;align-items:baseline;gap:10px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px dashed var(--border)}
  .plan .price .now{font-family:var(--font-d);font-size:3.6rem;color:var(--g900);line-height:1;font-variant-numeric:tabular-nums}
  .plan .price .per{font-size:1.05rem;color:var(--ink-3)}
  .plan ul{list-style:none;text-align:left;margin-bottom:30px;flex:1}
  .plan ul li{position:relative;padding:10px 0 10px 36px;font-size:.98rem;line-height:1.55;color:var(--ink-2);border-bottom:1px solid var(--border)}
  .plan ul li:last-child{border-bottom:none}
  .plan ul li::before{content:"";position:absolute;left:0;top:11px;width:22px;height:22px;border-radius:50%;background:var(--g100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300705f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;border:0;transform:none}
  .plan ul li b{color:var(--g900);font-weight:500}
  .plan .btn{width:100%;font-size:.88rem;padding:19px 28px}
  .plan .secure{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:400;font-size:.86rem;color:var(--ink-3);margin-top:14px;letter-spacing:.02em}
  .plan .secure svg{color:var(--g500)}

  /* Plan Avanzados · edición oscura con borde de oro vivo */
  .plans .plan:nth-child(2){background:linear-gradient(160deg,#142a33 0%,#0d2b29 45%,#003b36 100%);color:#fff;border:1px solid transparent}
  .plans .plan:nth-child(2)::before{inset:0;height:auto;z-index:-2;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ang,0deg),rgba(198,166,100,.15),var(--gold-xl),var(--gold),rgba(17,149,140,.4),rgba(198,166,100,.15) 60%,var(--gold-l),rgba(198,166,100,.15));-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 exclude,linear-gradient(#000 0 0)}
  @property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
  @media(prefers-reduced-motion:no-preference){.plans .plan:nth-child(2)::before{animation:kiAng 7s linear infinite}}
  @keyframes kiAng{to{--ang:360deg}}
  .plans .plan:nth-child(2)::after{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(198,166,100,.18),transparent 60%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 48%,transparent 66%);background-size:100% 100%,250% 100%;background-position:0 0,120% 0}
  .plans .plan:nth-child(2):hover::after{background-position:0 0,-20% 0}
  .plans .plan:nth-child(2) .tag{color:var(--gold-xl);background:rgba(198,166,100,.12);border-color:rgba(198,166,100,.35)}
  .plans .plan:nth-child(2) .tag::before{background:var(--gold-l);box-shadow:0 0 10px var(--gold-l)}
  .plans .plan:nth-child(2) h2{color:#fff}
  .plans .plan:nth-child(2) .for{color:rgba(255,255,255,.6)}
  .plans .plan:nth-child(2) .price{border-bottom-color:rgba(255,255,255,.14)}
  .plans .plan:nth-child(2) .price .now{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .plans .plan:nth-child(2) .price .per{color:rgba(255,255,255,.6)}
  .plans .plan:nth-child(2) ul li{color:rgba(255,255,255,.76);border-bottom-color:rgba(255,255,255,.1)}
  .plans .plan:nth-child(2) ul li b{color:var(--gold-xl)}
  .plans .plan:nth-child(2) ul li::before{background:rgba(198,166,100,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E4CF9A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
  .plans .plan:nth-child(2) .btn{color:var(--navy);background:var(--grad-gold);background-size:180% 100%;box-shadow:0 18px 40px -14px rgba(198,166,100,.6),inset 0 1px 0 rgba(255,255,255,.5)}
  .plans .plan:nth-child(2) .btn svg{stroke:var(--navy)}
  .plans .plan:nth-child(2) .secure{color:rgba(255,255,255,.55)}
  .plans .plan:nth-child(2) .secure svg{color:var(--gold-l)}
  .plan__glow{position:absolute;z-index:-1;pointer-events:none;width:300px;height:300px;right:-110px;top:-140px;border-radius:50%;border:1px solid rgba(228,207,154,.22);box-shadow:0 0 0 30px rgba(255,255,255,.03),0 0 0 66px rgba(255,255,255,.02);transition:transform .8s var(--ease)}
  .plan:hover .plan__glow{transform:scale(1.12) rotate(10deg)}
  .plan:first-child .plan__glow{border-color:rgba(0,112,95,.14);box-shadow:0 0 0 30px rgba(0,112,95,.03),0 0 0 66px rgba(0,112,95,.02)}
  .plan__particles{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
  .plan__particles span{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;opacity:0;background:rgba(255,240,200,.9);box-shadow:0 0 10px rgba(255,230,180,.7)}
  @media(prefers-reduced-motion:no-preference){.plan__particles span{animation:kiCardFloat 10s linear infinite}}
  .plan__particles span:nth-child(1){left:10%;animation-delay:-1s}
  .plan__particles span:nth-child(2){left:28%;animation-delay:-6s;animation-duration:12s;width:3px;height:3px}
  .plan__particles span:nth-child(3){left:47%;animation-delay:-3s;animation-duration:11s;width:5px;height:5px}
  .plan__particles span:nth-child(4){left:66%;animation-delay:-8s;animation-duration:13s;width:3px;height:3px}
  .plan__particles span:nth-child(5){left:84%;animation-delay:-4s;animation-duration:10.5s}
  .plan__particles span:nth-child(6){left:93%;animation-delay:-10s;animation-duration:14s;width:3px;height:3px}
  @keyframes kiCardFloat{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.7}80%{opacity:.5}100%{transform:translate3d(-14px,-560px,0);opacity:0}}

  .renew{width:fit-content;max-width:100%;margin:46px auto 0;text-align:center;font-size:.9rem;font-weight:300;color:rgba(255,255,255,.72);line-height:1.6;padding:16px 26px;border-radius:var(--r-pill);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}
  .renew strong{color:var(--gold-xl);font-weight:500}
  .who-note{max-width:700px;margin:30px auto 0;text-align:center;font-size:.9rem;line-height:1.7;color:rgba(255,255,255,.5)}
  .who-note b{color:rgba(255,255,255,.82);font-weight:500}

  /* ════════ REVELADO AL HACER SCROLL ════════ */
  [data-fx]{opacity:1}
  @media(prefers-reduced-motion:no-preference){
    html.js [data-fx]{opacity:0;transform:translateY(28px) scale(.985);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
    html.js [data-fx].in{opacity:1;transform:none;filter:none}
    html.js .plan[data-fx].in{transform:rotateX(var(--rx)) rotateY(var(--ry))}
    html.js .svc__item[data-fx].in:hover{transform:translateY(-6px)}
    html.js [data-fx].in.fx-done{transition-delay:0s}
  }
  @media(min-width:900px){.renew{white-space:nowrap}}
  @media(max-width:560px){
    .hero{padding:90px 20px 120px;min-height:auto}
    .hero .price{padding:14px 26px 16px}
    .argue{padding:64px 20px 60px}
    .argue::before{font-size:14rem}
    .services{padding:64px 20px 72px}
    .pricing{padding:76px 18px 84px}
    .plan{padding:36px 24px 28px}
    .plan .price .now{font-size:3rem}
    .renew{border-radius:20px}
    .head{margin-bottom:36px}
  }/* End custom CSS */