/* THE AI ACE — Cards, galerías y paneles */
.access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.access-card{background:linear-gradient(180deg,rgba(9,25,39,.92),rgba(4,12,20,.92));border:1px solid #194b6c;border-radius:14px;padding:24px;min-height:300px;display:flex;flex-direction:column;box-shadow:0 12px 35px rgba(0,0,0,.25)}.access-card h3{font-size:22px;margin:12px 0 8px}.access-card p{color:var(--muted);line-height:1.55}.icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(0,153,255,.14);border:1px solid #138cd4;font-size:22px}.card-link{margin-top:auto;color:var(--cyan);font-weight:800;padding-top:18px}.premium-card{border-color:#ad7800;box-shadow:0 0 36px rgba(255,174,0,.10)}.premium-card .icon{border-color:#dca600;background:rgba(255,174,0,.12);color:var(--gold)}.premium-card h3,.premium-card .card-link{color:var(--gold)}.tool-icons{display:flex;gap:8px;margin:18px 0}.tool-icons span{width:44px;height:44px;border:1px solid #31516a;border-radius:9px;display:grid;place-items:center;font-size:11px;background:#07131f}.course-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 20px}.course-mini-grid span{font-size:10px;border:1px solid #3a4752;padding:12px 7px;border-radius:8px;text-align:center}
.content-grid,.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.content-card,.course-card,.community-panel{background:linear-gradient(180deg,#0a1825,#050d15);border:1px solid #194b6c;border-radius:16px;padding:28px}.content-card p,.course-card p{color:var(--muted);line-height:1.6}.tools-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-tile{height:150px;border:1px solid #195e8e;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#0c2133,#06111b);font-size:24px;font-weight:800;box-shadow:inset 0 0 30px rgba(0,146,255,.05)}.course-image{height:180px;border-radius:13px;margin-bottom:18px;background-size:cover;background-position:center}.course-one{background:linear-gradient(135deg,#032e54,#0c1017)}.course-two{background:linear-gradient(135deg,#3b2800,#111)}.course-three{background:linear-gradient(135deg,#002c2d,#071015)}.community-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.community-panel p{color:var(--muted)}.community-panel li{margin:14px 0;color:#dce8f2}
.card-visual{width:100%;height:142px;object-fit:cover;object-position:center;border-radius:11px;margin-bottom:18px;border:1px solid rgba(45,126,180,.42);box-shadow:0 12px 28px rgba(0,0,0,.32);filter:saturate(1.08) contrast(1.05);transition:transform .28s ease, box-shadow .28s ease, filter .28s ease}.access-card:hover .card-visual{transform:translateY(-3px) scale(1.015);box-shadow:0 18px 38px rgba(0,118,255,.18);filter:saturate(1.18) contrast(1.08)}.premium-card .card-visual{border-color:rgba(255,191,0,.52);box-shadow:0 12px 30px rgba(255,174,0,.12)}
body.light-mode .access-card,body.light-mode .content-card,body.light-mode .course-card,body.light-mode .community-panel{background:#fff;color:#10202d;border-color:#c6d7e3}body.light-mode .access-card p,body.light-mode .content-card p,body.light-mode .course-card p{color:#52677a}
@media(max-width:1050px){.access-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.course-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.access-grid{grid-template-columns:1fr}.content-grid,.course-grid,.tools-gallery{grid-template-columns:1fr}.community-panel{grid-template-columns:1fr}.card-visual{height:190px}}

/* =========================================
   MARKETPLACE VISUAL
   ========================================= */

.marketplace-visual{
    min-height:220px;
    border-radius:18px;
    border:1px solid #0b7fb2;

    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(0,174,255,.18),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #04111b,
            #061b2b 55%,
            #00280d
        );

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:12px;
    padding:22px;

    box-sizing:border-box;
    text-align:center;
}

.marketplace-badge{
    color:#ffca00;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.12em;
}

.marketplace-icon{
    width:62px;
    height:62px;

    border-radius:18px;

    display:grid;
    place-items:center;

    font-size:2rem;

    border:1px solid #0b8dcc;
    background:#07253a;

    box-shadow:
        0 0 30px rgba(0,170,255,.12);
}

.marketplace-copy{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
}

.marketplace-copy strong{
    font-size:1rem;
    letter-spacing:.04em;
}

.marketplace-copy span{
    font-size:.78rem;
    color:var(--muted);
}

/* =========================================
   AI WORLD VISUAL
   ========================================= */

.ai-world-visual{
    min-height:220px;
    border-radius:18px;
    border:1px solid #0b8dcc;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(0,204,255,.18),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #04111b,
            #061c2b 55%,
            #07101a
        );

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:10px;
    padding:22px;
    text-align:center;

    box-sizing:border-box;

    box-shadow:
        inset 0 0 30px rgba(0,180,255,.05);
}

.ai-world-visual::before{
    content:"AI";

    width:72px;
    height:72px;

    border-radius:50%;

    display:grid;
    place-items:center;

    color:#ffffff;
    font-size:1.15rem;
    font-weight:900;

    border:1px solid #00cfff;

    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(0,204,255,.28),
            rgba(0,25,45,.9)
        );

    box-shadow:
        0 0 28px rgba(0,190,255,.20);
}

.ai-world-visual strong{
    font-size:1rem;
    letter-spacing:.04em;
    color:#ffffff;
}

.ai-world-visual span{
    font-size:.75rem;
    color:#8fdfff;
    letter-spacing:.06em;
}

/* =========================================
   PROMPT LIBRARY VISUAL
   ========================================= */

.prompt-library-card{
    position:relative;
}

.prompt-library-visual{
    min-height:220px;
    border-radius:18px;
    border:1px solid #0b8dcc;

    background:
        radial-gradient(
            circle at 50% 32%,
            rgba(0,204,255,.16),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            #04111b,
            #061c2b 55%,
            #07101a
        );

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:10px;
    padding:22px;
    text-align:center;

    box-sizing:border-box;

    box-shadow:
        inset 0 0 30px rgba(0,180,255,.05);
}

.prompt-library-mark{
    width:72px;
    height:72px;

    border-radius:18px;

    display:grid;
    place-items:center;

    font-size:2rem;
    color:#ffffff;

    border:1px solid #00cfff;

    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(0,204,255,.24),
            rgba(0,25,45,.92)
        );

    box-shadow:
        0 0 28px rgba(0,190,255,.18);

    margin-bottom:4px;
}

