/* Seleccionamos la clase específica de tu página */
.login-screen-content {
	/*background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), 
                      url('../images/miligadefutbol_fondo.jpg'); 
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), 
                      url('../images/miligadefutbol_fondo.jpg');*/
	background-size: cover; /* Para que cubra toda la pantalla */
	background-position: center; /* Centrar la imagen */
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* La imagen se queda quieta al hacer scroll */
}

/* Quita SOLO la línea inferior entre filas */
.table-no-bottom-line tbody tr:not(:first-child) td::before {
	display: none !important;
}

/* 1. Asegura que el color gris cubra todos los elementos internos */
 .fila-gris, .fila-gris .col, .fila-gris strong {
									        background-color: var(--f7-color-step-150, #f2f2f2) !important;
									    }	

/* Aplicamos a la fila y sus estados de interacción */
.fila-gris-a, .fila-gris-a:hover, .fila-gris-a:active, .fila-gris-a.active-state
	{
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
		url('../images/marcador_fondo_equipoA.jpg?v=APP_VERSION') !important;
	background-size: cover !important;
	background-position: right !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-color: transparent !important;
	/* Evita que el color de F7 tape la imagen */
}

/* Evitar que los hijos hereden fondos extraños */
.fila-gris-a .col, .fila-gris-a strong {
	background: transparent !important;
}

/* Aplicamos a la fila y sus estados de interacción */
.fila-gris-b, .fila-gris-b:hover, .fila-gris-b:active, .fila-gris-b.active-state
	{
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
		url('../images/marcador_fondo_equipoB.jpg?v=APP_VERSION') !important;
	background-size: cover !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-color: transparent !important;
	/* Evita que el color de F7 tape la imagen */
}

/* Evitar que los hijos hereden fondos extraños */
.fila-gris-b .col, .fila-gris-b strong {
	background: transparent !important;
}

tr.sin-lineaX td::before {
	display: none !important;
}

/* Estilos para que el popover se vea como una tarjeta profesional */
.popover-jugador {
	width: 280px; /* Un poco más ancho que la imagen */
	border-radius: 15px;
	overflow: hidden;
}

.contenedor-foto-popover {
	display: flex;
	justify-content: center; /* Centrado horizontal */
	align-items: center; /* Centrado vertical */
	padding: 15px 0; /* Espacio arriba y abajo */
	background: #f0f0f0; /* Fondo ligero para resaltar la foto */
}

.foto-popover {
	border-radius: 10px; /* Bordes suaves en la foto */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	/* Sombra para dar profundidad */
	display: block;
	object-fit: cover; /* Asegura que la foto no se deforme */
}

.nombre-popover {
	font-size: 1.1em;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
}

/* Ocultamos todo al imprimir */
@media print {
	body * {
		visibility: hidden;
	}
	/* Solo mostramos el contenedor que nos interesa */
	.seccion-imprimir, .seccion-imprimir * {
		visibility: visible;
	}
	.seccion-imprimir {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	/* Ocultamos botones de F7 que no queremos en el PDF */
	.navbar, .toolbar, .fab, .boton-imprimir {
		display: none !important;
	}
	
	.card { box-shadow: none !important; 
	}
	
	/* Quitamos sombras de bloques grandes (Tarjetas, Acordeones, Filas) */
    .card, .list, .accordion-item, .row {
        box-shadow: none !important;
        border: 0.1pt solid #eeeeee !important; /* Un borde gris muy fino en su lugar */
    }

    /* MANTENEMOS la sombra de los logos porque son pequeños y no pesan tanto */
    .img-logo-contorno {
        box-shadow: 2px 2px 0px black !important;
        -webkit-print-color-adjust: exact;
    }
    
    /* Evitamos saltos de página a mitad de una jornada */
    .card {
        page-break-inside: avoid;
    }
}

@font-face {
	font-family: 'Kroftsmann';
	src: url('../fonts/kroftsmann.regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


.marcador-final-texto {
	color: #e7eef5; 
	font-family: 'Kroftsmann', sans-serif; 
	font-size: 20px; 
	line-height: 0.9; /* <--- Esto reduce el espacio entre renglones */
	display: block; 
	text-transform: uppercase; /* Opcional: para que se vea más como tablero */
	/*text-shadow: 2px 2px 0px #000;	*/
	font-style: italic;
	padding-top: 7px;
	
	letter-spacing: 1px;	
	/* filter: drop-shadow(2px 2px 0px #000000); */																		   
}

.marcador-final-texto-negro {
	color: #121921; 
	font-family: 'Kroftsmann', sans-serif; 
	font-size: 18px; 
	line-height: 0.9; /* <--- Esto reduce el espacio entre renglones */
	display: block; 
	text-transform: uppercase; /* Opcional: para que se vea más como tablero */
	text-shadow: 2px 2px 8px  #8b8484;	
	font-style: italic;
	padding-top: 7px;
	letter-spacing: 1px;	
	/*filter: drop-shadow(2px 2px 0px #000000); */																		   
}

.marcador-final-texto-negroSinBlock {
	color: #121921; 
	font-family: 'Kroftsmann', sans-serif; 
	font-size: 18px; 
	line-height: 0.9; /* <--- Esto reduce el espacio entre renglones */
	/*display: block; */
	text-transform: uppercase; /* Opcional: para que se vea más como tablero */
	text-shadow: 2px 2px 8px  #8b8484;	
	font-style: italic;
	padding-top: 7px;
	letter-spacing: 1px;	
	/*filter: drop-shadow(2px 2px 0px #000000); */																		   
}

.texto-kroftsman-negroSinBlock-titulo {
	color: #394065; 
	font-family: 'Kroftsmann', sans-serif; 
	font-size: 18px; 
	line-height: 0.9; /* <--- Esto reduce el espacio entre renglones */
	/*display: block; */
	text-transform: uppercase; /* Opcional: para que se vea más como tablero */
	/*text-shadow: 2px 2px 8px  #b7b3b3; */	
	font-style: italic;
	padding-top: 7px;
	letter-spacing: 1px;	
	/*filter: drop-shadow(2px 2px 0px #000000); */		
}

/*
.marcador-final-texto {
	font-family: 'Kroftsmann', sans-serif;
	font-size: 20px; 
	line-height: 0.85;
	display: block;
	text-transform: uppercase;
	font-style: italic;
	padding-top: 7px;
	
	background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 45%, #e3e2e2 55%, #c3c0c0
		100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	filter: drop-shadow(2px 2px 0px #000000);
	
	letter-spacing: 1px;
}
*/
.marcador-final-goles {
	display: inline-block;
	background: #1a1a1a;
	color: #ccff00;
	font-family: 'Kroftsmann', sans-serif;
	/* <--- Aquí aplicamos la fuente */
	font-size: 28px;
	/* Las fuentes personalizadas a veces necesitan ser un poco más grandes */
	font-weight: normal;
	/* font-weight: bold; */
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
	padding: 0 0 0 4px;
	/*border: 1px solid #333;*/
	letter-spacing: 4px;
}

.img-logo-contorno {
	border: 2px solid #333; 
	border-radius: 4px;
	 box-shadow: 3px 3px 2px black; 
	 background-color: white;
}

.img-centrada-en-tabla{
	display: flex; 
	justify-content: center; 
	align-items: center; 
	width: 100%;
}