:root{--purple:#7e57c2;--purple-dark:#5e35b1;--blue:#1565c0;--green:#0f9d58;--orange:#b54708;--red:#b42318;--bg:#f5f6fb;--text:#202124;--muted:#667085;--border:#e5e7ef;--card:#fff;--shadow:0 16px 44px rgba(15,23,42,.12);--shadow-soft:0 8px 22px rgba(15,23,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 12% 0,rgba(126,87,194,.10),transparent 27%),radial-gradient(circle at 86% 10%,rgba(21,101,192,.10),transparent 28%),var(--bg);color:var(--text)}a{text-decoration:none}.membership-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#111827 0%,#241441 48%,#0f274b 100%);padding:20px 24px 70px;border-bottom:1px solid rgba(255,255,255,.12);color:white}.membership-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 13% 20%,rgba(126,87,194,.52),transparent 32%),radial-gradient(circle at 88% 17%,rgba(21,101,192,.42),transparent 28%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,46px 46px,46px 46px;pointer-events:none}.topbar{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border-radius:999px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:22px;font-weight:950;color:white;letter-spacing:-.03em}.brand:before{content:"🦁";width:34px;height:34px;display:inline-grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.14)}.nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav a{color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.13);padding:9px 12px;border-radius:999px;font-size:13px;font-weight:850;transition:.18s ease}.nav a:hover{background:white;color:#241441;transform:translateY(-1px)}.hero-grid{position:relative;z-index:1;max-width:1180px;margin:66px auto 0;display:grid;grid-template-columns:1.16fr .84fr;gap:32px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#f5d77b;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.eyebrow:before{content:"";width:28px;height:1px;background:rgba(245,215,123,.75)}.hero-grid h1{font-size:clamp(42px,5.6vw,68px);line-height:.96;margin:0;letter-spacing:-.065em}.hero-grid p{font-size:18px;line-height:1.58;color:rgba(255,255,255,.78);margin:20px 0 0;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-actions.center{justify-content:center}.primary,.secondary,.plan-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;padding:13px 16px;font-weight:950;transition:.16s ease}.primary,.plan-button{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:white;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 26px rgba(126,87,194,.24)}.primary:hover,.plan-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(126,87,194,.32)}.secondary{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.18)}.secondary:hover{background:white;color:#241441}.hero-card{background:rgba(255,255,255,.94);color:#202124;border:1px solid rgba(255,255,255,.72);border-radius:30px;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:auto -50px -80px auto;width:190px;height:190px;background:rgba(126,87,194,.13);border-radius:50%}.lion{font-size:54px}.hero-card h2{font-size:32px;margin:12px 0 6px;letter-spacing:-.04em}.price-note{color:var(--muted);font-weight:850}.quick-benefits{display:flex;flex-direction:column;gap:10px;margin-top:20px}.quick-benefits span{background:#f8fafc;border:1px solid #e4e7ec;border-radius:14px;padding:12px;font-weight:850;color:#344054}.wrap{max-width:1180px;margin:-46px auto 64px;padding:0 20px;position:relative;z-index:3}.plans-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.plan-card{background:white;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.premium-plan{border:2px solid rgba(126,87,194,.42);position:relative}.premium-plan:after{content:"Más elegido";position:absolute;top:18px;right:18px;background:#f1eaff;color:var(--purple);font-weight:950;font-size:12px;border-radius:999px;padding:7px 10px}.plan-label{display:inline-flex;width:fit-content;border-radius:999px;background:#eef3f8;color:#344054;font-size:12px;font-weight:950;padding:7px 10px;text-transform:uppercase;letter-spacing:.05em}.plan-label.premium{background:#f1eaff;color:var(--purple)}.plan-card h2{font-size:36px;margin:14px 0 8px;letter-spacing:-.045em}.plan-card p{color:var(--muted);line-height:1.5}.plan-card ul{padding-left:19px;margin:18px 0 24px}.plan-card li{margin-bottom:10px;line-height:1.35}.plan-button{width:100%}.plan-button.muted{background:#111827;border-color:#111827}.plan-button.small{width:auto;margin-top:12px}.benefits-section,.links-section,.final-cta{margin-top:30px}.section-heading{text-align:center;max-width:760px;margin:0 auto 24px}.section-heading h2,.license-card h2,.final-cta h2{font-size:clamp(30px,4vw,42px);line-height:1.05;margin:0;letter-spacing:-.05em}.section-heading p,.license-card p,.final-cta p{color:var(--muted);line-height:1.55}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-card,.community-card,.license-card,.links-section,.final-cta{background:white;border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:var(--shadow-soft)}.benefit-card{transition:.18s ease}.benefit-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.benefit-card.highlight{background:linear-gradient(135deg,#fff,#f9f5ff);border-color:#e5d7ff}.icon{width:54px;height:54px;display:grid;place-items:center;background:#f8fafc;border:1px solid #e4e7ec;border-radius:18px;font-size:30px;margin-bottom:14px}.benefit-card h3,.community-card h3{font-size:21px;margin:0 0 10px;letter-spacing:-.025em}.benefit-card p,.community-card p{color:var(--muted);line-height:1.5;margin:0}.card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.card-actions a,.text-link{display:inline-flex;background:#eef3f8;color:#1f2933;border:1px solid var(--border);padding:9px 11px;border-radius:999px;font-size:13px;font-weight:950;margin-top:10px}.codes{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.codes span,.mini-list span{background:#f8fafc;border:1px solid #e4e7ec;border-radius:999px;padding:8px 10px;font-size:13px}.license-card{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.rules{display:flex;flex-direction:column;gap:10px}.rules div{border-radius:16px;padding:13px;font-weight:850;line-height:1.35}.rules .ok{background:#eaf7ef;color:var(--green)}.rules .no{background:#fff1f3;color:var(--red)}.rules .warn{background:#fff7ed;color:var(--orange)}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.access-code{background:#f1eaff;color:var(--purple);border-radius:14px;padding:12px;margin-top:14px;width:fit-content}.mini-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.links-section h2{margin:0 0 14px;font-size:30px;letter-spacing:-.04em}.links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.links-grid a{background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:14px;color:#1f2933;font-weight:950;text-align:center;transition:.16s ease}.links-grid a:hover{background:#f1eaff;color:var(--purple);transform:translateY(-2px)}.final-cta{text-align:center;background:linear-gradient(135deg,#fff,#f4efff)}@media(max-width:900px){.topbar{align-items:center;flex-direction:column;border-radius:24px}.nav{justify-content:center}.hero-grid,.plans-grid,.benefit-grid,.license-card,.community-grid,.links-grid{grid-template-columns:1fr}.wrap{margin-top:26px}.hero-grid{margin-top:48px}.premium-plan:after{position:static;display:inline-flex;margin-top:14px}.hero-grid h1{font-size:40px}}@media(max-width:560px){.membership-hero{padding-left:16px;padding-right:16px}.wrap{padding:0 16px}.hero-grid h1{font-size:34px}.hero-actions a{width:100%}.benefit-card,.community-card,.license-card,.links-section,.final-cta,.plan-card{padding:20px}}
/* ==================================================
   V8.17.1 · Identidad visual Aslan3D
   Paleta basada en el logo oficial
   ================================================== */
:root{
    --brand-primary:#F2B654;
    --brand-primary-hover:#E5A93E;
    --brand-primary-soft:#F8E2B4;
    --brand-primary-pale:#FFF4D8;
    --brand-black:#111111;
    --brand-ink:#1F1F1F;
    --brand-muted:#6B7280;
    --brand-bg:#FAFAF8;
    --brand-card:#FFFFFF;
    --brand-line:#E8E2D6;
    --brand-shadow:0 18px 48px rgba(17,17,17,.10);
    --brand-shadow-soft:0 8px 22px rgba(17,17,17,.075);

    --ink:#111111;
    --text:#1F1F1F;
    --muted:#6B7280;
    --soft:#FAFAF8;
    --bg:#FAFAF8;
    --card:#FFFFFF;
    --border:#E8E2D6;
    --purple:#F2B654;
    --purple-dark:#E5A93E;
    --blue:#111111;
    --blue-dark:#000000;
    --gold:#F2B654;
    --shadow:var(--brand-shadow);
    --shadow-soft:var(--brand-shadow-soft);
}

body{
    background:
        radial-gradient(circle at 12% 0%, rgba(242,182,84,.16), transparent 28%),
        radial-gradient(circle at 92% 8%, rgba(17,17,17,.055), transparent 30%),
        var(--brand-bg) !important;
    color:var(--brand-ink);
}

.brand img,
.brand-logo-img{
    width:42px;
    height:42px;
    object-fit:cover;
    border-radius:50%;
    box-shadow:0 8px 18px rgba(17,17,17,.15);
    background:var(--brand-primary);
    flex:0 0 auto;
}
.brand span{display:inline-flex;align-items:center;}
.brand::before{display:none !important;content:none !important;}

.logo-mark,
.catalog-logo,
.aslan-logo-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.catalog-logo img,
.aslan-logo-badge img{
    width:88px;
    height:88px;
    object-fit:cover;
    border-radius:50%;
    box-shadow:0 16px 36px rgba(17,17,17,.16);
    background:var(--brand-primary);
}

.nav a,
.top-actions a{
    transition:.18s ease;
}

.button,
.primary,
.plan-button,
.category-btn.active,
.filter-btn.active,
.card-button,
button[type="submit"]{
    background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover)) !important;
    color:var(--brand-black) !important;
    border-color:transparent !important;
    box-shadow:0 12px 24px rgba(242,182,84,.25) !important;
}
.button:hover,
.primary:hover,
.plan-button:hover,
.category-btn.active:hover,
.filter-btn.active:hover,
.card-button:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 30px rgba(242,182,84,.34) !important;
}

