.comunidad .ranking-tarjeta--1{background:#e1ff35}
.comunidad .ranking-tarjeta--1::before{background:#e1ff35;box-shadow:20px 20px #e1ff35}
.comunidad .ranking-tarjeta--1::after{background:#e1ff35}
.comunidad .ranking-tarjeta--1 .ranking-medalla{background:#F66227}
.comunidad .ranking-tarjeta--1 .ranking-medalla img{filter:brightness(0) saturate(100%) invert(92%) sepia(57%) saturate(1105%) hue-rotate(14deg) brightness(109%) contrast(101%)}
.comunidad :is(.ranking-tarjeta--4,.ranking-tarjeta--5){background:#4d4d4d;color:#fff}
.comunidad :is(.ranking-tarjeta--4,.ranking-tarjeta--5) .ranking-likes img{filter:brightness(0) invert(1)}
.comunidad .comunidad__cta .boton{font-family:'Space Grotesk',Arial,sans-serif}
.comunidad .ranking-flecha{mask-image:url('../assets/ranking/stylus-note.svg');transform:none}
.patron-vivo{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1}
.patron-vivo__original{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated}
.patron-vivo canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity 180ms ease;image-rendering:pixelated}
.patron-vivo--activo canvas{opacity:1}
.patron-vivo--activo .patron-vivo__original{visibility:hidden}
.comunidad>.comunidad-patrones{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:.075;z-index:0;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
@media(prefers-reduced-motion:reduce){.patron-vivo canvas{transition:none}}
@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url('../assets/ranking/archivo-regular.ttf') format('truetype')}
@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;src:url('../assets/ranking/archivo-medium.ttf') format('truetype')}
.comunidad{padding:130px max(24px,calc((100% - 1298px)/2)) 130px}
.comunidad__cabecera{grid-template-columns:1fr 610px;gap:50px;margin:0 0 31px 42px}
.comunidad__rotulo{font:500 24px/1.06 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:0}
.comunidad h2{font:500 64px/1.06 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:0 0 7px}
.comunidad__bajada{font:500 14px/18px Archivo,Arial,sans-serif;letter-spacing:-.02em;max-width:473px;color:#efefef}
.comunidad__cta{min-height:104px;padding:20px;gap:20px;background:#693ab8;color:#fff}
.comunidad__cta{position:relative;isolation:isolate}
.comunidad__cta>.cta-patrones{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 240ms ease}
.comunidad__cta.cta-patrones--activo>.cta-patrones{opacity:.18}
@media(prefers-reduced-motion:reduce){.comunidad__cta>.cta-patrones{transition:none}}
.comunidad__cta strong{font:500 16px/1.06 'Space Grotesk',sans-serif;letter-spacing:-.02em}
.comunidad__cta p{font:400 14px/1.3 Archivo,Arial,sans-serif;margin:10px 0 0}
.comunidad__cta .boton{height:44px;min-width:142px;padding:0 12px;font:500 16px/1.06 Archivo,Arial,sans-serif;letter-spacing:-.02em}
.ranking-flecha{width:24px;height:24px;display:inline-block;flex-shrink:0;background:currentColor;mask:url('../assets/ranking/icono-2.svg') center/contain no-repeat;transform:rotate(180deg)}
.tablero{grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:143px 143px;gap:15px 30px}
.ranking-tarjeta{position:relative;min-width:0;display:grid;grid-template-columns:89px 1fr;grid-template-rows:auto 1fr;column-gap:22px;row-gap:22px;padding:23px 30px;background:var(--home-orange);color:#1a1a1a}
.ranking-tarjeta--1{grid-column:1;grid-row:1/3;grid-template-columns:55% 1fr;grid-template-rows:1fr 1fr;padding:46px 26px 38px;gap:0 12px}
.ranking-tarjeta--2{grid-column:2;grid-row:1}.ranking-tarjeta--3{grid-column:2;grid-row:2}.ranking-tarjeta--4{grid-column:3;grid-row:1}.ranking-tarjeta--5{grid-column:3;grid-row:2}
.ranking-simbolo{display:block;width:89px;height:91px;object-fit:fill;image-rendering:pixelated;grid-column:1;grid-row:1/3}
.ranking-tarjeta--1 .ranking-simbolo{width:100%;height:auto;aspect-ratio:1;align-self:end}
.ranking-puesto{font:500 24px/1 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:0;white-space:nowrap;grid-column:2}
.ranking-datos{grid-column:2;align-self:end}
.ranking-likes{font:500 24px/1 'Space Grotesk',sans-serif;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;margin:0 0 6px}
.ranking-likes img{width:24px;height:24px}
.ranking-autor{font:500 12px/18px Archivo,Arial,sans-serif;letter-spacing:-.02em;display:flex;align-items:center;gap:6px;white-space:nowrap;margin:0}
.ranking-autor img{width:15px;height:15px;image-rendering:pixelated}
.ranking-medalla{position:absolute;top:26px;left:calc(55% - 44px);width:60px;height:60px;padding:5px;background:#e1ff35}
.ranking-medalla img{width:100%;height:100%}
.comunidad .ranking-tarjeta--1{grid-template-rows:auto 1fr;row-gap:18px}
.comunidad .ranking-tarjeta--1 .ranking-puesto{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-left:0;align-self:start}
.comunidad .ranking-tarjeta--1 .ranking-medalla{position:static;display:inline-flex;width:44px;height:44px;flex:0 0 44px;padding:5px}
.comunidad .ranking-tarjeta--1 .ranking-simbolo{grid-row:2;align-self:center}
.comunidad .ranking-tarjeta--1 .ranking-datos{grid-row:2}
.ranking-tarjeta--1 .ranking-likes{margin-bottom:12px}
.ranking-tarjeta--1::before{content:'';position:absolute;left:-20px;top:44px;width:20px;height:20px;background:var(--home-orange);box-shadow:20px 20px var(--home-orange)}
.ranking-tarjeta--1::after{content:'';position:absolute;left:0;right:0;bottom:-45px;height:45px;background:var(--home-orange);clip-path:polygon(0 0,5% 0,5% 20px,0 20px,0 0,66% 0,66% 100%,77% 100%,77% 20px,82% 20px,82% 0,100% 0,100% 0)}
.comunidad-local{margin-top:96px}.comunidad-local[hidden]{display:none}.comunidad-local h3{font-size:28px;font-weight:500;margin-bottom:10px}.comunidad-local>p{font:400 14px/1.4 Archivo,Arial,sans-serif}
.comunidad__cabecera,.tablero,.comunidad-local{position:relative;z-index:1}
#comunidad{padding-inline:calc(var(--site-margin) + var(--site-column) + var(--site-gutter));padding-block:110px 100px}
#comunidad .comunidad__cabecera{grid-template-columns:1.15fr 1fr;gap:var(--site-gutter);margin:0 0 28px}
#comunidad .comunidad__rotulo{font-size:18px}
#comunidad h2{font-size:clamp(36px,3.1vw,60px)}
#comunidad .comunidad__cta{padding:18px;gap:16px;min-height:94px;flex-wrap:nowrap}
#comunidad .comunidad__cta strong{font-size:13px}#comunidad .comunidad__cta p{font-size:12px}
#comunidad .comunidad__cta .boton{min-width:108px;font-size:12px}
#comunidad .tablero{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:128px 128px;gap:16px var(--site-gutter)}
#comunidad .ranking-tarjeta{padding:18px 16px;grid-template-columns:64px minmax(0,1fr);column-gap:12px;row-gap:12px}
#comunidad .ranking-puesto{font-size:20px;line-height:1.1}
#comunidad .ranking-simbolo{width:64px;height:64px;aspect-ratio:1;align-self:center}
#comunidad .ranking-tarjeta--1{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:20px 16px 24px;row-gap:20px}
#comunidad .ranking-tarjeta--1 .ranking-simbolo{width:100%;height:auto;min-height:0;aspect-ratio:1;align-self:center}
#comunidad .ranking-tarjeta--1 .ranking-simbolo :is(img,canvas){position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#comunidad .ranking-tarjeta--1 .ranking-medalla{width:34px;height:34px;flex-basis:34px}
#comunidad .ranking-tarjeta--1 .ranking-puesto{gap:8px;font-size:20px}
#comunidad .ranking-likes{font-size:20px;min-height:36px;padding:0 3px 0 0;border:0;border-radius:0;background:transparent;color:inherit;position:relative;z-index:3;cursor:pointer}
#comunidad .ranking-likes[aria-pressed=true]{background:#ffffff40;box-shadow:0 2px currentColor}
#comunidad .ranking-likes img{width:21px;height:21px}
#comunidad .ranking-autor{font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;gap:5px}
#comunidad .ranking-autor :is(img,canvas){width:15px;height:15px;flex-shrink:0;image-rendering:pixelated}
#comunidad .ranking-datos{min-width:0}
.ranking-abrir{position:absolute;inset:0;z-index:2;background:transparent;border:0;border-radius:0;cursor:pointer}
.ranking-abrir:focus-visible{outline:3px solid #b58aff;outline-offset:4px}
.ranking-likes:focus-visible{outline:3px solid #6a40bc;outline-offset:3px}
.ranking-estado{position:relative;z-index:1;min-height:20px;font:400 12px/1.5 'Space Grotesk',sans-serif;color:#e4fe44;margin:54px 0 0}
#comunidad>.comunidad-patrones{opacity:.035}
@media(max-width:1200px){#comunidad{padding-inline:var(--site-margin)}#comunidad .comunidad__cta{flex-wrap:wrap}#comunidad .comunidad__cabecera{grid-template-columns:1fr 1fr}}
@media(max-width:850px){#comunidad .tablero{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 128px 128px}#comunidad .ranking-tarjeta--1{grid-column:1/-1;grid-row:1;grid-template-columns:180px 1fr;min-height:260px;padding:24px;column-gap:32px}#comunidad .ranking-tarjeta--2{grid-column:1;grid-row:2}#comunidad .ranking-tarjeta--3{grid-column:2;grid-row:2}#comunidad .ranking-tarjeta--4{grid-column:1;grid-row:3}#comunidad .ranking-tarjeta--5{grid-column:2;grid-row:3}#comunidad .comunidad__cabecera{grid-template-columns:1fr}}
@media(max-width:600px){#comunidad{padding-block:64px}#comunidad .tablero{grid-template-columns:1fr;grid-template-rows:auto}#comunidad .ranking-tarjeta{grid-column:1;grid-row:auto}#comunidad .ranking-tarjeta--1{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:20px;gap:20px 16px}#comunidad .ranking-tarjeta--1 .ranking-simbolo{max-width:200px}#comunidad .comunidad__cta{align-items:flex-start}#comunidad .ranking-estado{margin-top:28px}}
@media(max-width:600px){.comunidad::before{display:none}}
.tablero-local{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--site-gutter,24px);margin-top:24px}
.simbolo-local{display:block;min-width:0;aspect-ratio:1;padding:0;background:transparent;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1)}
.simbolo-local canvas{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}
.simbolo-local:hover{transform:translateY(-4px)}
@media(max-width:1000px){.tablero-local{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.tablero-local{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(prefers-reduced-motion:reduce){.simbolo-local{transition:none}.simbolo-local:hover{transform:none}}
@media(max-width:850px){.ranking-tarjeta--1::after,.ranking-tarjeta--1::before{display:none}}
@media(max-width:600px){#comunidad .comunidad__cta{flex-direction:column}.comunidad-local{margin-top:48px}}
#comunidad h2{color:#E4FE44}
#comunidad .comunidad__cta .boton{flex-shrink:0;gap:8px;min-width:0;height:56px;padding:0 32px;border:1px solid var(--home-orange,#F66227);border-radius:2px;font:500 16px/1 Archivo,Arial,sans-serif;letter-spacing:0}
#comunidad .comunidad__cta .ranking-flecha{width:22px;height:22px}
#comunidad .comunidad__cta p{max-width:34ch}
@media(max-width:1100px){#comunidad .comunidad__cta .boton{height:52px;padding:0 24px;font-size:15px}}
@media(max-width:700px){#comunidad .comunidad__cta .boton{height:48px;padding:0 20px;font-size:14px}}