@layer theme,base;@layer components{.comp{grid-template-columns:minmax(0,1fr);gap:.15rem;min-width:0;display:grid}.comp__t{font:600 var(--fs-micro) / 1.25 var(--font-text);text-transform:uppercase;letter-spacing:var(--track-label,.1em);color:var(--teal-700)}.comp__lista{margin:0;padding:0;list-style:none;display:grid}.comp__fila{border-top:1px solid var(--mist-200);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;column-gap:.9rem;padding:.8rem 0;display:grid;position:relative}.comp__lista>.comp__fila:last-child{border-bottom:1px solid var(--mist-200)}.comp__foto{border-radius:var(--r-sm);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--mist-200);background:#fff;display:block;overflow:hidden}.comp__foto img{object-fit:contain;width:100%;height:100%;padding:4px;display:block}.comp__info{justify-items:start;gap:.1rem;min-width:0;display:grid}.comp__nombre{font:600 1.125rem / 1.25 var(--font-display);letter-spacing:-.01em;color:var(--ink-900);overflow-wrap:anywhere;text-wrap:balance;text-decoration:none}.comp__nombre:after{content:"";z-index:1;border-radius:var(--r-sm);position:absolute;inset:0}.comp__nombre:hover{color:var(--teal-700);text-underline-offset:.18em;text-decoration:underline}.comp__nombre:focus-visible{outline:none}.comp__nombre:focus-visible:after{outline:3px solid var(--teal-600);outline-offset:2px}.comp__btn{z-index:2;border-radius:var(--r-pill);border:1px solid var(--mist-400);min-height:44px;color:var(--ink-900);font:600 var(--fs-min) / 1 var(--font-text);white-space:nowrap;cursor:pointer;transition:background-color var(--t-fast) var(--ease-luz), border-color var(--t-fast) var(--ease-luz), color var(--t-fast) var(--ease-luz);background:#fff;justify-content:center;align-items:center;gap:.5rem;padding:0 1.05rem;text-decoration:none;display:inline-flex;position:relative}.comp__btn:hover{border-color:var(--teal-600);color:var(--teal-700)}.comp__btn:active{transform:scale(.97)}.comp__btn:focus-visible{outline:3px solid var(--teal-600);outline-offset:2px}.comp__ico{flex:none;place-items:center;width:1.05rem;height:1.05rem;display:grid;position:relative}.comp__ico .i{width:1.05rem;height:1.05rem;transition:opacity var(--t-fast) var(--ease-luz), transform var(--t-fast) var(--ease-luz);position:absolute}.comp__ok{opacity:0;transform:scale(.4)}.comp__t-in{display:none}.comp__btn.is-added,.comp__btn.is-in{background:var(--teal-600);border-color:var(--teal-600);color:#fff}.comp__btn.is-added .comp__ico .i:first-child,.comp__btn.is-in .comp__ico .i:first-child{opacity:0;transform:rotate(90deg)scale(.5)}.comp__btn.is-added .comp__ok,.comp__btn.is-in .comp__ok{opacity:1;transform:none}.comp__btn.is-in .comp__t-add{display:none}.comp__btn.is-in .comp__t-in{display:inline}.comp--ficha{margin-top:clamp(1.5rem,3vw,2.25rem)}.comp--ficha .comp__t{margin-bottom:.55rem}.comp--listado{gap:.9rem;margin-top:clamp(2.25rem,5vw,3.75rem)}.comp--listado .comp__t{font:600 clamp(1.25rem, 1.05rem + .6vw, 1.625rem) / 1.2 var(--font-display);text-transform:none;letter-spacing:-.02em;color:var(--ink-900)}.comp--listado .comp__lista{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));column-gap:clamp(1.5rem,3vw,3rem);max-width:80rem}.comp--listado .comp__lista>.comp__fila:last-child{border-bottom:0}.comp--listado .comp__fila{border-bottom:1px solid var(--mist-200)}.is-filtrando .comp--listado{visibility:hidden}@media (max-width:420px){.comp__fila{grid-template-columns:64px minmax(0,1fr);row-gap:.55rem}.comp__btn{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.comp__btn,.comp__ico .i{transition:none}.comp__btn:active{transform:none}}@media (forced-colors:active){.comp__btn{border-color:buttontext}.comp__btn.is-added,.comp__btn.is-in{color:highlighttext;background:highlight;border-color:highlight}}}@layer utilities,letra;