.prompt-library-visual strong{
    color:#ffffff;
    font-size:1rem;
    font-weight:900;
    letter-spacing:.06em;
}

.prompt-library-visual p{
    margin:0;
    color:#8fdfff;
    font-size:.74rem;
    letter-spacing:.05em;
}

.prompt-library-chips{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px;
    margin-top:4px;
}

.prompt-library-chips span{
    border:1px solid #264a62;
    border-radius:999px;

    padding:5px 9px;

    background:rgba(0,20,35,.72);

    color:#d8f4ff;
    font-size:.66rem;
    font-weight:700;
    letter-spacing:.03em;
}

.prompt-library-card:hover .prompt-library-visual{
    transform:translateY(-3px);
    border-color:#00cfff;

    box-shadow:
        inset 0 0 30px rgba(0,180,255,.07),
        0 16px 34px rgba(0,160,255,.12);
}

.prompt-library-visual{
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

@media(max-width:760px){
    .prompt-library-visual{
        min-height:190px;
    }
}

/* =========================================
   AI HUB VISUAL
   ========================================= */

.ai-hub-visual{
    min-height:220px;
    border-radius:18px;
    border:1px solid #0b8dcc;

    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(0,204,255,.18),
            transparent 36%
        ),
        radial-gradient(
            circle at 50% 50%,
            rgba(80,70,255,.10),
            transparent 55%
        ),
        linear-gradient(
            145deg,
            #04111b,
            #061c2b 55%,
            #07101a
        );

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:10px;
    padding:22px;
    text-align:center;
    box-sizing:border-box;

    box-shadow:
        inset 0 0 30px rgba(0,180,255,.05);

    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.ai-hub-core{
    width:72px;
    height:72px;

    border-radius:50%;

    display:grid;
    place-items:center;

    color:#fff;
    font-size:1.15rem;
    font-weight:900;

    border:1px solid #00cfff;

    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(0,204,255,.32),
            rgba(0,25,45,.94)
        );

    box-shadow:
        0 0 0 8px rgba(0,204,255,.035),
        0 0 30px rgba(0,190,255,.22);

    margin-bottom:4px;
}

