.text-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}


#talDia, #cumpleanos, #totales{
	margin-top: 10px;
}




.table-responsive {
    width: 100%; /* Para asegurarte de que las tablas ocupen todo el ancho disponible */
}

.partidos {
	width: 25px;
}

.fecha {
	width: 110px;
}

.club-local, .club-visitante, .competicion {
	width: 170px;
}

.result {
	width: 80px;
}

/* Estilos generales de la tabla */
 #totals {
   width: 100%;
   border-collapse: collapse;
   font-size: 1rem;
   font-family: 'Arial', sans-serif;
 }

 /* Estilo para las celdas */
 #totals td {
   padding: 10px 15px;
   text-align: left;
   vertical-align: middle;
   border: 1px solid #dddddd;
   background-color: #f9f9f9;
 }

 /* Estilos para los íconos */
 #totals i {
   margin-right: 8px;
 }

 /* Estilo para las imágenes dentro de las celdas */
 #totals img {
   width: 20px;
   height: 20px;
   vertical-align: middle;
   margin-right: 8px;
 }

 /* Estilos de las celdas en hover */
 #totals tr:hover td {
   background-color: #f9f9f9;
 }

 /* Estilos para las filas */
 #totals tr {
   border-bottom: 2px solid #e0e0e0;
 }

 /* Estilos para los textos */
 #totals span {
   font-weight: bold;
   color: #333;
 }
 
 @media screen and (min-width: 1100px) {
	.grid-layout {
	    display: grid;
	    grid-template-columns: 65% auto; /* Dos columnas de igual tamaño */
	    gap: 20px; /* Espacio entre los dos divs */
	}
	
	.divRight-2 {
		display: none;
	}
	
	.divRight {
		display: block;
	}
 }
 
 @media (max-width: 1099px) {
	.divRight-2 {
		display: block;
	}
	
	.divRight {
		display: none;
	}
 }

 @media (max-width: 430px) {
	 .fila {
	 	width: 200px;
	 }

 }