/* =========================================================
		   INDEX MiGP
		   ========================================================= */

		.index-page {
			width: 100%;
			max-width: 1120px;
			margin: 0 auto;
			padding: 28px 16px 42px;
		}

		.index-hero {
			max-width: 900px;
			margin: 0 auto 28px;
			text-align: center;
		}

		.index-hero-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 66px;
			height: 66px;
			margin: 0 auto 12px;
			border-radius: 50%;
			background: #edf5fb;
			font-size: 31px;
		}

		.index-hero h1 {
			margin: 0;
			color: #333;
			font-size: 30px;
			line-height: 1.2;
		}

		.index-hero p {
			max-width: 720px;
			margin: 9px auto 0;
			color: #707b83;
			font-size: 15px;
			line-height: 1.55;
		}

		.index-card {
			border: 1px solid #dce5ea;
			border-radius: 14px;
			background: #fff;
			box-shadow: 0 3px 14px rgba(46,110,158,.08);
		}

.index-card-title {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;

	color: #333 !important;
	font-size: 17px !important;
	font-weight: bold !important;
	line-height: 1.25 !important;
	text-align: left !important;
}

		.index-card-subtitle {
			margin: 4px 0 0;
			color: #7b878f;
			font-size: 12px;
			line-height: 1.4;
		}
		
.index-monthly-card {
	margin-top: 14px;
	margin-bottom: 16px;
}

		.index-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 40px;
			padding: 9px 16px;
			border: 0;
			border-radius: 8px;
			background: #5c9ccc;
			color: #fff !important;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none !important;
			cursor: pointer;
		}

		.index-btn:hover {
			background: #4389bc;
		}

		.index-btn.secondary {
			border: 1px solid #c8dce9;
			background: #fff;
			color: #2e6e9e !important;
		}

		.index-btn.secondary:hover {
			background: #edf5fb;
		}


		/* =========================================================
		   IDENTIFICADO: DASHBOARD
		   ========================================================= */

		.index-dashboard-summary {
			display: grid;
			grid-template-columns: repeat(3,minmax(0,1fr));
			gap: 12px;
			margin-bottom: 18px;
		}

		.index-summary-card {
			padding: 18px;
			text-align: center;
		}

		.index-summary-value {
			color: #2e6e9e;
			font-size: 27px;
			font-weight: bold;
			line-height: 1.1;
		}

		.index-summary-label {
			margin-top: 5px;
			color: #76828a;
			font-size: 11px;
		}

		.index-summary-link {
			display: block;
			color: inherit;
			text-decoration: none;
			transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
		}

		.index-summary-link:hover {
			transform: translateY(-1px);
			border-color: #a9cbe2;
			box-shadow: 0 4px 12px rgba(46,110,158,.12);
		}

		.index-summary-link:focus {
			outline: 2px solid rgba(92,156,204,.35);
			outline-offset: 2px;
		}

		.index-dashboard-grid {
			display: grid;
			grid-template-columns: minmax(0,1.35fr) minmax(300px,.85fr);
			gap: 16px;
		}

		.index-dashboard-column {
			display: flex;
			flex-direction: column;
			gap: 16px;
		}

		.index-dashboard-card {
			padding: 18px;
		}

		.index-dashboard-head {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			gap: 12px;
			margin-bottom: 14px;
		}

		.index-dashboard-head-action {
			flex: 0 0 auto;
			color: #2e6e9e;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
		}

		.index-dashboard-head-action:hover {
			text-decoration: underline;
		}


		/* Próximos partidos */

		.index-partidos {
			display: grid;
			grid-template-columns: repeat(2,minmax(0,1fr));
			gap: 10px;
		}

		.index-partido {
			display: grid;
			grid-template-columns: 54px minmax(0,1fr) 54px;
			align-items: center;
			gap: 9px;
			min-height: 92px;
			padding: 11px;
			border: 1px solid #e2e9ed;
			border-radius: 10px;
			background: #fbfdfe;
			color: #333;
			text-decoration: none;
		}

		.index-partido:hover {
			border-color: #a9cce2;
			background: #f5faff;
		}

		.index-partido.hot {
			border-color: #e5a9a9;
		}

		.index-partido-equipo {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 58px;
		}

		.index-partido-equipo img {
			max-width: 50px;
			max-height: 54px;
		}

		.index-partido-centro {
			min-width: 0;
			text-align: center;
		}

		.index-partido-fecha {
			color: #7e8a91;
			font-size: 13px;
			font-weight: bold;
		}

		.index-partido-resultado {
			margin-top: 6px;
			color: #2e6e9e;
			font-size: 25px;
			font-weight: bold;
		}

		.index-partido-pendiente {
			display: inline-block;
			padding: 5px 9px;
			border-radius: 7px;
			background: #edf5fb;
			color: #7a8790;
			font-size: 13px;
		}

		.index-hot-label {
			display: block;
			margin-top: 4px;
			color: #b74a4a;
			font-size: 8px;
			font-weight: bold;
			text-transform: uppercase;
		}

		.index-partido.proximo-cierre {
			border-color: #a9cce2;
			background: #f7fbfe;
		}

		.index-proximo-cierre-label {
			display: inline-block;
			margin-bottom: 4px;
			padding: 4px 8px;
			border-radius: 999px;
			background: #edf5fb;
			color: #2e6e9e;
			font-size: 8px;
			font-weight: bold;
			text-transform: uppercase;
		}

		.index-partido-cierre {
			margin-top: 5px;
			color: #70808a;
			font-size: 10px;
			font-weight: bold;
		}

		.index-partido-cierre.urgente {
			color: #b70001;
		}


		/* Tablón */

