.ts-institutional { background: var(--surface-card); }
.ts-institutional__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-12); align-items: center; }
.ts-institutional--left .ts-institutional__grid { direction: rtl; }
.ts-institutional--left .ts-institutional__content { direction: ltr; }
.ts-institutional__content h2 { font-family: var(--font-brand); font-size: 1.00625rem; color: var(--color-primary-600); font-weight: 800; margin:0; }
.ts-institutional__text { font-family: var(--font-support); color: var(--color-neutral-500); font-size: 0.875rem; line-height: var(--lh-body); margin: 0; }
.ts-institutional__image {position: relative;}
.ts-institutional__image img { width: 100%; border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); aspect-ratio: 4 / 3; object-fit: cover;}

.ts-institucional__icon {
    width: 46px;
    height: 46px;
    background-color: var(--color-primary-500);
    border-radius: 12px;
    display: flex;
    justify-items: center;
    justify-content: center;
    grid-row: span 2;
}

.ts-institucional__icon img {
    width: 24px;
    height: 24px;
    align-self: center;
}
@media (max-width: 900px) { .ts-institutional__grid { grid-template-columns: 1fr; } .ts-institutional--left .ts-institutional__grid { direction: ltr; } }

.ts-institutional__content {
    position: absolute;
    width: calc(90% - 2.250rem);
    bottom: 10%;
    left: 5%;
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 14px;
    padding: 1.125rem;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.875rem;
    align-items: center;
}