/****** parti in comune */
        h1{
            margin: 10px auto;
            margin-bottom: 5px;
        }
        h2{
            margin-top: 0px;
        }
        h3{
            font-size: 1.2rem;
            color: #6d0d18;
            margin-bottom: 15px;
        }
        .titolo-sezione{
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 15px;
            color: #6d0d18;
        }
        .tempi{
            font-size: 18px;
            text-align: center;
            margin-top: -10px;
            margin-bottom: 15px;
        }
        @media (max-width: 768px){
            h2{
                font-size: 18px;
                margin-top: 25px;
            }
            .titolo-sezione{
                width: 100%;
                text-align: center;
                font-size: 22px;
                font-weight: bold;
                margin-bottom: 15px;
                color: #6d0d18;
            }
        }

/******* gironi squadre */
        .tabellone{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            width: 100%;
            margin: 40px auto;
        }
        .girone-box{
            background: #f8f8f8;
            border-radius: 12px;
            padding: 15px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }
        .titolo-girone{
            background: #6d0d18;
            color: white;
            text-align: center;
            font-weight: bold;
            padding: 10px;
            border-radius: 8px;
            margin-bottom: 15px;
            font-size: 18px;
        }
        .squadra{
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 10px;
            margin-bottom: 8px;
            background: white;
            border-radius: 8px;
            transition: 0.3s;
        }
        .squadra:hover{
            transform: scale(1.03);
            background: #f1f1f1;
        }
        .squadra img{
            width: 40px;
            height: 40px;
            object-fit: contain;
        }
        .squadra span{
            font-size: 22px;
        }
        @media (max-width: 768px){
            .tabellone{
                grid-template-columns: 1fr;
                margin-top: 0px;
            }
            .titolo-girone{
                font-size: 16px;
            }
            .squadra span{
                font-size: 18px;
            }
        }

/******* partite incontri */
        .partite-container{
            width: 100%;
            margin: 40px auto;
            margin-bottom: 15px;
        }
        .tabella-partite{
            width: 100%;
            border-collapse: collapse;
            background: white;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }
        .tabella-partite th{
            background: #6d0d18;
            color: white;
            padding: 10px;
            font-size: 14px;
        }
        .tabella-partite th:nth-child(1),
        .tabella-partite th:nth-child(2),
        .tabella-partite th:nth-child(5){
            text-align: center;
        }
        .tabella-partite th:nth-child(3),
        .tabella-partite th:nth-child(4){
            text-align: left;
            padding-left: 15px;
        }
        .tabella-partite td{
            padding: 8px;
            border-bottom: 1px solid #ddd;
            font-size: 20px;
        }
        .tabella-partite td:nth-child(1),
        .tabella-partite td:nth-child(2),
        .tabella-partite td:nth-child(5){
            text-align: center;
        }
        .tabella-partite td:nth-child(3),
        .tabella-partite td:nth-child(4){
            text-align: left;
            padding-left: 15px;
        }
        .tabella-partite tr:nth-child(4n+1),
        .tabella-partite tr:nth-child(4n+2){
            background: #ffffff;
        }
        .tabella-partite tr:nth-child(4n+3),
        .tabella-partite tr:nth-child(4n+4){
            background: #f2f2f2;
        }
        @media (max-width: 768px){
            .partite-container{
                overflow-x: auto;
                margin-top: 25px;
                margin-bottom: 5px;
            }
            .tabella-partite{
                min-width: 600px;
            }
            .tabella-partite th,
            .tabella-partite td{
                font-size: 12px;
                padding: 6px;
            }
        }

/****** classifiche gironi */
        .classifiche-container{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            width: 100%;
            margin: 0px auto;
        }
        .girone{
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }
        .titolo-girone{
            background: #6d0d18;
            color: white;
            text-align: center;
            font-weight: bold;
            padding: 10px;
            font-size: 18px;
        }
        .tabella-classifica{
            width: 100%;
            border-collapse: collapse;
        }
        .tabella-classifica th{
            background: #8a1a2b;
            color: white;
            padding: 8px;
            font-size: 14px;
        }
        .tabella-classifica td{
            padding: 8px;
            border-bottom: 1px solid #ddd;
            font-size: 20px;
        }
        .tabella-classifica td:first-child{
            text-align: left;
        }
        .tabella-classifica td:last-child{
            text-align: center;
        }
        @media (max-width: 768px){
            .classifiche-container{
                grid-template-columns: 1fr;
            }
        }

/****** classifica finale */
        .classifica-finale{
            width: 50%;
            margin: 25px auto;
            margin-bottom: 25px;
        }
        .tabella-classifica{
            width: 100%;
            border-collapse: collapse;
            background: white;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }
        .tabella-classifica td{
            padding: 10px;
            border-bottom: 1px solid #ddd;
            font-size: 22px;
            text-align: center;
        }
        .tabella-classifica img{
            height: 40px;
        }
        .tabella-classifica td:nth-child(3){
            text-align: left;
        }

/******* vincitore */
        .vincitore-box{
            width: 50%;
            margin: 0px auto;
            margin-bottom: 10px;
            background: #6d0d18;
            color: white;
            text-align: center;
            padding: 25px;
            border-radius: 12px;
            font-size: 22px;
            font-weight: bold;
            box-shadow: 0 6px 15px rgba(0,0,0,0.3);
            letter-spacing: 1px;
            text-shadow: 1px 1px 3px black;
            border: 3px solid gold;
        }
        .titolo-vincitore{
            display: block;
            font-size: 20px;
            margin-top: 10px;
        }
        .nome-vincitore{
            display: block;
            font-size: 36px;
            margin-top: 10px;
        }
        @media (max-width: 768px){
            .vincitore-box{
                width: 95%;
                margin: 40px auto;
                margin-bottom: 20px;
                background: #6d0d18;
                color: white;
                text-align: center;
                padding: 25px 0;
                border-radius: 12px;
                /* font-size: 20px; */
                font-weight: bold;
                box-shadow: 0 6px 15px rgba(0,0,0,0.3);
                letter-spacing: 1px;
            }

            .titolo-vincitore{
                display: block;
                font-size: 16px;
                margin-top: 10px;
                white-space: nowrap;
            }
            .nome-vincitore{
                display: block;
                font-size: 22px;
                white-space: nowrap;
            }
            .classifica-finale{
                width: 95%;
                margin: 40px auto;
            }
        }