/* --------------------------------------------------------------------------
   Tripulación
   -------------------------------------------------------------------------- */

.crew-page .crew-hero {
    --any-hero-image: url('/img/crew/crew.webp');
    --any-hero-position: 72% center;
}

.crew-page .crew-stat {
    min-height: 100%;
}

.crew-page .crew-stat-value {
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1;
}

.crew-page .crew-pilot-cell {
    min-width: 15rem;
}

.crew-page .crew-pilot-avatar {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
}

.crew-page .crew-location-cell {
    min-width: 8rem;
}

.crew-page .crew-progress {
    min-width: 9rem;
    height: 0.75rem;
}

.crew-page .crew-podium-card {
    min-height: 100%;
}

.crew-page .crew-podium-avatar {
    width: 5rem;
    height: 5rem;
}

.crew-page .crew-podium-position {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--any-section-icon-color);
    background-color: var(--any-section-icon-bg);
    font-weight: 700;
}

.card .table .roster-own-day {
    --bs-table-bg: var(--bs-tertiary-bg);
    background-color: var(--bs-table-bg) !important;
}

.card .table .roster-current-day,
.card .table .roster-current-day > * {
    --bs-table-color: var(--bs-info-text-emphasis);
    --bs-table-bg: var(--bs-info-bg-subtle);
    color: var(--bs-table-color);
    background-color: var(--bs-table-bg) !important;
}

.roster-calendar {
    width: 100%;
    table-layout: fixed;
}

.roster-calendar th:not([colspan]),
.roster-calendar td {
    width: 14.2857%;
    overflow: hidden;
}

.roster-calendar mark {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}