.top-bar .right,body{flex-direction:column;display:flex}.top-bar,footer,th{background-color:#333;color:#fff}.stats,.top-bar,.top-bar .right,.wrapper,body,footer{display:flex}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:100vh}h2{margin-bottom:15px}.top-bar{width:100%;justify-content:space-between;align-items:center;padding:15px 30px;margin-bottom:20px}.stats .left,.stats .right,.top-bar .left{display:flex;align-items:center}.top-bar .left .logo{width:70px;height:70px;margin-right:30px;border-radius:50%}.top-bar .right{align-items:flex-end}.top-bar .quiniela-nombre{font-size:1.5em;font-weight:700}.top-bar .fecha{font-size:.9em;margin-left:20px}.wrapper{flex-direction:column;flex:1;width:80%;margin:0 auto;padding-top:30px}.stats,footer,table{width:100%}#search,.stats{margin-bottom:20px}main{flex:1}.stats{justify-content:space-between}.stats .left label,.stats .right label{margin-right:10px}.stats .left input,.stats .right input{width:50px;text-align:center;margin-right:10px}#search{width:200px;padding:5px}.table-container{width:100%;margin:0 auto;overflow-x:auto}.table-responsive{overflow-x:auto}table{border-collapse:collapse;table-layout:fixed}td,th{border:1px solid #000;padding:10px;text-align:center}.prediccion img,.small-img{max-width:50px;height:auto}.acierto{background-color:#d4edda;color:#155724}.fallo{background-color:#f8d7da;color:#721c24}.nombre-col{min-width:120px}.sticky-column{position:sticky;left:0;background-color:#fff;z-index:2}footer{padding:20px 0;justify-content:center;align-items:center;text-align:start;position:relative;bottom:0;left:0}@media (max-width:768px){td,th,th span{font-size:.8em}.stats input,.stats label,.top-bar .fecha,h2{text-align:center}h2{margin-bottom:15px}.stats,.top-bar{flex-direction:column;align-items:center}.top-bar .left{flex-direction:column;align-items:center;margin-bottom:10px}.top-bar .left .logo{margin-right:0;margin-bottom:10px}.top-bar .right{align-items:center}.top-bar .quiniela-nombre{margin-bottom:10px;text-align:center}.top-bar .fecha{margin-left:0}.table-container{width:90%}#search{width:100%;margin:0 auto 20px;padding:10px;display:block}.wrapper{padding-top:10px}td,th{padding:5px}.small-img,th img{max-width:30px;height:auto}th .equipo-nombre,th img+br{display:none}th br+span,th span{display:block}th span{margin-top:5px}td:first-child,th:first-child{position:sticky;left:0;background-color:#f2f2f2;z-index:1;min-width:60px;max-width:100px;white-space:normal;word-break:break-word}table{width:auto}.stats .left,.stats .right{width:100%;justify-content:center;margin-bottom:10px}.stats label{margin-bottom:5px;width:100%}.stats input{width:80%;max-width:200px}}