.tarjeta-logro{--tarjeta-acento:var(--rosa);gap:var(--esp-3);height:100%;padding:var(--esp-3);background:var(--superficie);color:var(--texto);border:var(--borde-ancho) solid var(--borde);border-radius:var(--radio-l);box-shadow:var(--sombra);scroll-margin-top:calc(var(--alto-cabecera) + var(--esp-4));transition:background-color var(--trans-lenta), box-shadow var(--trans-lenta);flex-direction:column;display:flex;position:relative}.tarjeta-logro:focus{outline:none}.tarjeta-logro--verde{--tarjeta-acento:var(--logro-verde);background:color-mix(in srgb, var(--logro-verde) 14%, var(--superficie));box-shadow:.375rem .375rem 0 var(--logro-verde)}.tarjeta-logro--azul{--tarjeta-acento:var(--logro-azul);background:color-mix(in srgb, var(--logro-azul) 12%, var(--superficie));box-shadow:.375rem .375rem 0 var(--logro-azul)}.tarjeta-logro--oculto{box-shadow:none;border-style:dashed}.tarjeta-logro--resaltado{animation:1s tarjeta-logro-resaltar}@keyframes tarjeta-logro-resaltar{25%{box-shadow:0 0 0 .25rem var(--rosa), 0 0 2rem color-mix(in srgb, var(--rosa) 55%, transparent);transform:scale(1.03)}}.tarjeta-logro__cabecera{align-items:center;gap:var(--esp-3);display:flex}.tarjeta-logro__icono{background:color-mix(in srgb, var(--rosa) 12%, var(--superficie));width:3.25rem;height:3.25rem;color:var(--logro-icono);border:var(--borde-ancho) solid var(--borde);border-radius:var(--radio);flex:none;place-items:center;padding:.6875rem;display:grid}.tarjeta-logro--verde .tarjeta-logro__icono{background:var(--logro-verde);color:var(--sobre-logro-verde)}.tarjeta-logro--azul .tarjeta-logro__icono{background:var(--logro-azul);color:var(--sobre-logro-verde)}.tarjeta-logro--oculto .tarjeta-logro__icono{background:var(--fondo);color:var(--texto-suave)}.tarjeta-logro__titulos{gap:.125rem;min-width:0;display:grid}.tarjeta-logro__nombre{font-family:var(--f-titular);font-size:var(--t-base);text-transform:none;overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.25}.tarjeta-logro__descripcion{color:var(--texto-suave);font-size:var(--t-s);line-height:1.5}.tarjeta-logro__proximamente{background:var(--amarillo);color:var(--sobre-amarillo);border:var(--borde-ancho) solid var(--borde);border-radius:var(--radio-capsula);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;padding:.125rem .625rem;font-weight:800}.tarjeta-logro__aniversario{align-items:center;gap:var(--esp-2) var(--esp-3);flex-wrap:wrap;display:flex}.tarjeta-logro__insignias{gap:var(--esp-2);flex-wrap:wrap;display:flex}.tarjeta-logro__titulo{font-weight:800}.tarjeta-logro__progreso{gap:.375rem;margin-top:auto;display:grid}.tarjeta-logro__barra{background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:var(--radio-capsula);height:.625rem;display:block;overflow:hidden}.tarjeta-logro__barra>span{background:var(--tarjeta-acento);height:100%;transition:width var(--trans-lenta);display:block}.tarjeta-logro__cifras{color:var(--texto-suave);font-size:var(--t-s);font-variant-numeric:tabular-nums;font-weight:700}.tarjeta-logro__pie{justify-content:space-between;align-items:center;gap:var(--esp-2);flex-wrap:wrap;min-height:2.75rem;display:flex}.tarjeta-logro__reclamar{background:var(--logro-verde);color:var(--sobre-logro-verde);margin-left:auto}.tarjeta-logro__reclamar:hover{background:color-mix(in srgb, var(--logro-verde) 82%, #000)}.tarjeta-logro__completado{color:var(--logro-azul-texto);font-weight:800}@media (prefers-reduced-motion:reduce){.tarjeta-logro--resaltado{outline:.25rem solid var(--rosa);outline-offset:.125rem;animation:none}}
.logros{gap:var(--esp-4);display:grid}.logros__estado{color:var(--texto-suave)}.logros__invitado{gap:var(--esp-3);max-width:32rem;padding:var(--esp-4);display:grid}.logros__acciones{gap:var(--esp-2);flex-wrap:wrap;display:flex}.logros__cabecera{gap:var(--esp-2);display:grid}.logros__intro{max-width:var(--ancho-lectura);color:var(--texto-suave)}.logros__resumen{gap:var(--esp-2);flex-wrap:wrap;display:flex}.logros__dato{padding:.25rem var(--esp-3);background:var(--superficie);border:var(--borde-ancho) solid var(--borde);border-radius:var(--radio-capsula);font-size:var(--t-s);font-weight:800}.logros__dato--verde{background:var(--logro-verde);color:var(--sobre-logro-verde)}.logros__lista{gap:var(--esp-4);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.logros__item{min-width:0}@media (min-width:40rem){.logros__lista{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}}