.me-gusta{justify-items:start;gap:var(--esp-2);display:grid}.me-gusta__controles{background:var(--superficie);border:var(--borde-ancho) solid var(--borde);border-radius:var(--radio-capsula);box-shadow:var(--sombra-s);transition:var(--tarjeta-transicion);align-items:stretch;display:inline-flex}:is(.me-gusta__controles:has(.me-gusta__corazon:hover:not([aria-disabled=true])),.me-gusta__controles:has(.me-gusta__numero:hover:not(:disabled))){box-shadow:.375rem .375rem 0 var(--rosa);transform:translate(-.125rem,-.125rem)}.me-gusta__controles:has(.me-gusta__corazon--activo) .me-gusta__corazon{background:color-mix(in srgb, var(--rosa) 22%, var(--superficie))}.me-gusta__corazon,.me-gusta__numero{min-width:2.75rem;min-height:2.75rem;padding:0 var(--esp-3);color:var(--texto);font-family:var(--f-titular);font-size:var(--t-s);cursor:pointer;transition:background-color var(--trans), color var(--trans);background:0 0;border:0;justify-content:center;align-items:center;margin:0;font-weight:800;line-height:1;display:inline-flex}.me-gusta__corazon{border-radius:var(--radio-capsula) 0 0 var(--radio-capsula)}.me-gusta__numero{border-left:var(--borde-ancho) solid var(--borde);border-radius:0 var(--radio-capsula) var(--radio-capsula) 0;font-variant-numeric:tabular-nums;min-width:3rem}.me-gusta__numero--vacio{cursor:default}.me-gusta__corazon:hover:not([aria-disabled=true]),.me-gusta__numero:hover:not(:disabled){background:color-mix(in srgb, var(--rosa) 16%, var(--superficie))}.me-gusta__corazon[aria-disabled=true]{cursor:progress}.me-gusta__numero:disabled{color:var(--texto-suave);cursor:default}.me-gusta__corazon:focus-visible,.me-gusta__numero:focus-visible{z-index:1;outline-offset:2px;border-radius:var(--radio-capsula);position:relative}.me-gusta__icono{fill:#0000;stroke:currentColor;width:1.375rem;height:1.375rem;transition:fill var(--trans), stroke var(--trans)}.me-gusta__corazon--activo .me-gusta__icono{fill:var(--rosa);stroke:var(--borde)}[data-theme=dark] .me-gusta__corazon--activo .me-gusta__icono{stroke:var(--rosa)}.me-gusta__icono--latido{animation:.45s ease-out me-gusta-latido}@keyframes me-gusta-latido{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.92)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.me-gusta__icono--latido{animation:none}:is(.me-gusta__controles:has(.me-gusta__corazon:hover:not([aria-disabled=true])),.me-gusta__controles:has(.me-gusta__numero:hover:not(:disabled))){transform:none}}.me-gusta__region-aviso{max-width:100%}.me-gusta__region-aviso:empty{margin-top:calc(-1 * var(--esp-2))}.me-gusta__aviso{align-items:center;gap:var(--esp-1) var(--esp-2);flex-wrap:wrap;max-width:100%;margin:0;display:flex}.me-gusta__aviso-enlace{color:var(--texto);text-underline-offset:.2em;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.me-gusta__aviso-enlace:hover{color:var(--rosa-texto)}.me-gusta__aviso-cerrar,.me-gusta__cerrar{width:2.75rem;height:2.75rem;color:var(--texto);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:-.5rem -.5rem -.5rem auto;padding:0;display:inline-flex}.me-gusta__aviso-cerrar svg,.me-gusta__cerrar svg{width:1.125rem;height:1.125rem}.me-gusta__aviso-cerrar:hover,.me-gusta__cerrar:hover{background:color-mix(in srgb, var(--rosa) 16%, transparent)}.me-gusta__dialogo{background:var(--superficie);width:min(28rem,100% - 1.5rem);max-width:none;max-height:min(36rem,100dvh - 3rem);color:var(--texto);border:var(--borde-ancho) solid var(--borde);border-radius:var(--radio-l);box-shadow:var(--sombra);margin:auto;padding:0;overflow:hidden}.me-gusta__dialogo[open]{animation:me-gusta-dialogo var(--trans-lenta);display:flex}.me-gusta__dialogo::backdrop{background:#0b0b1299}[data-theme=dark] .me-gusta__dialogo{border-color:var(--texto-suave)}[data-theme=dark] .me-gusta__dialogo::backdrop{background:#000000b8}@keyframes me-gusta-dialogo{0%{opacity:0;transform:translateY(.5rem)}}.me-gusta__caja{flex-direction:column;width:100%;min-height:0;display:flex}.me-gusta__cabecera{align-items:center;gap:var(--esp-2);padding:var(--esp-3);border-bottom:var(--borde-ancho) solid var(--borde);flex:none;display:flex}.me-gusta__titulo{align-items:center;gap:var(--esp-1) var(--esp-2);min-width:0;font-size:var(--t-m);text-transform:uppercase;flex-wrap:wrap;margin:0;display:flex}.me-gusta__titulo:before{content:"";background:var(--rosa);border-radius:var(--radio-s);flex:none;width:.5rem;height:1.1em}.me-gusta__titulo .subtitulo-ja{font-size:var(--t-s);letter-spacing:.2em}.me-gusta__cerrar{margin:-.25rem -.25rem -.25rem auto}.me-gusta__contenido{overscroll-behavior:contain;min-height:0;padding:var(--esp-2) var(--esp-3) var(--esp-3);flex:auto;overflow-y:auto}.me-gusta__estado{justify-items:start;gap:var(--esp-2);margin:var(--esp-2) 0;color:var(--texto-suave);display:grid}.me-gusta__estado .aviso{color:var(--texto)}.me-gusta__lista{margin:0;padding:0;list-style:none}.me-gusta__fila+.me-gusta__fila{border-top:1px solid color-mix(in srgb, var(--borde) 18%, transparent)}[data-theme=dark] .me-gusta__fila+.me-gusta__fila{border-top-color:var(--borde)}.me-gusta__persona{align-items:center;gap:var(--esp-3);min-height:3.25rem;padding:var(--esp-2);margin-inline:calc(var(--esp-2) * -1);color:var(--texto);border-radius:var(--radio);transition:background-color var(--trans);text-decoration:none;display:flex}a.me-gusta__persona:hover{background:color-mix(in srgb, var(--rosa) 14%, var(--superficie))}a.me-gusta__persona:hover .me-gusta__nombre{text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--rosa);text-decoration-color:var(--rosa);text-underline-offset:.2em}a.me-gusta__persona:focus-visible{outline-offset:-3px;border-radius:var(--radio)}.me-gusta__avatar{width:2.5rem;height:2.5rem}.me-gusta__privado-icono{background:var(--fondo);width:2.5rem;height:2.5rem;color:var(--texto-suave);border:var(--borde-ancho) dashed var(--texto-suave);border-radius:50%;flex:none;justify-content:center;align-items:flex-end;display:inline-flex;overflow:hidden}.me-gusta__privado-icono svg{width:1.875rem;height:1.875rem}.me-gusta__nombre{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.me-gusta__persona--privada .me-gusta__nombre{color:var(--texto-suave)}.me-gusta__yo{color:var(--texto-suave);font-size:var(--t-s);flex:none;font-weight:700}.me-gusta__error-mas{margin:var(--esp-2) 0 0}.me-gusta__mas{margin-top:var(--esp-3)}@media (prefers-reduced-motion:reduce){.me-gusta__dialogo[open]{animation:none}}
