/* Panel de torneo compartido — página pública y vista interna de usuario.
   Paleta del club: #f69821 acento · #21573a base · #231f20 complementario */

.tnt-panel {
    background: linear-gradient(160deg, #231f20 0%, #163d29 65%, #231f20 100%);
    border-radius: 18px;
    overflow: hidden;
    font-family: 'Outfit', 'Segoe UI', Tahoma, sans-serif;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}

.tnt-banner {
    width: 100%;
    max-height: 340px;
    object-fit: cover;
    display: block;
}

.tnt-body {
    padding: 28px;
    color: #fff;
}

.tnt-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.tnt-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
    background: linear-gradient(45deg, #f69821, #f8a84b);
    color: #231f20;
}

.tnt-badge-outline {
    background: transparent;
    border: 1px solid rgba(246, 152, 33, .5);
    color: #f8a84b;
}

.tnt-title {
    font-size: clamp(1.5rem, 3vw, 2.1rem);
    font-weight: 800;
    margin-bottom: 10px;
    color: #fff !important;
}

.tnt-desc {
    color: rgba(255, 255, 255, .78);
    margin-bottom: 18px;
}

.tnt-desc p {
    margin-bottom: 10px;
}

.tnt-desc h3,
.tnt-desc h4 {
    color: #fff;
    font-weight: 700;
    margin: 14px 0 8px;
}

.tnt-desc ul,
.tnt-desc ol {
    padding-left: 1.25em;
    margin-bottom: 10px;
}

.tnt-desc a {
    color: #f8a84b;
}

.tnt-facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 20px;
}

.tnt-fact-label {
    display: block;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: rgba(255, 255, 255, .55);
    margin-bottom: 2px;
}

.tnt-fact-value {
    display: block;
    font-weight: 600;
    color: #fff;
}

.tnt-register-btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 999px;
    font-weight: 700;
    background: linear-gradient(45deg, #f69821, #f8a84b);
    color: #231f20;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(246, 152, 33, .35);
    margin-bottom: 8px;
}

.tnt-register-btn:hover {
    color: #231f20;
    box-shadow: 0 10px 28px rgba(246, 152, 33, .5);
}

.tnt-section {
    margin-top: 28px;
}

.tnt-section-title {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: #fff !important;
}

.tnt-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
}

.tnt-gallery-item img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    transition: transform .2s ease;
}

.tnt-gallery-item:hover img {
    transform: scale(1.04);
}

.tnt-documents {
    list-style: none;
}

.tnt-documents li {
    margin-bottom: 8px;
}

.tnt-documents a {
    color: #f8a84b;
    text-decoration: none;
    font-weight: 600;
}

.tnt-documents a:hover {
    text-decoration: underline;
}

/* Clasificación (standings) */
.tnt-standings-wrap {
    overflow-x: auto;
}

.tnt-standings {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
}

.tnt-standings th {
    text-align: left;
    padding: 8px 10px;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: rgba(255, 255, 255, .55);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    white-space: nowrap;
}

.tnt-standings td {
    padding: 8px 10px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    white-space: nowrap;
}

.tnt-standings td:nth-child(2) {
    white-space: normal;
}