@layer components{.ic{margin-block-start:clamp(2.5rem,1.6rem + 3.8vw,4.5rem)}.ic-lista{--entre:clamp(2.75rem, 2rem + 2.6vw, 4.5rem);row-gap:var(--entre);margin:0;padding:0;list-style:none;display:grid}.ic-tarjeta{align-content:start;gap:.875rem;min-inline-size:0;display:grid;position:relative}.ic-marco{aspect-ratio:4/5;background-color:var(--campo,var(--grafito));transition:scale .16s var(--ease-exit);position:relative;overflow:clip}.ic-campo{background-color:var(--campo,var(--grafito));position:absolute;inset:0}.ic-pantalla,.ic-pantalla>picture,.ic-pantalla img{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.ic-pantalla img{object-fit:cover;object-position:50% 50%}.ic-marco:after{content:"";z-index:1;outline-offset:-1px;pointer-events:none;outline:1px solid #f0ece41a;position:absolute;inset:0}.ic-datos{gap:.25rem;display:grid}.ic-nombre{font:700 var(--rol-lista,1.875rem) / 1.15 var(--font-display);letter-spacing:-.01em;text-transform:none;text-wrap:balance;color:var(--color-text);margin:0}.ic-a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration-line:none}.ic-a:after{content:"";z-index:2;position:absolute;inset:0}.ic-a:focus-visible{outline:none}.ic-tarjeta:has(.ic-a:focus-visible){outline:2px solid var(--color-focus);outline-offset:6px}.ic-linea{display:inline-block;position:relative}.ic-linea:before{content:"";transform-origin:100%;block-size:1px;transition:scale .16s var(--ease-exit);background-color:currentColor;position:absolute;inset-block-end:-.08em;inset-inline:0;scale:0 1}.ic-tarjeta:has(.ic-a:focus-visible) .ic-linea:before{transition:none;scale:1}.ic-hicimos,.ic-rubro{font-size:var(--rol-chico,.9375rem);line-height:1.4;font-family:var(--font-body);text-wrap:pretty;margin:0}.ic-hicimos{color:var(--color-text);margin-block-start:.375rem;font-weight:500}.ic-rubro{color:var(--color-text-2);font-weight:400}.ic-tarjeta:active .ic-marco{transition:scale .12s var(--ease-out);scale:.985}.ic-tarjeta--pesqa .ic-pantalla img{object-position:50% 0}@media (min-width:48rem){.ic.ic{container-type:inline-size}.ic-lista.ic-lista{--obra-h:calc((50cqi - var(--spacing-grid) / 2) * 1.25);column-gap:var(--spacing-grid);grid-template-columns:repeat(2,minmax(0,1fr))}.ic-tarjeta--pesqa.ic-tarjeta--pesqa{grid-column:1/-1}.ic-tarjeta--pesqa .ic-marco.ic-marco{--bisel:.3125rem;aspect-ratio:auto;block-size:var(--obra-h)}.ic-tarjeta--pesqa .ic-pantalla.ic-pantalla{aspect-ratio:780/1688;block-size:86%;inline-size:auto;padding:var(--bisel);background-color:var(--tinta);box-shadow:0 .375rem .5rem -.25rem color-mix(in oklab, var(--tinta) 45%, transparent);border-radius:1.5rem;inset:7% auto auto 50%;translate:-50%}.ic-tarjeta--pesqa .ic-pantalla.ic-pantalla>picture{inset:var(--bisel);border-radius:calc(1.5rem - var(--bisel));block-size:auto;inline-size:auto;overflow:clip}}@media (min-width:64rem){.ic-lista.ic-lista{--desfase:min(12svh, 8rem);--obra-h:calc(((100cqi - 11 * var(--spacing-grid)) / 12 * 5 + 4 * var(--spacing-grid)) * 1.25);grid-template-columns:repeat(12,minmax(0,1fr))}.ic-tarjeta[data-lado=izq].ic-tarjeta{grid-column:1/span 5}.ic-tarjeta[data-lado=der].ic-tarjeta{translate:0 var(--desfase);grid-column:8/span 5}.ic-lista[data-cola=der].ic-lista{padding-block-end:var(--desfase)}}@media (hover:hover) and (pointer:fine){.ic-tarjeta:hover .ic-linea.ic-linea:before{transform-origin:0;transition:scale .24s var(--ease-out);scale:1}}@media (prefers-reduced-motion:reduce){.ic-tarjeta .ic-linea.ic-linea:before,.ic-tarjeta .ic-marco.ic-marco{transition:none}.ic-tarjeta:active .ic-marco.ic-marco{scale:1}}.ic-tambien{margin:var(--entre,3rem) 0 0;max-inline-size:52ch;font:400 var(--rol-entrada,1.25rem) / 1.5 var(--font-body);color:var(--color-text-2);text-wrap:pretty}.ic-tambien__a{color:var(--color-text);text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-subraya,currentColor);text-decoration-color:var(--color-subraya,currentColor);text-underline-offset:.2em;-webkit-tap-highlight-color:transparent}.ic-tambien__a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;text-decoration-line:none}@media (hover:hover) and (pointer:fine){.ic-tambien__a.ic-tambien__a:hover{text-decoration-color:currentColor}}}