.index-badge {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 24px;
			height: 24px;
			padding: 0 7px;
			border-radius: 999px;
			background: #eaf4fb;
			color: #2e6e9e;
			font-size: 10px;
			font-weight: bold;
		}

		.index-badge.alerta {
			background: #fff0f0;
			color: #a84646;
		}


		/* Acciones */

		.index-actions {
			display: grid;
			grid-template-columns: repeat(2,minmax(0,1fr));
			gap: 9px;
		}

		.index-action {
			display: flex;
			align-items: center;
			gap: 10px;
			min-height: 62px;
			padding: 11px;
			border: 1px solid #dce5ea;
			border-radius: 9px;
			background: #fff;
			color: #465862;
			text-decoration: none;
		}

		.index-action:hover {
			border-color: #a9cbe2;
			background: #f7fbfe;
		}

		.index-action-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			flex: 0 0 36px;
			width: 36px;
			height: 36px;
			border-radius: 9px;
			background: #edf5fb;
			font-size: 18px;
		}

		.index-action strong {
			display: block;
			color: #365f7d;
			font-size: 11px;
		}

		.index-action span {
			display: block;
			margin-top: 2px;
			color: #87939a;
			font-size: 9px;
			line-height: 1.25;
		}


		/* Especiales */

		.index-progress {
			height: 8px;
			margin-top: 13px;
			border-radius: 999px;
			background: #edf1f4;
			overflow: hidden;
		}

		.index-progress-bar {
			height: 100%;
			border-radius: 999px;
			background: #5c9ccc;
		}

		.index-progress-text {
			display: flex;
			justify-content: space-between;
			margin-top: 7px;
			color: #78858d;
			font-size: 10px;
		}

		.index-especiales-movil {
			display: none;
			margin-bottom: 16px;
		}

		.index-especiales-desktop {
			display: block;
		}

		.index-tablon-resumen {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 12px;
			padding: 10px 0 2px;
		}

		.index-tablon-resumen-texto {
			color: #66737b;
			font-size: 12px;
			line-height: 1.45;
		}

		.index-tablon-resumen-texto strong {
			color: #40535f;
		}


		/* =========================================================
		   SIN IDENTIFICAR: LANDING
		   ========================================================= */

		.index-public-hero {
			display: grid;
			grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr);
			align-items: center;
			gap: 30px;
			margin: 8px auto 28px;
			padding: 32px;
		}

		.index-public-copy h1 {
			margin: 0;
			color: #2e6e9e;
			font-size: 35px;
			line-height: 1.12;
		}

		.index-public-copy .lead {
			margin: 13px 0 0;
			color: #66757e;
			font-size: 16px;
			line-height: 1.55;
		}

		.index-public-tags {
			display: flex;
			flex-wrap: wrap;
			gap: 7px;
			margin-top: 17px;
		}

		.index-public-tag {
			padding: 6px 9px;
			border-radius: 999px;
			background: #edf5fb;
			color: #3b6f94;
			font-size: 10px;
			font-weight: bold;
		}

		.index-public-cta {
			display: flex;
			flex-wrap: wrap;
			gap: 9px;
			margin-top: 20px;
		}

		.index-login {
			padding: 22px;
		}

		.index-login h2 {
			margin: 0;
			padding: 0;
			border: 0;
			background: none;
			color: #333;
			font-size: 19px;
			text-align: left;
		}

		.index-login p {
			margin: 5px 0 17px;
			color: #7c888f;
			font-size: 11px;
			line-height: 1.4;
		}

		.index-login label {
			display: block;
			margin: 10px 0 5px;
			color: #4f606a;
			font-size: 11px;
			font-weight: bold;
		}

		.index-login input[type="text"],
		.index-login input[type="password"] {
			width: 100%;
			height: 41px;
			padding: 9px 11px;
			border: 1px solid #cbd8df;
			border-radius: 7px;
			background: #fff;
			color: #333;
			font-size: 13px;
			outline: none;
		}

		.index-login input:focus {
			border-color: #5c9ccc;
			box-shadow: 0 0 0 3px rgba(92,156,204,.13);
		}

		.index-login-actions {
			display: grid;
			grid-template-columns: 1fr;
			gap: 8px;
			margin-top: 16px;
		}

		.index-login-actions .index-btn {
			width: 100%;
		}

		.index-login-link {
			display: block;
			margin-top: 11px;
			color: #2e6e9e;
			font-size: 10px;
			text-align: center;
			text-decoration: none;
		}

		.index-features {
			display: grid;
			grid-template-columns: repeat(4,minmax(0,1fr));
			gap: 12px;
			margin-bottom: 28px;
		}

		.index-feature {
			padding: 19px 16px;
			text-align: center;
		}

		.index-feature-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 46px;
			height: 46px;
			margin: 0 auto 10px;
			border-radius: 12px;
			background: #edf5fb;
			font-size: 23px;
		}

		.index-feature strong {
			display: block;
			color: #365f7d;
			font-size: 12px;
		}

		.index-feature p {
			margin: 6px 0 0;
			color: #7c888f;
			font-size: 10px;
			line-height: 1.45;
		}

		.index-how {
			padding: 24px;
		}

		.index-how h2 {
			margin: 0 0 18px;
			padding: 0;
			border: 0;
			background: none;
			color: #333;
			font-size: 20px;
			text-align: center;
		}

		.index-how-steps {
			display: grid;
			grid-template-columns: repeat(3,minmax(0,1fr));
			gap: 18px;
		}

		.index-how-step {
			position: relative;
			padding-left: 44px;
		}

		.index-how-number {
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 34px;
			height: 34px;
			border-radius: 50%;
			background: #5c9ccc;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
		}

		.index-how-step strong {
			display: block;
			color: #40535f;
			font-size: 12px;
		}

		.index-how-step p {
			margin: 4px 0 0;
			color: #7c888f;
			font-size: 10px;
			line-height: 1.4;
		}



		/* =========================================================
		   RESUMEN DE LA ÚLTIMA JORNADA
		   ========================================================= */

		.index-jornada-resumen {
			margin-bottom: 16px;
		}

		.index-jornada-resumen-cabecera {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 14px;
		}

		.index-jornada-resumen-etiqueta {
			margin-bottom: 4px;
			color: #7b8991;
			font-size: 9px;
			font-weight: bold;
			letter-spacing: .4px;
			text-transform: uppercase;
		}

		.index-jornada-resumen-puntos {
			flex: 0 0 auto;
			text-align: right;
		}

		.index-jornada-resumen-puntos strong {
			display: block;
			color: #2e6e9e;
			font-size: 27px;
			line-height: 1;
		}

		.index-jornada-resumen-puntos span {
			display: block;
			margin-top: 3px;
			color: #7b878f;
			font-size: 9px;
			text-transform: uppercase;
		}

		.index-jornada-resumen-datos {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			margin-top: 13px;
		}

		.index-jornada-resumen-dato {
			display: inline-flex;
			align-items: baseline;
			gap: 5px;
			padding: 6px 9px;
			border-radius: 7px;
			background: #f5f8fa;
			color: #6e7c84;
			font-size: 10px;
		}

		.index-jornada-resumen-dato strong {
			color: #365f7d;
			font-size: 12px;
		}

		.index-jornada-resumen-acciones {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			margin-top: 13px;
		}

		.index-jornada-resumen-acciones .index-btn {
			min-height: 34px;
			padding: 7px 11px;
			font-size: 10px;
		}


		/* =========================================================
		   RESPONSIVE
		   ========================================================= */

		@media(max-width:850px) {

			.index-page {
				padding-top: 20px;
			}

			.index-dashboard-grid,
			.index-public-hero {
				grid-template-columns: 1fr;
			}

			.index-public-hero {
				gap: 22px;
				padding: 24px;
			}

			.index-features {
				grid-template-columns: repeat(2,minmax(0,1fr));
			}
		}

		@media(max-width:600px) {

			.index-especiales-movil {
				display: block;
			}

			.index-especiales-desktop {
				display: none;
			}

			.index-page {
				padding: 16px 12px 30px;
			}

			.index-hero {
				margin-bottom: 20px;
			}

			.index-hero-icon {
				width: 54px;
				height: 54px;
				font-size: 26px;
			}

			.index-hero h1 {
				font-size: 22px;
			}

			.index-hero p {
				font-size: 12px;
			}

			.index-dashboard-summary {
				grid-template-columns: repeat(3,minmax(0,1fr));
				gap: 7px;
			}

			.index-summary-card {
				padding: 13px 7px;
			}

			.index-summary-value {
				font-size: 21px;
			}

			.index-summary-label {
				font-size: 9px;
			}

			.index-dashboard-card {
				padding: 15px;
			}

			.index-partidos {
				grid-template-columns: 1fr;
			}

			.index-actions {
				grid-template-columns: 1fr 1fr;
			}

			.index-public-hero {
				margin-top: 0;
				padding: 20px 17px;
			}

			.index-public-copy {
				text-align: center;
			}

			.index-public-copy h1 {
				font-size: 26px;
			}

			.index-public-copy .lead {
				font-size: 13px;
			}

			.index-public-tags,
			.index-public-cta {
				justify-content: center;
			}

			.index-features {
				grid-template-columns: 1fr 1fr;
				gap: 8px;
			}

			.index-feature {
				padding: 15px 10px;
			}

			.index-how {
				padding: 19px 16px;
			}

			.index-how-steps {
				grid-template-columns: 1fr;
				gap: 17px;
			}

			.index-jornada-resumen-puntos strong {
				font-size: 23px;
			}

			.index-jornada-resumen-acciones {
				display: grid;
				grid-template-columns: repeat(2,minmax(0,1fr));
			}

			.index-jornada-resumen-acciones .index-btn {
				width: 100%;
			}
		}
		
		
/* Ajustes de Próximos pronósticos en escritorio */
@media (min-width: 851px) {

    .index-partido-fecha {
        font-size: 9px;
        line-height: 1.2;
    }

    .index-partido-pendiente {
        font-size: 9px;
        line-height: 1.15;
        padding: 3px 6px;
    }

    .index-proximo-cierre-label {
        font-size: 6px;
        padding: 2px 6px;
    }
}