/* Section composition: square modules, no card anatomy or global overrides. */
.cinf-residentes-mosaico{background:var(--color-zinc-50);color:var(--color-zinc-950);padding-block:var(--space-structural-lg)}
.cinf-residentes-mosaico__header{padding-bottom:var(--space-structural-md)}
.cinf-residentes-mosaico__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0}
.cinf-residentes-mosaico__tile{aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}
.cinf-residentes-mosaico__tile--word{padding:var(--space-component-md);text-align:center;overflow-wrap:anywhere;font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-leading)}
.cinf-residentes-mosaico__tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cinf-residentes-mosaico__tile,.cinf-residentes-mosaico__tile img{border-radius:var(--mosaic-radius,0%)}
.cinf-residentes-mosaico[data-mosaic-pin] .cinf-residentes-mosaico__track{height:var(--mosaic-track-height)}
.cinf-residentes-mosaico[data-mosaic-pin] .cinf-residentes-mosaico__sticky{position:sticky;top:var(--mosaic-top)}
@media(prefers-reduced-motion:reduce){.cinf-residentes-mosaico[data-mosaic-pin] .cinf-residentes-mosaico__track{height:auto}.cinf-residentes-mosaico[data-mosaic-pin] .cinf-residentes-mosaico__sticky{position:static}.cinf-residentes-mosaico__tile,.cinf-residentes-mosaico__tile img{border-radius:0}}
.cinf-residentes-mosaico__tile--purple{background:var(--color-brand-primary-subtle)}
.cinf-residentes-mosaico__tile--lime{background:var(--color-orange-100)}
.cinf-residentes-mosaico__tile--blue{background:var(--color-feedback-info-surface)}
.cinf-residentes-mosaico__tile--green{background:var(--color-feedback-success-surface)}
.cinf-residentes-mosaico__tile--amber{background:var(--color-feedback-warning-surface)}
.cinf-residentes-mosaico__tile--neutral-soft{background:var(--color-zinc-50)}
.cinf-residentes-mosaico__tile--neutral-100{background:var(--color-zinc-100)}
.cinf-residentes-mosaico__tile--neutral-200{background:var(--color-zinc-200)}
.site-main > #residentes-mosaico{animation:none;transform:none;opacity:1}
@media(max-width:1023px){.cinf-residentes-mosaico__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:539px){.cinf-residentes-mosaico__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cinf-residentes-mosaico{padding-block:var(--space-structural-md)}}
