*{
    box-sizing: border-box;
}

header{
    overflow: hidden;
    flex-direction: column;
    height: auto;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
}

header .logo {
    height: auto;
    padding-left: 0;
    background-image: none;
}

header .logo p {
    display: none;
}

header h1 {
    text-shadow: 1px 1px 3px black, -1px -1px 3px black, 1px -1px 3px black, -1px 1px 3px black;
}

header .cta{
    padding: 0;
    text-align: center;
}
header .cta a{
    padding: 10px 30px 10px 50px;
}

main {
    flex-direction: column;
}

main section, 
main aside {
    border: none;
    width: auto;
    flex: 1;
}

section h2,
aside h2{
    text-align: center;
}

footer{
    flex-direction: column;
    align-items: center;
}

footer > *{
    width: auto;
}

footer .status{
    padding-left: 0;
}

footer .status * {
    display: inline;
    font-size: 20px;
    line-height: 25px;
}

footer .status::before {
    display: none;
}

footer .join{
    display: none;
}

#fixture.gallery ul,
#fixture.phase2 ul,
#fixture.phase1 ul {
    grid-template-columns: repeat(1, 1fr);
}

#fixture.phase3 {
    flex-direction: column;
}

#fixture > div:not(.octavos) ul li div ul::after, #fixture > div:not(.octavos) ul li div ul::before,
#fixture > div:not(.octavos) ul li div::before,
#fixture > div:not(.octavos) ul li div::after,
#fixture.phase3 > div > ul > li::after {
    content:none;
}

#fixture > div > ul ul {
    gap: 20px;
}

#fixture.phase3 > div > ul{
    gap: 10px;
}

#fixture > div > ul ul li:first-child::after {
    right: -15px;
}

#fixture.phase3 > div.final{
    width: auto;
}

#fixture.phase3 > div.final .terceros{
    position: static;
    transform: none;
    width: auto;
}

#fixture > div ul li.podio{
    order: 2;
    margin-top: 20px;
}

#fixture > div ul li.podio ul{
    gap: 50px;
}

#fixture > div ul li.podio ul li:first-child::after {
    right: -45px;
}

.votaciones > div, 
.votaciones > form {
    margin: 20px 20px;
    max-height: calc( 98vh - 40px );
    overflow-y: auto;
}

.votaciones > div ul, 
.votaciones > form ul{
    grid-template-columns: repeat(1, 1fr);
} 

#modal .buttons {
    margin-top: 20px;
    margin-bottom: 20px;
}

.votaciones .buttons button {
    padding: 12px 16px;
    flex: 1;
}