/* Offset do main: ver mgi-site-layout.css (#new-home-root .mgi-site-main > .tbc-v2 > main) */

.tbc-v2 {
    width: 100%;
    max-width: none;
}

.tbc-v2 .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.tbc-v2 .tbc-v2-filter-select {
    border-bottom-color: rgba(143, 112, 108, 0.45);
}

.tbc-v2 .tbc-v2-filter-select:focus {
    border-bottom-color: #71130d;
    outline: none;
    box-shadow: none;
}

.tbc-v2 .tbc-v2-tile-hover {
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition:
        background-color 0.38s ease,
        box-shadow 0.38s ease,
        transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.tbc-v2 .tbc-v2-tile-hover::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    transition: opacity 0.38s ease;
    pointer-events: none;
    z-index: 0;
}

.tbc-v2 .tbc-v2-tile-hover > * {
    position: relative;
    z-index: 1;
}

.tbc-v2 .tbc-v2-tile-hover:hover,
.tbc-v2 .tbc-v2-tile-hover:focus-within {
    background-color: #71130d !important;
    box-shadow: 0 20px 56px rgba(113, 19, 13, 0.3), 0 2px 8px rgba(113, 19, 13, 0.18);
    transform: translateY(-3px);
    z-index: 2;
}

.tbc-v2 .tbc-v2-tile-hover:hover::after,
.tbc-v2 .tbc-v2-tile-hover:focus-within::after {
    opacity: 1;
}

.tbc-v2 .tbc-v2-tile-hover:hover [class*='text-'],
.tbc-v2 .tbc-v2-tile-hover:hover p,
.tbc-v2 .tbc-v2-tile-hover:hover h3,
.tbc-v2 .tbc-v2-tile-hover:hover span,
.tbc-v2 .tbc-v2-tile-hover:hover a,
.tbc-v2 .tbc-v2-tile-hover:hover .material-symbols-outlined,
.tbc-v2 .tbc-v2-tile-hover:focus-within [class*='text-'],
.tbc-v2 .tbc-v2-tile-hover:focus-within p,
.tbc-v2 .tbc-v2-tile-hover:focus-within h3,
.tbc-v2 .tbc-v2-tile-hover:focus-within span,
.tbc-v2 .tbc-v2-tile-hover:focus-within a,
.tbc-v2 .tbc-v2-tile-hover:focus-within .material-symbols-outlined {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.tbc-v2 .tbc-v2-tile-hover:hover .tbc-v2-badge,
.tbc-v2 .tbc-v2-tile-hover:focus-within .tbc-v2-badge {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

.tbc-v2 .tbc-v2-tile-accent {
    background-color: #71130d;
    color: #ffffff;
}

.tbc-v2 .tbc-v2-tile-accent .material-symbols-outlined,
.tbc-v2 .tbc-v2-tile-accent h3,
.tbc-v2 .tbc-v2-tile-accent p,
.tbc-v2 .tbc-v2-tile-accent a {
    color: #ffffff;
}

.tbc-v2 .tbc-v2-tile-hidden {
    display: none !important;
}

.tbc-v2 .tbc-v2-grid > div {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.tbc-v2.tbc-v2-animate .tbc-v2-grid > div {
    opacity: 0;
    transform: translateY(2rem);
}

.tbc-v2.tbc-v2-animate .tbc-v2-grid > div.tbc-v2-visible {
    opacity: 1;
    transform: translateY(0);
}