/* Comunidad: Discord + YouTube */
.agtvc{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(ellipse 70% 140% at 0% 0%,#24163a 0%,#120c1c 55%,#0d0914 100%);border:1px solid #2a1d40;border-radius:20px;padding:32px;margin:40px 0 0;display:flex;flex-direction:column;gap:22px;text-align:left}
.agtvc *{box-sizing:border-box}
.agtvc-head{display:flex;flex-direction:column;gap:6px}
.agtvc-head p,.agtvc-head h2{margin:0!important;padding:0;border:0}
.agtvc-eyebrow{font-family:Farro,system-ui,sans-serif;font-weight:700;font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;color:#cb6ce6!important}
.agtvc-head h2{font-family:Farro,system-ui,sans-serif!important;font-weight:700;font-size:26px!important;line-height:1.15!important;color:#fff!important}
.agtvc-head p:last-child{font-size:16px!important;color:#c9bce0!important}
.agtvc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.agtvc-card{--b:#5865f2;container-type:inline-size;position:relative;display:flex;align-items:center;gap:16px;min-height:96px;padding:18px 20px;border-radius:16px;background:#160f24;border:1px solid #2a1d40;color:#efe6ff!important;text-decoration:none!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.agtvc-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 120% at 0% 50%,var(--b) 0%,transparent 70%);opacity:.16;transition:opacity .18s ease;pointer-events:none}
.agtvc-card--yt{--b:#ff0000}
.agtvc-card:hover,.agtvc-card:focus-visible{transform:translateY(-2px);border-color:var(--b);box-shadow:0 10px 28px -12px var(--b)}
.agtvc-card:hover::before{opacity:.28}
.agtvc-card:focus-visible{outline:2px solid #ffde59;outline-offset:3px}
.agtvc-ico{position:relative;flex:0 0 56px;width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--b)}
.agtvc-card--yt .agtvc-ico{background:#fff}
.agtvc-ico svg{width:32px;height:32px;display:block}
.agtvc-txt{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.agtvc-txt strong{font-family:Farro,system-ui,sans-serif;font-size:19px;line-height:1.2;color:#fff}
.agtvc-txt span{font-size:14px;line-height:1.4;color:#c9bce0}
.agtvc-go{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:var(--b);color:#fff;font-family:Farro,system-ui,sans-serif;font-weight:700;font-size:15px;white-space:nowrap}
.agtvc-go svg{width:18px;height:18px;transition:transform .18s ease}
.agtvc-card:hover .agtvc-go svg{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.agtvc-card,.agtvc-go svg{transition:none}.agtvc-card:hover{transform:none}}
.agtvn-in>.agtvc{margin-top:0}
.agtvc-txt strong,.agtvc-txt span,.agtvc-go{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.agtvc-txt strong{white-space:nowrap}
/* Sin título (dentro de guías e inicio): solo las tarjetas */
.agtvc--plain{background:none;border:0;padding:0;margin:24px 0 8px;gap:0}
.agtvc--solo .agtvc-grid{grid-template-columns:minmax(0,560px);justify-content:center}
/* Tarjeta angosta: el botón pasa a ser una flecha redonda */
@container (max-width:440px){.agtvc-go{width:44px;padding:0;gap:0;justify-content:center}.agtvc-go-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.agtvc-go svg{width:20px;height:20px}}
@media (max-width:480px){.agtvc{padding:22px 16px;border-radius:16px}.agtvc--plain{padding:0}.agtvc-card{padding:16px;gap:14px}}