.badge.premium,
.plan-label.premium,
.access-code,
.download-note,
.benefit-card.highlight,
.final-cta{
    background:var(--brand-primary-pale) !important;
    color:var(--brand-black) !important;
    border-color:rgba(242,182,84,.45) !important;
}

.badge.paid,
.badge.popular,
.badge.unknown-ams{
    background:#FFF1D0 !important;
    color:#6B4500 !important;
}

input:focus,
.search:focus{
    outline:3px solid rgba(242,182,84,.25) !important;
    border-color:var(--brand-primary-hover) !important;
}

a{color:inherit;}

.membership-hero{
    color:var(--brand-black) !important;
    background:
        radial-gradient(circle at 76% 15%, rgba(242,182,84,.50), transparent 34%),
        linear-gradient(135deg,#FFF8E9 0%,#FFFFFF 52%,#F8E2B4 100%) !important;
    border-bottom:1px solid rgba(232,226,214,.9) !important;
}
.membership-hero:before{
    background:
        radial-gradient(circle at 12% 20%, rgba(242,182,84,.26), transparent 32%),
        linear-gradient(rgba(17,17,17,.032) 1px,transparent 1px),
        linear-gradient(90deg,rgba(17,17,17,.032) 1px,transparent 1px) !important;
    background-size:auto,46px 46px,46px 46px !important;
}
.topbar{background:rgba(255,255,255,.84) !important;border-color:rgba(232,226,214,.95) !important;box-shadow:0 12px 30px rgba(17,17,17,.08) !important;}
.brand{color:var(--brand-black) !important;}
.nav a{color:var(--brand-black) !important;background:rgba(255,255,255,.58) !important;border-color:rgba(17,17,17,.10) !important;}
.nav a:hover{background:var(--brand-black) !important;color:#fff !important;}
.eyebrow{color:#A86F00 !important;}
.eyebrow:before{background:rgba(168,111,0,.65) !important;}
.hero-grid p{color:var(--brand-muted) !important;}
.secondary{background:white !important;color:var(--brand-black) !important;border-color:var(--brand-line) !important;}
.secondary:hover{background:var(--brand-black) !important;color:#fff !important;}
.hero-card:before{background:rgba(242,182,84,.18) !important;}
.lion{width:86px;height:86px;border-radius:50%;background:var(--brand-primary);display:grid;place-items:center;overflow:hidden;}
.lion img{width:100%;height:100%;object-fit:cover;display:block;}
.premium-plan{border-color:rgba(242,182,84,.62) !important;}
.premium-plan:after{background:var(--brand-primary-pale) !important;color:#6B4500 !important;}
.icon{background:var(--brand-primary-pale) !important;border-color:rgba(242,182,84,.42) !important;}
.links-grid a:hover{background:var(--brand-primary-pale) !important;color:var(--brand-black) !important;}

/* V8.18 · Comercial pro */
.legal-disclaimer{background:#FFF7ED;border:1px solid #FED7AA;color:#7A3B00;border-radius:16px;padding:13px;font-weight:800;}
.commercial-license-card{border:2px solid rgba(242,182,84,.35);}


/* V8.19 · Página Cómo funciona */
.how-hero .plans-hero-content{max-width:860px}.how-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.how-steps article{background:#fff;border:1px solid var(--brand-line,#E8E2D6);border-radius:22px;padding:20px;box-shadow:var(--brand-shadow-soft,0 8px 22px rgba(17,17,17,.075))}.how-steps span{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#F2B654,#E5A93E);color:#111;display:grid;place-items:center;font-weight:950;margin-bottom:12px}.how-steps h3{margin:0 0 8px;letter-spacing:-.02em}.how-steps p{margin:0;color:#6B7280;line-height:1.45}@media(max-width:900px){.how-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.how-steps{grid-template-columns:1fr}}