.ai-hub-visual strong{
    color:#ffffff;
    font-size:1rem;
    font-weight:900;
    letter-spacing:.06em;
}

.ai-hub-visual p{
    margin:0;
    color:#8fdfff;
    font-size:.74rem;
    letter-spacing:.05em;
}

.access-card:hover .ai-hub-visual{
    transform:translateY(-3px);
    border-color:#00cfff;

    box-shadow:
        inset 0 0 30px rgba(0,180,255,.07),
        0 16px 34px rgba(0,160,255,.12);
}

@media(max-width:760px){
    .ai-hub-visual{
        min-height:190px;
    }
}

.access-card{background:linear-gradient(180deg,rgba(9,25,39,.92),rgba(4,12,20,.92));
border:1px solid #194b6c;border-radius:14px;padding:24px;min-height:300px;display:flex;flex-direction:column;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.access-card h3{font-size:22px;margin:12px 0 8px}.access-card p{color:var(--muted);line-height:1.55}.icon{width:48px;height:48px;
border-radius:50%;display:grid;place-items:center;background:rgba(0,153,255,.14);border:1px solid #138cd4;font-size:22px}
.card-link{margin-top:auto;color:var(--cyan);font-weight:800;padding-top:18px}.premium-card{border-color:#ad7800;box-shadow:0 0 36px rgba(255,174,0,.10)}
.premium-card .icon{border-color:#dca600;background:rgba(255,174,0,.12);color:var(--gold)}.premium-card h3,.premium-card .card-link{color:var(--gold)}
.tool-icons{display:flex;gap:8px;margin:18px 0}.tool-icons span{width:44px;height:44px;border:1px solid #31516a;border-radius:9px;display:grid;place-items:center;
font-size:11px;background:#07131f}.course-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 20px}.course-mini-grid span{
font-size:10px;border:1px solid #3a4752;padding:12px 7px;border-radius:8px;text-align:center}.btn-card{margin-top:auto;padding:14px}
.resource-strip{max-width:1400px;margin:0 auto 60px;border:1px solid #15446a;border-radius:15px;display:grid;grid-template-columns:repeat(4,1fr);
background:linear-gradient(180deg,#071523,#04101a)}.resource-strip div{padding:22px;text-align:center;border-right:1px solid #14344c}
.resource-strip div:last-child{border-right:0}.resource-strip strong{display:block;color:var(--cyan);font-size:25px}.resource-strip span{color:var(--muted)}

.access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.content-grid,.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.content-card,.course-card,.community-panel{
background:linear-gradient(180deg,#0a1825,#050d15);border:1px solid #194b6c;border-radius:16px;padding:28px}.content-card p,.course-card p{color:var(--muted);line-height:1.6}
.tools-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-tile{height:150px;border:1px solid #195e8e;border-radius:16px;
display:grid;place-items:center;background:linear-gradient(180deg,#0c2133,#06111b);font-size:24px;font-weight:800;box-shadow:inset 0 0 30px rgba(0,146,255,.05)}
.course-image{height:180px;border-radius:13px;margin-bottom:18px;background-size:cover;background-position:center}
.course-one{background:linear-gradient(135deg,#032e54,#0c1017)}.course-two{background:linear-gradient(135deg,#3b2800,#111)}.course-three{background:linear-gradient(135deg,#002c2d,#071015)}
.community-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.community-panel p{color:var(--muted)}.community-panel li{margin:14px 0;color:#dce8f2}

@media(max-width:1050px){

.access-grid{
    grid-template-columns:repeat(2,1fr);
}

.content-grid,
.course-grid{
    grid-template-columns:1fr 1fr;
}

}