/* ============================================================
           unanimosports Schedule Widget
           Valores de referencia: unanimodeportes.com (verificados con Playwright)
           ============================================================ */

        /* Colores de marca unanimodeportes.com */
        .df-widgets[data-mode="light"] {
            --ud-primary: #ea0e28;      /* header cards, sombra */
            --ud-success: #ea0e28;      /* botÃģn de detalles */
            --ud-success-dim: #dc3545;  /* VS / marcador */
            --ud-text: #FFFFFF;
			--ud-textDark: #000;

            /* Variables que el widget consume internamente */
            --df-color-primary: var(--ud-primary);
            --df-color-success: var(--ud-success);
            --df-font-family: "Montserrat", "Arial", Helvetica, sans-serif;
        }

        /* Header de tarjeta (nombre del torneo) */
        .df-widgets .card.df-match-card .card-header {
            background-color: var(--df-color-primary) !important;
            color: var(--ud-text) !important;
        }

        /* BotÃģn de detalles (verde) */
        .df-widgets .df-match-card .btn-primary {
            background-color: var(--df-color-success) !important;
            border-color: var(--df-color-success) !important;
            color: var(--ud-text) !important;
            box-shadow: 0 2px 4px var(--df-color-primary) !important;
            width: 2em !important; /* 2x el font-size del boton (escala del widget); icono = 1.25em */
            margin: 0 auto !important; /* centrado en su columna */
        }
        .df-widgets .df-match-card .btn-primary:hover,
        .df-widgets .df-match-card .btn-primary:focus,
        .df-widgets .df-match-card .btn-primary:active {
            background-color: #01c96a !important;
            border-color: #01c96a !important;
        }

        /* VS / marcador */
        .df-widgets .df-match-card .col-2.text-center.px-0 span.mt-2,
        .df-widgets .df-match-card .col-2.text-center.px-0 span {
            color: var(--ud-success-dim) !important;
            font-family: "Montserrat", sans-serif !important;
            font-weight: 700 !important;
            font-size: 21px !important;
            line-height: 25px !important;
        }

        /* Nombres de equipo y hora del partido */
        .df-widgets .team-name,
        .df-widgets .match-time,
        .df-widgets .df-match-info {
            font-family: "Montserrat", sans-serif !important;
            font-weight: 700 !important;
            color: var(--df-color-primary) !important;
        }
        .df-widgets .team-name {
            text-transform: uppercase !important;
            font-size: 10px !important;
        }
		.df-widgets .table {
		--bs-table-color: var(--df-color-text, var(--bs-body-color));
		}
		
		.df-widgets .team-name, .df-widgets .match-time, .df-widgets .df-match-info {
			font-family: "Montserrat", sans-serif !important;
			font-weight: 700 !important;
			color: var(--ud-textDark) !important;
			}