.elementor-1594 .elementor-element.elementor-element-37c8dba{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1594 .elementor-element.elementor-element-37c8dba:not(.elementor-motion-effects-element-type-background), .elementor-1594 .elementor-element.elementor-element-37c8dba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thepodium.pro/wp-content/uploads/2026/02/main-home-rev.jpg");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-1594 .elementor-element.elementor-element-37c8dba::before, .elementor-1594 .elementor-element.elementor-element-37c8dba > .elementor-background-video-container::before, .elementor-1594 .elementor-element.elementor-element-37c8dba > .e-con-inner > .elementor-background-video-container::before, .elementor-1594 .elementor-element.elementor-element-37c8dba > .elementor-background-slideshow::before, .elementor-1594 .elementor-element.elementor-element-37c8dba > .e-con-inner > .elementor-background-slideshow::before, .elementor-1594 .elementor-element.elementor-element-37c8dba > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#05080A;--background-overlay:'';}.elementor-1594 .elementor-element.elementor-element-bd97dc0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1594 .elementor-element.elementor-element-0fec99c img{width:180px;border-style:solid;border-width:1px 1px 1px 1px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1594 .elementor-element.elementor-element-973fefb .elementor-heading-title{font-family:"Saira Condensed", Sans-serif;font-size:3vw;font-weight:900;text-transform:uppercase;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1594 .elementor-element.elementor-element-ad8e4ae{text-align:start;}.elementor-1594 .elementor-element.elementor-element-ad8e4ae .elementor-heading-title{font-family:"Saira Condensed", Sans-serif;font-size:4vw;font-weight:700;letter-spacing:-3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-1594 .elementor-element.elementor-element-2271c3c{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1594 .elementor-element.elementor-element-fe3e8b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1594 .elementor-element.elementor-element-fe3e8b9:not(.elementor-motion-effects-element-type-background), .elementor-1594 .elementor-element.elementor-element-fe3e8b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F4F6;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1594 .elementor-element.elementor-element-927949f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1594 .elementor-element.elementor-element-499b95b{padding:0px 0px 25px 0px;text-align:center;}.elementor-1594 .elementor-element.elementor-element-499b95b .elementor-heading-title{font-family:"Saira Condensed", Sans-serif;font-size:2rem;font-weight:700;letter-spacing:-1px;color:#000000;}.elementor-1594 .elementor-element.elementor-element-a31c1ca{padding:0px 0px 25px 0px;text-align:center;}.elementor-1594 .elementor-element.elementor-element-a31c1ca .elementor-heading-title{font-family:"Saira Condensed", Sans-serif;font-size:2rem;font-weight:700;letter-spacing:-1px;color:#000000;}.elementor-1594 .elementor-element.elementor-element-a237cd8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1594 .elementor-element.elementor-element-2b82736{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1594 .elementor-element.elementor-element-6dc3918{padding:0px 0px 25px 0px;text-align:center;}.elementor-1594 .elementor-element.elementor-element-6dc3918 .elementor-heading-title{font-family:"Saira Condensed", Sans-serif;font-size:2rem;font-weight:700;letter-spacing:-1px;color:#000000;}.elementor-1594 .elementor-element.elementor-element-d5ce1e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1594 .elementor-element.elementor-element-b8265a6{padding:0px 0px 25px 0px;text-align:center;}.elementor-1594 .elementor-element.elementor-element-b8265a6 .elementor-heading-title{font-family:"Saira Condensed", Sans-serif;font-size:2rem;font-weight:700;letter-spacing:-1px;color:#000000;}.elementor-1594 .elementor-element.elementor-element-6fa37af{--display:flex;}.elementor-1594 .elementor-element.elementor-element-dca61df{--display:flex;}.elementor-1594 .elementor-element.elementor-element-013d132{--display:flex;}.elementor-1594 .elementor-element.elementor-element-5604607{--display:flex;}.elementor-1594 .elementor-element.elementor-element-991f323{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-1594 .elementor-element.elementor-element-991f323 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-1594 .elementor-element.elementor-element-991f323.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#C6A664;}.elementor-1594 .elementor-element.elementor-element-991f323.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1594 .elementor-element.elementor-element-991f323.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#000000;}.elementor-1594 .elementor-element.elementor-element-991f323.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Saira Condensed", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-1594 .elementor-element.elementor-element-991f323 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}@media(max-width:767px){.elementor-1594 .elementor-element.elementor-element-bd97dc0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1594 .elementor-element.elementor-element-973fefb.elementor-element{--order:-99999 /* order start hack */;}.elementor-1594 .elementor-element.elementor-element-973fefb .elementor-heading-title{font-size:12vw;}.elementor-1594 .elementor-element.elementor-element-ad8e4ae{text-align:center;}.elementor-1594 .elementor-element.elementor-element-ad8e4ae .elementor-heading-title{font-size:2rem;}.elementor-1594 .elementor-element.elementor-element-fe3e8b9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1594 .elementor-element.elementor-element-a237cd8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1594 .elementor-element.elementor-element-37c8dba{--content-width:1300px;}.elementor-1594 .elementor-element.elementor-element-fe3e8b9{--content-width:1300px;}.elementor-1594 .elementor-element.elementor-element-2b82736{--width:100%;}.elementor-1594 .elementor-element.elementor-element-d5ce1e7{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-499b95b *//* =========================================
   ESTILO DE TÍTULO: EL PODIO (MODO TELEVISIÓN)
   ========================================= */
.titulo-estilo-podio .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #FFFFFF !important; /* Texto blanco puro */
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    font-style: italic !important; /* Inclinación del texto */
    text-transform: uppercase;
    padding: 12px 45px !important; /* Espaciado interno para respirar */
    margin: 15px 20px !important; /* Margen para no cortar la sombra */
    z-index: 1;
    letter-spacing: 1px;
}

/* El bloque amarillo inclinado con sombra blanca */
.titulo-estilo-podio .elementor-heading-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #C6A664; /* El Dorado The Podium */
    transform: skewX(-15deg); /* El corte diagonal agresivo */
    z-index: -1;
    box-shadow: 6px 6px 0px 0px #FFFFFF; /* La sombra blanca sólida tridimensional */
    transition: all 0.3s ease;
}

/* Ajuste para celulares */
@media (max-width: 768px) {
    .titulo-estilo-podio .elementor-heading-title {
        font-size: 28px !important;
        padding: 10px 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e6b2982 *//* === WIDGET PRÓXIMO PARTIDO (LIMPIEZA TOTAL) === */

/* 1. EL CONTENEDOR (La Tarjeta Única) */
.sp-template-countdown .sp-countdown-wrapper {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important; /* Solo este borde exterior se queda */
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 40px 20px !important;
    position: relative !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
}

/* 2. LIMPIEZA DE LÍNEAS INTERNAS (La Solución) */
/* Borramos cualquier borde que el tema intente ponerle al título o al bloque */
.sp-template-countdown h3.event-name,
.sp-template-countdown .countdown,
.sp-template-countdown time {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important; /* Sin fondos grises raros */
    box-shadow: none !important;
}

/* 3. TÍTULO DEL PARTIDO */
.sp-template-countdown h3.event-name {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    position: static !important;
}

.sp-template-countdown h3.event-name a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-transform: uppercase;
    color: #0F172A !important;
    text-decoration: none !important;
    display: block;
}

/* 4. LOGOS (FLOTANTES) */
.sp-template-countdown .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10;
    border: none !important; /* Asegurar que el logo no tenga marco */
}

/* LOGO IZQUIERDO */
.sp-template-countdown .logo-odd {
    left: 30px !important;
    right: auto !important;
}

/* LOGO DERECHO */
.sp-template-countdown .logo-even {
    right: 30px !important;
    left: auto !important;
}

/* IMAGEN DEL LOGO */
.sp-template-countdown .team-logo img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
    display: block !important;
    border: none !important;
    box-shadow: none !important; /* Quitar borde cuadrado si lo hay */
}

/* 5. EL CONTADOR (Flexbox) */
.sp-template-countdown time {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
}

/* 6. LAS CAJAS DE TIEMPO */
.sp-template-countdown time span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
    background: #FFFFFF !important; /* Blanco limpio o #F8FAFC si quieres gris suave */
    border: 1px solid #E2E8F0 !important; /* Borde suave solo para los cuadritos */
    border-radius: 10px !important;
    width: 75px !important;
    height: 70px !important;
    margin: 0 !important;
}

/* NÚMERO */
.sp-template-countdown time span {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 800 !important;
    font-size: 26px !important;
    color: #0F172A !important;
    line-height: 1.1 !important;
}

/* TEXTO PEQUEÑO */
.sp-template-countdown time span small {
    display: block !important;
    font-family: 'Saira Condensed', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    color: #94A3B8 !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
}

/* 7. BORDE DORADO SUPERIOR (Marca) */
.sp-template-countdown .sp-countdown-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #C6A664;
    border-radius: 0 0 4px 4px;
}

/* === MÓVIL === */
@media (max-width: 600px) {
    .sp-template-countdown .sp-countdown-wrapper {
        padding-top: 80px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sp-template-countdown .team-logo {
        top: 25px !important;
        transform: none !important;
    }
    .sp-template-countdown .logo-odd {
        left: 50% !important;
        margin-left: -50px !important;
    }
    .sp-template-countdown .logo-even {
        right: 50% !important;
        margin-right: -50px !important;
    }
    .sp-template-countdown time span {
        width: 60px !important;
        height: 60px !important;
        font-size: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a997836 *//* === WIDGET ÚLTIMO PARTIDO (PREMIUM SCOREBOARD) === */

/* 1. CONTENEDOR DE LA TARJETA */
.alkindi-last-match-widget table {
    width: 100% !important;
    border-collapse: separate !important; /* Necesario para border-radius */
    border-spacing: 0 !important;
    background: transparent !important;
    border: none !important;
    margin-top: 10px;
}

/* Ocultar encabezados de tabla inútiles */
.alkindi-last-match-widget thead { display: none !important; }

/* 2. LA TARJETA (Celda principal) */
/* Convertimos la celda en un contenedor Flex para mover cosas */
.alkindi-last-match-widget tbody td {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative !important; /* Para posicionar logos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 30px 20px !important;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.06) !important;
    transition: transform 0.3s ease;
}

/* Efecto Hover sutil */
.alkindi-last-match-widget tbody td:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1) !important;
    border-color: #CBD5E1 !important;
}

/* === REORDENAMIENTO DE ELEMENTOS (LA MAGIA) === */

/* 3. FECHA (Arriba del todo) */
.alkindi-last-match-widget .sp-event-date {
    order: 1 !important; /* Primero */
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #94A3B8 !important;
    margin-bottom: 5px !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 20px;
}
.alkindi-last-match-widget .sp-event-date a { color: #94A3B8 !important; text-decoration: none; }

/* 4. TÍTULO "MÉXICO VS SUDÁFRICA" (Debajo de la fecha) */
.alkindi-last-match-widget .sp-event-title {
    order: 2 !important; /* Segundo */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    color: #334155 !important;
    margin: 0 0 15px 0 !important; /* Espacio antes del marcador */
}
.alkindi-last-match-widget .sp-event-title a { color: #334155 !important; text-decoration: none; }

/* 5. EL MARCADOR "2 - 0" (Gigante y Central) */
.alkindi-last-match-widget .sp-event-results {
    order: 3 !important; /* Tercero */
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit si prefieres */
    font-weight: 800 !important;
    font-size: 52px !important; /* GIGANTE */
    line-height: 1 !important;
    color: #0F172A !important;
    margin: 10px 0 !important;
    letter-spacing: -2px; /* Números pegaditos estilo TV */
}
.alkindi-last-match-widget .sp-event-results a { color: #0F172A !important; text-decoration: none; }

/* Colorear el resultado ganador (Opcional, si el theme lo soporta) */
.alkindi-last-match-widget .sp-result.ok { color: #059669 !important; } /* Verde para el ganador */


/* 6. LOS LOGOS (Posicionamiento Absoluto a los lados) */
/* Esto crea el efecto: Logo --- Marcador --- Logo */

/* Logo Izquierdo (Local) */
.alkindi-last-match-widget .team-logo.logo-odd {
    position: absolute !important;
    left: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Logo Derecho (Visitante) */
.alkindi-last-match-widget .team-logo.logo-even {
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Estilo de la imagen del logo */
.alkindi-last-match-widget .team-logo img {
    width: 60px !important; /* Tamaño generoso */
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra al logo */
}

/* Ocultar el recinto (Estadio) para limpieza */
.alkindi-last-match-widget .sp-event-venue { display: none !important; }


/* === RESPONSIVE (Móvil) === */
/* En móvil, los logos flotantes se ven mal. Los pasamos abajo. */
@media (max-width: 500px) {
    .alkindi-last-match-widget tbody td {
        padding: 20px 10px !important;
    }

    /* Quitamos posición absoluta */
    .alkindi-last-match-widget .team-logo.logo-odd,
    .alkindi-last-match-widget .team-logo.logo-even {
        position: static !important;
        transform: none !important;
        order: 4 !important; /* Mandar al final */
        margin: 10px 15px !important;
        display: inline-block !important;
    }
    
    /* Contenedor para que queden juntos abajo */
    /* No podemos crear contenedor, así que jugamos con margins */
    
    .alkindi-last-match-widget .sp-event-results {
        font-size: 40px !important; /* Un poco más chico */
    }
    
    /* Título más chico */
    .alkindi-last-match-widget .sp-event-title {
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a07539 *//* === MINI TABLA DE GRUPO (WIDGET COMPACTO) === */

/* 1. Contenedor ajustado */
.alkindi-mini-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* Sombra muy suave */
    margin-top: 10px;
}

/* 2. Encabezados (Pequeños y Limpios) */
.alkindi-mini-table thead th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    border-bottom: 1px solid #e2e8f0;
    text-align: center !important;
}

/* 3. Celdas (Ajustadas) */
.alkindi-mini-table tbody td {
    padding: 8px 5px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f1f5f9;
    text-align: center;
}

/* 4. Columna NOMBRE (Alinear izq y negrita) */
.alkindi-mini-table td.data-name {
    text-align: left !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 600;
    color: #334155;
}
.alkindi-mini-table td.data-name a { color: #334155; text-decoration: none; }

/* 5. Columna PUNTOS (Destacar) */
.alkindi-mini-table td.data-pts {
    background: #f1f5f9 !important;
    font-weight: 800 !important;
    color: #000 !important;
    width: 40px; /* Ancho fijo */
}

/* 6. FOTO DEL EQUIPO (Pequeña) */
.alkindi-mini-table .team-logo img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    vertical-align: middle;
}

/* 7. BORDE IZQUIERDO MARCA (Solo al líder) */
.alkindi-mini-table tbody tr:first-child td:first-child {
    border-left: 3px solid #C6A664 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7db66ea *//* 2. Estilo de cada Fila (Cada Partido) */
.sp-event-list tbody tr {
    transition: transform 0.2s, box-shadow 0.2s;
}
/* === LISTA DE PARTIDOS ESTILO "MATCH CARD" (Logos en Extremos) === */

/* === 2. ANTI-ZEBRA (ELIMINAR EL FONDO GRISÁCEO) === */
/* Esto mata la regla que me mostraste y fuerza blanco en todas las filas */
table.sp-event-list tbody tr:nth-child(odd) td,
table.sp-event-list tbody tr:nth-child(even) td,
table.sp-event-list tbody tr td {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* 1. ROMPER LA TABLA (Para poder mover cosas libremente) */
table.sp-event-list {
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Separación entre tarjetas */
    background: transparent !important;
    margin-top: -10px !important;
}
table.sp-event-list thead { display: none !important; }

/* 2. LA TARJETA (FILA) */
table.sp-event-list tbody tr {
    display: flex !important; /* Flexbox para centrar contenido */
    flex-direction: column !important; /* Apilar: Fecha -> Título -> Hora */
    align-items: center !important;
    justify-content: center !important;
    position: relative !important; /* CLAVE para los logos absolutos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 25px 80px !important; /* 80px a los lados para dejar sitio a los logos */
    min-height: 100px; /* Altura mínima para que respire */
    transition: transform 0.2s;
    margin-top: 15px !important;
}

/* Hover */
table.sp-event-list tbody tr:hover {
    transform: translateY(-3px) !important;
    border-color: #CBD5E1 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
}


/* === 3. LOGOS EN LOS EXTREMOS (La clave del diseño) === */

/* Primero, aseguramos que los logos se salgan del flujo del texto */
table.sp-event-list .data-event .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5;
}

/* LOGO IZQUIERDO (Local) */
table.sp-event-list .data-event .team-logo:first-child {
    left: 25px !important; /* Pegado a la izquierda */
}

/* LOGO DERECHO (Visitante) */
table.sp-event-list .data-event .team-logo:nth-child(2) {
    right: 25px !important; /* Pegado a la derecha */
    margin: 0 !important; /* Quitar márgenes raros */
}

/* TAMAÑO DE LOGOS */
table.sp-event-list .team-logo img {
    width: 55px !important; /* Grandes y visibles */
    height: 55px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra bonita */
}


/* === 4. CONTENIDO CENTRAL (Fecha, Título, Hora) === */

/* A. FECHA (Arriba del todo, pequeña) */
table.sp-event-list .data-date {
    order: 1 !important;
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    border: none !important;
}
table.sp-event-list .data-date a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 14px !important;
    color: #94A3B8 !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase!important;
    text-decoration: none !important;
    font-weight: 600!important;
}
/* Ocultar la fecha duplicada del sistema */
table.sp-event-list date { display: none !important; }


/* B. TÍTULO DEL PARTIDO (Centro) */
table.sp-event-list .data-event {
    order: 2 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
}
table.sp-event-list .data-event a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important; /* Grande */
    color: #0F172A !important;
    text-decoration: none !important;
    text-transform: uppercase;
    display: block; /* Para que ocupe su línea */
}


/* C. HORA / RESULTADO (Abajo, Grande) */
table.sp-event-list .data-time {
    order: 3 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    margin-top: 5px !important;
    text-align: center !important;
}

/* Estilo para el Marcador/Hora */
table.sp-event-list .data-time a {
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit */
    font-weight: 800 !important; /* Muy grueso */
    font-size: 28px !important; /* TAMAÑO MARCADOR */
    color: #0F172A !important; /* Negro o Verde si ganó */
    text-decoration: none !important;
    line-height: 1;
}

/* Si es un botón de "Vista Previa" (Artículo), lo ocultamos o movemos */
/* En este diseño limpio, el botón suele sobrar, pero si lo quieres, avísame */
table.sp-event-list .data-article { display: none !important; }


/* === LIMPIEZA === */
/* Ocultar columnas que no caben en este diseño zen */
table.sp-event-list .data-league,
table.sp-event-list .data-season,
table.sp-event-list .data-venue,
table.sp-event-list .data-day {
    display: none !important;
}

/* === MÓVIL (Ajuste para pantallas pequeñas) === */
@media (max-width: 600px) {
    /* En móvil reducimos el padding lateral para que los logos no aplasten el texto */
    table.sp-event-list tbody tr {
        padding: 20px 10px !important; 
        padding-top: 60px !important; /* Espacio arriba para los logos */
    }
    
    /* Logos arriba en vez de a los lados (Para que no se vea apretado) */
    table.sp-event-list .data-event .team-logo {
        top: 20px !important; /* Pegados arriba */
        transform: none !important;
    }
    table.sp-event-list .data-event .team-logo:first-child { left: 30% !important; margin-left: -20px !important; }
    table.sp-event-list .data-event .team-logo:nth-child(2) { right: 30% !important; margin-right: -20px !important; }
    
    /* Texto un poco más chico */
    table.sp-event-list .data-event a { font-size: 16px !important; margin-top: 10px; }
    table.sp-event-list .data-time a { font-size: 22px !important; }
}
/* Efecto Hover: Resaltar al pasar el mouse */
.sp-event-list tbody tr:hover {
    transform: translateY(-5px); /* Pequeño movimiento a la derecha */
    border-left: 4px solid #0F172A; /* Borde de acento */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}


/* === RESPONSIVE (Móvil) === */
@media (max-width: 767px) {
    .sp-event-list tbody tr {
        flex-wrap: wrap; /* Permitir que baje contenido */
        padding: 15px;
    }
    .sp-event-list td.data-date {
        width: 100% !important;
        margin-bottom: 10px;
        font-size: 11px !important;
        color: #94A3B8;
    }
    .sp-event-list td.data-event {
        width: 70% !important;
        text-align: left;
    }
    .sp-event-list td.data-event a {
        justify-content: flex-start; /* Alinear a la izquierda en móvil */
        font-size: 14px !important;
    }
    .sp-event-list td.data-time {
        width: 30% !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd03cf5 *//* === THE PODIUM: TABLA LIGHT CLEAN (Estilo FIFA/GoalKick) BLINDADA === */

/* 1. CONTENEDOR Y LIMPIEZA */
.elementor-widget-shortcode .sp-template-league-table,
.elementor-widget-shortcode .dataTables_wrapper {
    background: #FFFFFF !important; 
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important; 
    margin-bottom: 30px !important;
}

/* === TÍTULO DE TABLA: ESTILO "CHAMPION BAR" === */
h4.sp-table-caption {
    background-color: #05080A !important; 
    color: #FFFFFF !important; 
    display: block !important; 
    
    font-family: 'Saira Condensed', sans-serif !important; 
    font-weight: 900 !important;
    font-size: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    padding: 18px 25px !important; 
    margin-bottom: 0 !important; 
    
    border-radius: 8px 8px 0 0 !important; 
    border-left: 6px solid #C6A664 !important; 
    border-bottom: 2px solid #C6A664 !important; 
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

/* PEQUEÑO AJUSTE EXTRA: Quitar el borde superior de la tabla para que se fusionen */
.sp-table-wrapper {
    border-top: none !important;
}

/* 2. TABLA PRINCIPAL */
table.sp-league-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 3. ENCABEZADOS (HEADERS) */
table.sp-league-table thead th {
    background-color: transparent !important;
    border-bottom: 2px solid #E0E0E0 !important; 
    border-top: none !important;
    color: #666666 !important; 
    
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alineación Equipo */
table.sp-league-table thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 4. FILAS (ROWS) */
table.sp-league-table tbody tr {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important; 
    transition: background-color 0.2s ease !important;
}

/* Hover Simple (Sin movimiento, solo color) */
table.sp-league-table tbody tr:hover {
    background-color: #F9F9F9 !important; 
    transform: none !important; 
}

/* 5. RESALTADO DE CLASIFICADOS (1º y 2º Lugar) */
/* Primer Lugar (Posición 1) */
table.sp-league-table tbody tr:nth-child(1) {
    background-color: rgba(198, 166, 100, 0.1) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* Segundo Lugar (Posición 2) */
table.sp-league-table tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* 6. CELDAS DE DATOS */
table.sp-league-table tbody td {
    color: #444444 !important; 
    font-family: 'Barlow', sans-serif !important;
    font-size: 15px !important;
    padding: 12px 5px !important; 
    text-align: center !important;
    vertical-align: middle !important;
}

/* POSICIÓN (1, 2, 3...) */
table.sp-league-table tbody td.data-rank {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 800 !important;
    color: #999 !important;
    font-size: 16px !important;
}

/* EQUIPO (Nombre + Logo) */
table.sp-league-table tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; 
}

/* Enlaces limpios */
table.sp-league-table tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none !important;
}

/* LOGOS */
table.sp-league-table .team-logo img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    margin-right: 12px !important;
    vertical-align: middle !important;
    filter: none !important; 
}

/* PUNTOS (PTS) */
table.sp-league-table tbody td.data-pts {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #000000 !important; 
    background-color: #F5F5F5 !important; 
}

/* DATOS SECUNDARIOS (G, E, P...) */
table.sp-league-table tbody td.data-g,
table.sp-league-table tbody td.data-e,
table.sp-league-table tbody td.data-p,
table.sp-league-table tbody td.data-gf,
table.sp-league-table tbody td.data-gc {
    color: #777 !important; 
    font-size: 14px !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .elementor-widget-shortcode .sp-template-league-table {
        padding: 10px !important; 
    }
    .sp-scrollable-table-wrapper {
        overflow-x: auto !important;
    }
    table.sp-league-table tbody td {
        padding: 10px 4px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-dc6f9d5 *//* === SOLO ESTE CÓDIGO DEBE EXISTIR (TABLA SAIRA FINAL) === */

/* 1. CONTENEDOR (Estilo Grupo) */
.sp-template-player-list table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    margin-top: 10px !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 2. ENCABEZADOS (SAIRA CONDENSED - Gris Oscuro) */
.sp-template-player-list thead th {
    background-color: transparent !important; /* Transparente para limpieza */
    border-bottom: 2px solid #E0E0E0 !important;
    color: #666666 !important;
    
    /* LA FUENTE QUE QUEREMOS */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alinear "JUGADOR" a la izquierda */
.sp-template-player-list thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 3. FILAS */
.sp-template-player-list tbody tr {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important;
    transition: background 0.2s;
}
.sp-template-player-list tbody tr:hover td {
    background-color: #F9F9F9 !important;
}

/* 4. CELDAS GENERALES */
.sp-template-player-list tbody td {
    padding: 12px 5px !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: #444444 !important;
    font-family: 'Barlow', sans-serif !important; /* Números limpios */
    font-size: 15px !important;
}

/* 5. JUGADOR (Nombre + Foto) - SAIRA CONDENSED */
.sp-template-player-list tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    
    font-family: 'Saira Condensed', sans-serif !important; /* TU MARCA */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; /* Negro Puro */
}
.sp-template-player-list tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none;
}

/* FOTO */
.sp-template-player-list .player-photo img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 12px !important;
    vertical-align: middle;
}

/* 6. EL LÍDER (Borde Dorado) */
.sp-template-player-list tbody tr:first-child {
    background-color: rgba(198, 166, 100, 0.1) !important;
    border-left: 3px solid #C6A664 !important;
}
.sp-template-player-list tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important;
    border-left: 3px solid #C6A664 !important;
}

/* 7. COLUMNAS DE DATOS */

/* RANGO (#) */
.sp-template-player-list td.data-rank {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 800;
    color: #999 !important;
    font-size: 16px !important;
}

/* GOLES (Negro Fuerte sobre Gris Suave) */
.sp-template-player-list td.data-goals {
    color: #000000 !important; /* NEGRO */
    font-weight: 900 !important;
    font-size: 16px !important;
    background-color: #F5F5F5 !important;
}

/* TARJETAS */
.sp-template-player-list td.data-tarjetasamarillas { color: #D97706 !important; font-weight: 700; }
.sp-template-player-list td.data-tarjetasrojas { color: #DC2626 !important; font-weight: 700; }

/* OCULTAR BANDERA */
.sp-template-player-list .player-flag { display: none !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-499b95b *//* =========================================
   ESTILO DE TÍTULO: EL PODIO (MODO TELEVISIÓN)
   ========================================= */
.titulo-estilo-podio .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #FFFFFF !important; /* Texto blanco puro */
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    font-style: italic !important; /* Inclinación del texto */
    text-transform: uppercase;
    padding: 12px 45px !important; /* Espaciado interno para respirar */
    margin: 15px 20px !important; /* Margen para no cortar la sombra */
    z-index: 1;
    letter-spacing: 1px;
}

/* El bloque amarillo inclinado con sombra blanca */
.titulo-estilo-podio .elementor-heading-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #C6A664; /* El Dorado The Podium */
    transform: skewX(-15deg); /* El corte diagonal agresivo */
    z-index: -1;
    box-shadow: 6px 6px 0px 0px #FFFFFF; /* La sombra blanca sólida tridimensional */
    transition: all 0.3s ease;
}

/* Ajuste para celulares */
@media (max-width: 768px) {
    .titulo-estilo-podio .elementor-heading-title {
        font-size: 28px !important;
        padding: 10px 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e6b2982 *//* === WIDGET PRÓXIMO PARTIDO (LIMPIEZA TOTAL) === */

/* 1. EL CONTENEDOR (La Tarjeta Única) */
.sp-template-countdown .sp-countdown-wrapper {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important; /* Solo este borde exterior se queda */
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 40px 20px !important;
    position: relative !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
}

/* 2. LIMPIEZA DE LÍNEAS INTERNAS (La Solución) */
/* Borramos cualquier borde que el tema intente ponerle al título o al bloque */
.sp-template-countdown h3.event-name,
.sp-template-countdown .countdown,
.sp-template-countdown time {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important; /* Sin fondos grises raros */
    box-shadow: none !important;
}

/* 3. TÍTULO DEL PARTIDO */
.sp-template-countdown h3.event-name {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    position: static !important;
}

.sp-template-countdown h3.event-name a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-transform: uppercase;
    color: #0F172A !important;
    text-decoration: none !important;
    display: block;
}

/* 4. LOGOS (FLOTANTES) */
.sp-template-countdown .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10;
    border: none !important; /* Asegurar que el logo no tenga marco */
}

/* LOGO IZQUIERDO */
.sp-template-countdown .logo-odd {
    left: 30px !important;
    right: auto !important;
}

/* LOGO DERECHO */
.sp-template-countdown .logo-even {
    right: 30px !important;
    left: auto !important;
}

/* IMAGEN DEL LOGO */
.sp-template-countdown .team-logo img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
    display: block !important;
    border: none !important;
    box-shadow: none !important; /* Quitar borde cuadrado si lo hay */
}

/* 5. EL CONTADOR (Flexbox) */
.sp-template-countdown time {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
}

/* 6. LAS CAJAS DE TIEMPO */
.sp-template-countdown time span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
    background: #FFFFFF !important; /* Blanco limpio o #F8FAFC si quieres gris suave */
    border: 1px solid #E2E8F0 !important; /* Borde suave solo para los cuadritos */
    border-radius: 10px !important;
    width: 75px !important;
    height: 70px !important;
    margin: 0 !important;
}

/* NÚMERO */
.sp-template-countdown time span {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 800 !important;
    font-size: 26px !important;
    color: #0F172A !important;
    line-height: 1.1 !important;
}

/* TEXTO PEQUEÑO */
.sp-template-countdown time span small {
    display: block !important;
    font-family: 'Saira Condensed', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    color: #94A3B8 !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
}

/* 7. BORDE DORADO SUPERIOR (Marca) */
.sp-template-countdown .sp-countdown-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #C6A664;
    border-radius: 0 0 4px 4px;
}

/* === MÓVIL === */
@media (max-width: 600px) {
    .sp-template-countdown .sp-countdown-wrapper {
        padding-top: 80px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sp-template-countdown .team-logo {
        top: 25px !important;
        transform: none !important;
    }
    .sp-template-countdown .logo-odd {
        left: 50% !important;
        margin-left: -50px !important;
    }
    .sp-template-countdown .logo-even {
        right: 50% !important;
        margin-right: -50px !important;
    }
    .sp-template-countdown time span {
        width: 60px !important;
        height: 60px !important;
        font-size: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a997836 *//* === WIDGET ÚLTIMO PARTIDO (PREMIUM SCOREBOARD) === */

/* 1. CONTENEDOR DE LA TARJETA */
.alkindi-last-match-widget table {
    width: 100% !important;
    border-collapse: separate !important; /* Necesario para border-radius */
    border-spacing: 0 !important;
    background: transparent !important;
    border: none !important;
    margin-top: 10px;
}

/* Ocultar encabezados de tabla inútiles */
.alkindi-last-match-widget thead { display: none !important; }

/* 2. LA TARJETA (Celda principal) */
/* Convertimos la celda en un contenedor Flex para mover cosas */
.alkindi-last-match-widget tbody td {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative !important; /* Para posicionar logos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 30px 20px !important;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.06) !important;
    transition: transform 0.3s ease;
}

/* Efecto Hover sutil */
.alkindi-last-match-widget tbody td:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1) !important;
    border-color: #CBD5E1 !important;
}

/* === REORDENAMIENTO DE ELEMENTOS (LA MAGIA) === */

/* 3. FECHA (Arriba del todo) */
.alkindi-last-match-widget .sp-event-date {
    order: 1 !important; /* Primero */
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #94A3B8 !important;
    margin-bottom: 5px !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 20px;
}
.alkindi-last-match-widget .sp-event-date a { color: #94A3B8 !important; text-decoration: none; }

/* 4. TÍTULO "MÉXICO VS SUDÁFRICA" (Debajo de la fecha) */
.alkindi-last-match-widget .sp-event-title {
    order: 2 !important; /* Segundo */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    color: #334155 !important;
    margin: 0 0 15px 0 !important; /* Espacio antes del marcador */
}
.alkindi-last-match-widget .sp-event-title a { color: #334155 !important; text-decoration: none; }

/* 5. EL MARCADOR "2 - 0" (Gigante y Central) */
.alkindi-last-match-widget .sp-event-results {
    order: 3 !important; /* Tercero */
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit si prefieres */
    font-weight: 800 !important;
    font-size: 52px !important; /* GIGANTE */
    line-height: 1 !important;
    color: #0F172A !important;
    margin: 10px 0 !important;
    letter-spacing: -2px; /* Números pegaditos estilo TV */
}
.alkindi-last-match-widget .sp-event-results a { color: #0F172A !important; text-decoration: none; }

/* Colorear el resultado ganador (Opcional, si el theme lo soporta) */
.alkindi-last-match-widget .sp-result.ok { color: #059669 !important; } /* Verde para el ganador */


/* 6. LOS LOGOS (Posicionamiento Absoluto a los lados) */
/* Esto crea el efecto: Logo --- Marcador --- Logo */

/* Logo Izquierdo (Local) */
.alkindi-last-match-widget .team-logo.logo-odd {
    position: absolute !important;
    left: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Logo Derecho (Visitante) */
.alkindi-last-match-widget .team-logo.logo-even {
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Estilo de la imagen del logo */
.alkindi-last-match-widget .team-logo img {
    width: 60px !important; /* Tamaño generoso */
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra al logo */
}

/* Ocultar el recinto (Estadio) para limpieza */
.alkindi-last-match-widget .sp-event-venue { display: none !important; }


/* === RESPONSIVE (Móvil) === */
/* En móvil, los logos flotantes se ven mal. Los pasamos abajo. */
@media (max-width: 500px) {
    .alkindi-last-match-widget tbody td {
        padding: 20px 10px !important;
    }

    /* Quitamos posición absoluta */
    .alkindi-last-match-widget .team-logo.logo-odd,
    .alkindi-last-match-widget .team-logo.logo-even {
        position: static !important;
        transform: none !important;
        order: 4 !important; /* Mandar al final */
        margin: 10px 15px !important;
        display: inline-block !important;
    }
    
    /* Contenedor para que queden juntos abajo */
    /* No podemos crear contenedor, así que jugamos con margins */
    
    .alkindi-last-match-widget .sp-event-results {
        font-size: 40px !important; /* Un poco más chico */
    }
    
    /* Título más chico */
    .alkindi-last-match-widget .sp-event-title {
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a07539 *//* === MINI TABLA DE GRUPO (WIDGET COMPACTO) === */

/* 1. Contenedor ajustado */
.alkindi-mini-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* Sombra muy suave */
    margin-top: 10px;
}

/* 2. Encabezados (Pequeños y Limpios) */
.alkindi-mini-table thead th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    border-bottom: 1px solid #e2e8f0;
    text-align: center !important;
}

/* 3. Celdas (Ajustadas) */
.alkindi-mini-table tbody td {
    padding: 8px 5px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f1f5f9;
    text-align: center;
}

/* 4. Columna NOMBRE (Alinear izq y negrita) */
.alkindi-mini-table td.data-name {
    text-align: left !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 600;
    color: #334155;
}
.alkindi-mini-table td.data-name a { color: #334155; text-decoration: none; }

/* 5. Columna PUNTOS (Destacar) */
.alkindi-mini-table td.data-pts {
    background: #f1f5f9 !important;
    font-weight: 800 !important;
    color: #000 !important;
    width: 40px; /* Ancho fijo */
}

/* 6. FOTO DEL EQUIPO (Pequeña) */
.alkindi-mini-table .team-logo img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    vertical-align: middle;
}

/* 7. BORDE IZQUIERDO MARCA (Solo al líder) */
.alkindi-mini-table tbody tr:first-child td:first-child {
    border-left: 3px solid #C6A664 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7db66ea *//* 2. Estilo de cada Fila (Cada Partido) */
.sp-event-list tbody tr {
    transition: transform 0.2s, box-shadow 0.2s;
}
/* === LISTA DE PARTIDOS ESTILO "MATCH CARD" (Logos en Extremos) === */

/* === 2. ANTI-ZEBRA (ELIMINAR EL FONDO GRISÁCEO) === */
/* Esto mata la regla que me mostraste y fuerza blanco en todas las filas */
table.sp-event-list tbody tr:nth-child(odd) td,
table.sp-event-list tbody tr:nth-child(even) td,
table.sp-event-list tbody tr td {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* 1. ROMPER LA TABLA (Para poder mover cosas libremente) */
table.sp-event-list {
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Separación entre tarjetas */
    background: transparent !important;
    margin-top: -10px !important;
}
table.sp-event-list thead { display: none !important; }

/* 2. LA TARJETA (FILA) */
table.sp-event-list tbody tr {
    display: flex !important; /* Flexbox para centrar contenido */
    flex-direction: column !important; /* Apilar: Fecha -> Título -> Hora */
    align-items: center !important;
    justify-content: center !important;
    position: relative !important; /* CLAVE para los logos absolutos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 25px 80px !important; /* 80px a los lados para dejar sitio a los logos */
    min-height: 100px; /* Altura mínima para que respire */
    transition: transform 0.2s;
    margin-top: 15px !important;
}

/* Hover */
table.sp-event-list tbody tr:hover {
    transform: translateY(-3px) !important;
    border-color: #CBD5E1 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
}


/* === 3. LOGOS EN LOS EXTREMOS (La clave del diseño) === */

/* Primero, aseguramos que los logos se salgan del flujo del texto */
table.sp-event-list .data-event .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5;
}

/* LOGO IZQUIERDO (Local) */
table.sp-event-list .data-event .team-logo:first-child {
    left: 25px !important; /* Pegado a la izquierda */
}

/* LOGO DERECHO (Visitante) */
table.sp-event-list .data-event .team-logo:nth-child(2) {
    right: 25px !important; /* Pegado a la derecha */
    margin: 0 !important; /* Quitar márgenes raros */
}

/* TAMAÑO DE LOGOS */
table.sp-event-list .team-logo img {
    width: 55px !important; /* Grandes y visibles */
    height: 55px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra bonita */
}


/* === 4. CONTENIDO CENTRAL (Fecha, Título, Hora) === */

/* A. FECHA (Arriba del todo, pequeña) */
table.sp-event-list .data-date {
    order: 1 !important;
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    border: none !important;
}
table.sp-event-list .data-date a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 14px !important;
    color: #94A3B8 !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase!important;
    text-decoration: none !important;
    font-weight: 600!important;
}
/* Ocultar la fecha duplicada del sistema */
table.sp-event-list date { display: none !important; }


/* B. TÍTULO DEL PARTIDO (Centro) */
table.sp-event-list .data-event {
    order: 2 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
}
table.sp-event-list .data-event a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important; /* Grande */
    color: #0F172A !important;
    text-decoration: none !important;
    text-transform: uppercase;
    display: block; /* Para que ocupe su línea */
}


/* C. HORA / RESULTADO (Abajo, Grande) */
table.sp-event-list .data-time {
    order: 3 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    margin-top: 5px !important;
    text-align: center !important;
}

/* Estilo para el Marcador/Hora */
table.sp-event-list .data-time a {
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit */
    font-weight: 800 !important; /* Muy grueso */
    font-size: 28px !important; /* TAMAÑO MARCADOR */
    color: #0F172A !important; /* Negro o Verde si ganó */
    text-decoration: none !important;
    line-height: 1;
}

/* Si es un botón de "Vista Previa" (Artículo), lo ocultamos o movemos */
/* En este diseño limpio, el botón suele sobrar, pero si lo quieres, avísame */
table.sp-event-list .data-article { display: none !important; }


/* === LIMPIEZA === */
/* Ocultar columnas que no caben en este diseño zen */
table.sp-event-list .data-league,
table.sp-event-list .data-season,
table.sp-event-list .data-venue,
table.sp-event-list .data-day {
    display: none !important;
}

/* === MÓVIL (Ajuste para pantallas pequeñas) === */
@media (max-width: 600px) {
    /* En móvil reducimos el padding lateral para que los logos no aplasten el texto */
    table.sp-event-list tbody tr {
        padding: 20px 10px !important; 
        padding-top: 60px !important; /* Espacio arriba para los logos */
    }
    
    /* Logos arriba en vez de a los lados (Para que no se vea apretado) */
    table.sp-event-list .data-event .team-logo {
        top: 20px !important; /* Pegados arriba */
        transform: none !important;
    }
    table.sp-event-list .data-event .team-logo:first-child { left: 30% !important; margin-left: -20px !important; }
    table.sp-event-list .data-event .team-logo:nth-child(2) { right: 30% !important; margin-right: -20px !important; }
    
    /* Texto un poco más chico */
    table.sp-event-list .data-event a { font-size: 16px !important; margin-top: 10px; }
    table.sp-event-list .data-time a { font-size: 22px !important; }
}
/* Efecto Hover: Resaltar al pasar el mouse */
.sp-event-list tbody tr:hover {
    transform: translateY(-5px); /* Pequeño movimiento a la derecha */
    border-left: 4px solid #0F172A; /* Borde de acento */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}


/* === RESPONSIVE (Móvil) === */
@media (max-width: 767px) {
    .sp-event-list tbody tr {
        flex-wrap: wrap; /* Permitir que baje contenido */
        padding: 15px;
    }
    .sp-event-list td.data-date {
        width: 100% !important;
        margin-bottom: 10px;
        font-size: 11px !important;
        color: #94A3B8;
    }
    .sp-event-list td.data-event {
        width: 70% !important;
        text-align: left;
    }
    .sp-event-list td.data-event a {
        justify-content: flex-start; /* Alinear a la izquierda en móvil */
        font-size: 14px !important;
    }
    .sp-event-list td.data-time {
        width: 30% !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd03cf5 *//* === THE PODIUM: TABLA LIGHT CLEAN (Estilo FIFA/GoalKick) BLINDADA === */

/* 1. CONTENEDOR Y LIMPIEZA */
.elementor-widget-shortcode .sp-template-league-table,
.elementor-widget-shortcode .dataTables_wrapper {
    background: #FFFFFF !important; 
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important; 
    margin-bottom: 30px !important;
}

/* === TÍTULO DE TABLA: ESTILO "CHAMPION BAR" === */
h4.sp-table-caption {
    background-color: #05080A !important; 
    color: #FFFFFF !important; 
    display: block !important; 
    
    font-family: 'Saira Condensed', sans-serif !important; 
    font-weight: 900 !important;
    font-size: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    padding: 18px 25px !important; 
    margin-bottom: 0 !important; 
    
    border-radius: 8px 8px 0 0 !important; 
    border-left: 6px solid #C6A664 !important; 
    border-bottom: 2px solid #C6A664 !important; 
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

/* PEQUEÑO AJUSTE EXTRA: Quitar el borde superior de la tabla para que se fusionen */
.sp-table-wrapper {
    border-top: none !important;
}

/* 2. TABLA PRINCIPAL */
table.sp-league-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 3. ENCABEZADOS (HEADERS) */
table.sp-league-table thead th {
    background-color: transparent !important;
    border-bottom: 2px solid #E0E0E0 !important; 
    border-top: none !important;
    color: #666666 !important; 
    
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alineación Equipo */
table.sp-league-table thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 4. FILAS (ROWS) */
table.sp-league-table tbody tr {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important; 
    transition: background-color 0.2s ease !important;
}

/* Hover Simple (Sin movimiento, solo color) */
table.sp-league-table tbody tr:hover {
    background-color: #F9F9F9 !important; 
    transform: none !important; 
}

/* 5. RESALTADO DE CLASIFICADOS (1º y 2º Lugar) */
/* Primer Lugar (Posición 1) */
table.sp-league-table tbody tr:nth-child(1) {
    background-color: rgba(198, 166, 100, 0.1) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* Segundo Lugar (Posición 2) */
table.sp-league-table tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* 6. CELDAS DE DATOS */
table.sp-league-table tbody td {
    color: #444444 !important; 
    font-family: 'Barlow', sans-serif !important;
    font-size: 15px !important;
    padding: 12px 5px !important; 
    text-align: center !important;
    vertical-align: middle !important;
}

/* POSICIÓN (1, 2, 3...) */
table.sp-league-table tbody td.data-rank {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 800 !important;
    color: #999 !important;
    font-size: 16px !important;
}

/* EQUIPO (Nombre + Logo) */
table.sp-league-table tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; 
}

/* Enlaces limpios */
table.sp-league-table tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none !important;
}

/* LOGOS */
table.sp-league-table .team-logo img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    margin-right: 12px !important;
    vertical-align: middle !important;
    filter: none !important; 
}

/* PUNTOS (PTS) */
table.sp-league-table tbody td.data-pts {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #000000 !important; 
    background-color: #F5F5F5 !important; 
}

/* DATOS SECUNDARIOS (G, E, P...) */
table.sp-league-table tbody td.data-g,
table.sp-league-table tbody td.data-e,
table.sp-league-table tbody td.data-p,
table.sp-league-table tbody td.data-gf,
table.sp-league-table tbody td.data-gc {
    color: #777 !important; 
    font-size: 14px !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .elementor-widget-shortcode .sp-template-league-table {
        padding: 10px !important; 
    }
    .sp-scrollable-table-wrapper {
        overflow-x: auto !important;
    }
    table.sp-league-table tbody td {
        padding: 10px 4px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-dc6f9d5 *//* === SOLO ESTE CÓDIGO DEBE EXISTIR (TABLA SAIRA FINAL) === */

/* 1. CONTENEDOR (Estilo Grupo) */
.sp-template-player-list table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    margin-top: 10px !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 2. ENCABEZADOS (SAIRA CONDENSED - Gris Oscuro) */
.sp-template-player-list thead th {
    background-color: transparent !important; /* Transparente para limpieza */
    border-bottom: 2px solid #E0E0E0 !important;
    color: #666666 !important;
    
    /* LA FUENTE QUE QUEREMOS */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alinear "JUGADOR" a la izquierda */
.sp-template-player-list thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 3. FILAS */
.sp-template-player-list tbody tr {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important;
    transition: background 0.2s;
}
.sp-template-player-list tbody tr:hover td {
    background-color: #F9F9F9 !important;
}

/* 4. CELDAS GENERALES */
.sp-template-player-list tbody td {
    padding: 12px 5px !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: #444444 !important;
    font-family: 'Barlow', sans-serif !important; /* Números limpios */
    font-size: 15px !important;
}

/* 5. JUGADOR (Nombre + Foto) - SAIRA CONDENSED */
.sp-template-player-list tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    
    font-family: 'Saira Condensed', sans-serif !important; /* TU MARCA */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; /* Negro Puro */
}
.sp-template-player-list tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none;
}

/* FOTO */
.sp-template-player-list .player-photo img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 12px !important;
    vertical-align: middle;
}

/* 6. EL LÍDER (Borde Dorado) */
.sp-template-player-list tbody tr:first-child {
    background-color: rgba(198, 166, 100, 0.1) !important;
    border-left: 3px solid #C6A664 !important;
}
.sp-template-player-list tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important;
    border-left: 3px solid #C6A664 !important;
}

/* 7. COLUMNAS DE DATOS */

/* RANGO (#) */
.sp-template-player-list td.data-rank {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 800;
    color: #999 !important;
    font-size: 16px !important;
}

/* GOLES (Negro Fuerte sobre Gris Suave) */
.sp-template-player-list td.data-goals {
    color: #000000 !important; /* NEGRO */
    font-weight: 900 !important;
    font-size: 16px !important;
    background-color: #F5F5F5 !important;
}

/* TARJETAS */
.sp-template-player-list td.data-tarjetasamarillas { color: #D97706 !important; font-weight: 700; }
.sp-template-player-list td.data-tarjetasrojas { color: #DC2626 !important; font-weight: 700; }

/* OCULTAR BANDERA */
.sp-template-player-list .player-flag { display: none !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-499b95b *//* =========================================
   ESTILO DE TÍTULO: EL PODIO (MODO TELEVISIÓN)
   ========================================= */
.titulo-estilo-podio .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #FFFFFF !important; /* Texto blanco puro */
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    font-style: italic !important; /* Inclinación del texto */
    text-transform: uppercase;
    padding: 12px 45px !important; /* Espaciado interno para respirar */
    margin: 15px 20px !important; /* Margen para no cortar la sombra */
    z-index: 1;
    letter-spacing: 1px;
}

/* El bloque amarillo inclinado con sombra blanca */
.titulo-estilo-podio .elementor-heading-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #C6A664; /* El Dorado The Podium */
    transform: skewX(-15deg); /* El corte diagonal agresivo */
    z-index: -1;
    box-shadow: 6px 6px 0px 0px #FFFFFF; /* La sombra blanca sólida tridimensional */
    transition: all 0.3s ease;
}

/* Ajuste para celulares */
@media (max-width: 768px) {
    .titulo-estilo-podio .elementor-heading-title {
        font-size: 28px !important;
        padding: 10px 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e6b2982 *//* === WIDGET PRÓXIMO PARTIDO (LIMPIEZA TOTAL) === */

/* 1. EL CONTENEDOR (La Tarjeta Única) */
.sp-template-countdown .sp-countdown-wrapper {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important; /* Solo este borde exterior se queda */
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 40px 20px !important;
    position: relative !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
}

/* 2. LIMPIEZA DE LÍNEAS INTERNAS (La Solución) */
/* Borramos cualquier borde que el tema intente ponerle al título o al bloque */
.sp-template-countdown h3.event-name,
.sp-template-countdown .countdown,
.sp-template-countdown time {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important; /* Sin fondos grises raros */
    box-shadow: none !important;
}

/* 3. TÍTULO DEL PARTIDO */
.sp-template-countdown h3.event-name {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    position: static !important;
}

.sp-template-countdown h3.event-name a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-transform: uppercase;
    color: #0F172A !important;
    text-decoration: none !important;
    display: block;
}

/* 4. LOGOS (FLOTANTES) */
.sp-template-countdown .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10;
    border: none !important; /* Asegurar que el logo no tenga marco */
}

/* LOGO IZQUIERDO */
.sp-template-countdown .logo-odd {
    left: 30px !important;
    right: auto !important;
}

/* LOGO DERECHO */
.sp-template-countdown .logo-even {
    right: 30px !important;
    left: auto !important;
}

/* IMAGEN DEL LOGO */
.sp-template-countdown .team-logo img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
    display: block !important;
    border: none !important;
    box-shadow: none !important; /* Quitar borde cuadrado si lo hay */
}

/* 5. EL CONTADOR (Flexbox) */
.sp-template-countdown time {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
}

/* 6. LAS CAJAS DE TIEMPO */
.sp-template-countdown time span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
    background: #FFFFFF !important; /* Blanco limpio o #F8FAFC si quieres gris suave */
    border: 1px solid #E2E8F0 !important; /* Borde suave solo para los cuadritos */
    border-radius: 10px !important;
    width: 75px !important;
    height: 70px !important;
    margin: 0 !important;
}

/* NÚMERO */
.sp-template-countdown time span {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 800 !important;
    font-size: 26px !important;
    color: #0F172A !important;
    line-height: 1.1 !important;
}

/* TEXTO PEQUEÑO */
.sp-template-countdown time span small {
    display: block !important;
    font-family: 'Saira Condensed', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    color: #94A3B8 !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
}

/* 7. BORDE DORADO SUPERIOR (Marca) */
.sp-template-countdown .sp-countdown-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #C6A664;
    border-radius: 0 0 4px 4px;
}

/* === MÓVIL === */
@media (max-width: 600px) {
    .sp-template-countdown .sp-countdown-wrapper {
        padding-top: 80px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sp-template-countdown .team-logo {
        top: 25px !important;
        transform: none !important;
    }
    .sp-template-countdown .logo-odd {
        left: 50% !important;
        margin-left: -50px !important;
    }
    .sp-template-countdown .logo-even {
        right: 50% !important;
        margin-right: -50px !important;
    }
    .sp-template-countdown time span {
        width: 60px !important;
        height: 60px !important;
        font-size: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a997836 *//* === WIDGET ÚLTIMO PARTIDO (PREMIUM SCOREBOARD) === */

/* 1. CONTENEDOR DE LA TARJETA */
.alkindi-last-match-widget table {
    width: 100% !important;
    border-collapse: separate !important; /* Necesario para border-radius */
    border-spacing: 0 !important;
    background: transparent !important;
    border: none !important;
    margin-top: 10px;
}

/* Ocultar encabezados de tabla inútiles */
.alkindi-last-match-widget thead { display: none !important; }

/* 2. LA TARJETA (Celda principal) */
/* Convertimos la celda en un contenedor Flex para mover cosas */
.alkindi-last-match-widget tbody td {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative !important; /* Para posicionar logos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 30px 20px !important;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.06) !important;
    transition: transform 0.3s ease;
}

/* Efecto Hover sutil */
.alkindi-last-match-widget tbody td:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1) !important;
    border-color: #CBD5E1 !important;
}

/* === REORDENAMIENTO DE ELEMENTOS (LA MAGIA) === */

/* 3. FECHA (Arriba del todo) */
.alkindi-last-match-widget .sp-event-date {
    order: 1 !important; /* Primero */
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #94A3B8 !important;
    margin-bottom: 5px !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 20px;
}
.alkindi-last-match-widget .sp-event-date a { color: #94A3B8 !important; text-decoration: none; }

/* 4. TÍTULO "MÉXICO VS SUDÁFRICA" (Debajo de la fecha) */
.alkindi-last-match-widget .sp-event-title {
    order: 2 !important; /* Segundo */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    color: #334155 !important;
    margin: 0 0 15px 0 !important; /* Espacio antes del marcador */
}
.alkindi-last-match-widget .sp-event-title a { color: #334155 !important; text-decoration: none; }

/* 5. EL MARCADOR "2 - 0" (Gigante y Central) */
.alkindi-last-match-widget .sp-event-results {
    order: 3 !important; /* Tercero */
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit si prefieres */
    font-weight: 800 !important;
    font-size: 52px !important; /* GIGANTE */
    line-height: 1 !important;
    color: #0F172A !important;
    margin: 10px 0 !important;
    letter-spacing: -2px; /* Números pegaditos estilo TV */
}
.alkindi-last-match-widget .sp-event-results a { color: #0F172A !important; text-decoration: none; }

/* Colorear el resultado ganador (Opcional, si el theme lo soporta) */
.alkindi-last-match-widget .sp-result.ok { color: #059669 !important; } /* Verde para el ganador */


/* 6. LOS LOGOS (Posicionamiento Absoluto a los lados) */
/* Esto crea el efecto: Logo --- Marcador --- Logo */

/* Logo Izquierdo (Local) */
.alkindi-last-match-widget .team-logo.logo-odd {
    position: absolute !important;
    left: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Logo Derecho (Visitante) */
.alkindi-last-match-widget .team-logo.logo-even {
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Estilo de la imagen del logo */
.alkindi-last-match-widget .team-logo img {
    width: 60px !important; /* Tamaño generoso */
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra al logo */
}

/* Ocultar el recinto (Estadio) para limpieza */
.alkindi-last-match-widget .sp-event-venue { display: none !important; }


/* === RESPONSIVE (Móvil) === */
/* En móvil, los logos flotantes se ven mal. Los pasamos abajo. */
@media (max-width: 500px) {
    .alkindi-last-match-widget tbody td {
        padding: 20px 10px !important;
    }

    /* Quitamos posición absoluta */
    .alkindi-last-match-widget .team-logo.logo-odd,
    .alkindi-last-match-widget .team-logo.logo-even {
        position: static !important;
        transform: none !important;
        order: 4 !important; /* Mandar al final */
        margin: 10px 15px !important;
        display: inline-block !important;
    }
    
    /* Contenedor para que queden juntos abajo */
    /* No podemos crear contenedor, así que jugamos con margins */
    
    .alkindi-last-match-widget .sp-event-results {
        font-size: 40px !important; /* Un poco más chico */
    }
    
    /* Título más chico */
    .alkindi-last-match-widget .sp-event-title {
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a07539 *//* === MINI TABLA DE GRUPO (WIDGET COMPACTO) === */

/* 1. Contenedor ajustado */
.alkindi-mini-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* Sombra muy suave */
    margin-top: 10px;
}

/* 2. Encabezados (Pequeños y Limpios) */
.alkindi-mini-table thead th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    border-bottom: 1px solid #e2e8f0;
    text-align: center !important;
}

/* 3. Celdas (Ajustadas) */
.alkindi-mini-table tbody td {
    padding: 8px 5px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f1f5f9;
    text-align: center;
}

/* 4. Columna NOMBRE (Alinear izq y negrita) */
.alkindi-mini-table td.data-name {
    text-align: left !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 600;
    color: #334155;
}
.alkindi-mini-table td.data-name a { color: #334155; text-decoration: none; }

/* 5. Columna PUNTOS (Destacar) */
.alkindi-mini-table td.data-pts {
    background: #f1f5f9 !important;
    font-weight: 800 !important;
    color: #000 !important;
    width: 40px; /* Ancho fijo */
}

/* 6. FOTO DEL EQUIPO (Pequeña) */
.alkindi-mini-table .team-logo img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    vertical-align: middle;
}

/* 7. BORDE IZQUIERDO MARCA (Solo al líder) */
.alkindi-mini-table tbody tr:first-child td:first-child {
    border-left: 3px solid #C6A664 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7db66ea *//* 2. Estilo de cada Fila (Cada Partido) */
.sp-event-list tbody tr {
    transition: transform 0.2s, box-shadow 0.2s;
}
/* === LISTA DE PARTIDOS ESTILO "MATCH CARD" (Logos en Extremos) === */

/* === 2. ANTI-ZEBRA (ELIMINAR EL FONDO GRISÁCEO) === */
/* Esto mata la regla que me mostraste y fuerza blanco en todas las filas */
table.sp-event-list tbody tr:nth-child(odd) td,
table.sp-event-list tbody tr:nth-child(even) td,
table.sp-event-list tbody tr td {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* 1. ROMPER LA TABLA (Para poder mover cosas libremente) */
table.sp-event-list {
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Separación entre tarjetas */
    background: transparent !important;
    margin-top: -10px !important;
}
table.sp-event-list thead { display: none !important; }

/* 2. LA TARJETA (FILA) */
table.sp-event-list tbody tr {
    display: flex !important; /* Flexbox para centrar contenido */
    flex-direction: column !important; /* Apilar: Fecha -> Título -> Hora */
    align-items: center !important;
    justify-content: center !important;
    position: relative !important; /* CLAVE para los logos absolutos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 25px 80px !important; /* 80px a los lados para dejar sitio a los logos */
    min-height: 100px; /* Altura mínima para que respire */
    transition: transform 0.2s;
    margin-top: 15px !important;
}

/* Hover */
table.sp-event-list tbody tr:hover {
    transform: translateY(-3px) !important;
    border-color: #CBD5E1 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
}


/* === 3. LOGOS EN LOS EXTREMOS (La clave del diseño) === */

/* Primero, aseguramos que los logos se salgan del flujo del texto */
table.sp-event-list .data-event .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5;
}

/* LOGO IZQUIERDO (Local) */
table.sp-event-list .data-event .team-logo:first-child {
    left: 25px !important; /* Pegado a la izquierda */
}

/* LOGO DERECHO (Visitante) */
table.sp-event-list .data-event .team-logo:nth-child(2) {
    right: 25px !important; /* Pegado a la derecha */
    margin: 0 !important; /* Quitar márgenes raros */
}

/* TAMAÑO DE LOGOS */
table.sp-event-list .team-logo img {
    width: 55px !important; /* Grandes y visibles */
    height: 55px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra bonita */
}


/* === 4. CONTENIDO CENTRAL (Fecha, Título, Hora) === */

/* A. FECHA (Arriba del todo, pequeña) */
table.sp-event-list .data-date {
    order: 1 !important;
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    border: none !important;
}
table.sp-event-list .data-date a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 14px !important;
    color: #94A3B8 !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase!important;
    text-decoration: none !important;
    font-weight: 600!important;
}
/* Ocultar la fecha duplicada del sistema */
table.sp-event-list date { display: none !important; }


/* B. TÍTULO DEL PARTIDO (Centro) */
table.sp-event-list .data-event {
    order: 2 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
}
table.sp-event-list .data-event a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important; /* Grande */
    color: #0F172A !important;
    text-decoration: none !important;
    text-transform: uppercase;
    display: block; /* Para que ocupe su línea */
}


/* C. HORA / RESULTADO (Abajo, Grande) */
table.sp-event-list .data-time {
    order: 3 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    margin-top: 5px !important;
    text-align: center !important;
}

/* Estilo para el Marcador/Hora */
table.sp-event-list .data-time a {
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit */
    font-weight: 800 !important; /* Muy grueso */
    font-size: 28px !important; /* TAMAÑO MARCADOR */
    color: #0F172A !important; /* Negro o Verde si ganó */
    text-decoration: none !important;
    line-height: 1;
}

/* Si es un botón de "Vista Previa" (Artículo), lo ocultamos o movemos */
/* En este diseño limpio, el botón suele sobrar, pero si lo quieres, avísame */
table.sp-event-list .data-article { display: none !important; }


/* === LIMPIEZA === */
/* Ocultar columnas que no caben en este diseño zen */
table.sp-event-list .data-league,
table.sp-event-list .data-season,
table.sp-event-list .data-venue,
table.sp-event-list .data-day {
    display: none !important;
}

/* === MÓVIL (Ajuste para pantallas pequeñas) === */
@media (max-width: 600px) {
    /* En móvil reducimos el padding lateral para que los logos no aplasten el texto */
    table.sp-event-list tbody tr {
        padding: 20px 10px !important; 
        padding-top: 60px !important; /* Espacio arriba para los logos */
    }
    
    /* Logos arriba en vez de a los lados (Para que no se vea apretado) */
    table.sp-event-list .data-event .team-logo {
        top: 20px !important; /* Pegados arriba */
        transform: none !important;
    }
    table.sp-event-list .data-event .team-logo:first-child { left: 30% !important; margin-left: -20px !important; }
    table.sp-event-list .data-event .team-logo:nth-child(2) { right: 30% !important; margin-right: -20px !important; }
    
    /* Texto un poco más chico */
    table.sp-event-list .data-event a { font-size: 16px !important; margin-top: 10px; }
    table.sp-event-list .data-time a { font-size: 22px !important; }
}
/* Efecto Hover: Resaltar al pasar el mouse */
.sp-event-list tbody tr:hover {
    transform: translateY(-5px); /* Pequeño movimiento a la derecha */
    border-left: 4px solid #0F172A; /* Borde de acento */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}


/* === RESPONSIVE (Móvil) === */
@media (max-width: 767px) {
    .sp-event-list tbody tr {
        flex-wrap: wrap; /* Permitir que baje contenido */
        padding: 15px;
    }
    .sp-event-list td.data-date {
        width: 100% !important;
        margin-bottom: 10px;
        font-size: 11px !important;
        color: #94A3B8;
    }
    .sp-event-list td.data-event {
        width: 70% !important;
        text-align: left;
    }
    .sp-event-list td.data-event a {
        justify-content: flex-start; /* Alinear a la izquierda en móvil */
        font-size: 14px !important;
    }
    .sp-event-list td.data-time {
        width: 30% !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd03cf5 *//* === THE PODIUM: TABLA LIGHT CLEAN (Estilo FIFA/GoalKick) BLINDADA === */

/* 1. CONTENEDOR Y LIMPIEZA */
.elementor-widget-shortcode .sp-template-league-table,
.elementor-widget-shortcode .dataTables_wrapper {
    background: #FFFFFF !important; 
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important; 
    margin-bottom: 30px !important;
}

/* === TÍTULO DE TABLA: ESTILO "CHAMPION BAR" === */
h4.sp-table-caption {
    background-color: #05080A !important; 
    color: #FFFFFF !important; 
    display: block !important; 
    
    font-family: 'Saira Condensed', sans-serif !important; 
    font-weight: 900 !important;
    font-size: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    padding: 18px 25px !important; 
    margin-bottom: 0 !important; 
    
    border-radius: 8px 8px 0 0 !important; 
    border-left: 6px solid #C6A664 !important; 
    border-bottom: 2px solid #C6A664 !important; 
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

/* PEQUEÑO AJUSTE EXTRA: Quitar el borde superior de la tabla para que se fusionen */
.sp-table-wrapper {
    border-top: none !important;
}

/* 2. TABLA PRINCIPAL */
table.sp-league-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 3. ENCABEZADOS (HEADERS) */
table.sp-league-table thead th {
    background-color: transparent !important;
    border-bottom: 2px solid #E0E0E0 !important; 
    border-top: none !important;
    color: #666666 !important; 
    
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alineación Equipo */
table.sp-league-table thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 4. FILAS (ROWS) */
table.sp-league-table tbody tr {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important; 
    transition: background-color 0.2s ease !important;
}

/* Hover Simple (Sin movimiento, solo color) */
table.sp-league-table tbody tr:hover {
    background-color: #F9F9F9 !important; 
    transform: none !important; 
}

/* 5. RESALTADO DE CLASIFICADOS (1º y 2º Lugar) */
/* Primer Lugar (Posición 1) */
table.sp-league-table tbody tr:nth-child(1) {
    background-color: rgba(198, 166, 100, 0.1) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* Segundo Lugar (Posición 2) */
table.sp-league-table tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* 6. CELDAS DE DATOS */
table.sp-league-table tbody td {
    color: #444444 !important; 
    font-family: 'Barlow', sans-serif !important;
    font-size: 15px !important;
    padding: 12px 5px !important; 
    text-align: center !important;
    vertical-align: middle !important;
}

/* POSICIÓN (1, 2, 3...) */
table.sp-league-table tbody td.data-rank {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 800 !important;
    color: #999 !important;
    font-size: 16px !important;
}

/* EQUIPO (Nombre + Logo) */
table.sp-league-table tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; 
}

/* Enlaces limpios */
table.sp-league-table tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none !important;
}

/* LOGOS */
table.sp-league-table .team-logo img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    margin-right: 12px !important;
    vertical-align: middle !important;
    filter: none !important; 
}

/* PUNTOS (PTS) */
table.sp-league-table tbody td.data-pts {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #000000 !important; 
    background-color: #F5F5F5 !important; 
}

/* DATOS SECUNDARIOS (G, E, P...) */
table.sp-league-table tbody td.data-g,
table.sp-league-table tbody td.data-e,
table.sp-league-table tbody td.data-p,
table.sp-league-table tbody td.data-gf,
table.sp-league-table tbody td.data-gc {
    color: #777 !important; 
    font-size: 14px !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .elementor-widget-shortcode .sp-template-league-table {
        padding: 10px !important; 
    }
    .sp-scrollable-table-wrapper {
        overflow-x: auto !important;
    }
    table.sp-league-table tbody td {
        padding: 10px 4px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-dc6f9d5 *//* === SOLO ESTE CÓDIGO DEBE EXISTIR (TABLA SAIRA FINAL) === */

/* 1. CONTENEDOR (Estilo Grupo) */
.sp-template-player-list table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    margin-top: 10px !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 2. ENCABEZADOS (SAIRA CONDENSED - Gris Oscuro) */
.sp-template-player-list thead th {
    background-color: transparent !important; /* Transparente para limpieza */
    border-bottom: 2px solid #E0E0E0 !important;
    color: #666666 !important;
    
    /* LA FUENTE QUE QUEREMOS */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alinear "JUGADOR" a la izquierda */
.sp-template-player-list thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 3. FILAS */
.sp-template-player-list tbody tr {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important;
    transition: background 0.2s;
}
.sp-template-player-list tbody tr:hover td {
    background-color: #F9F9F9 !important;
}

/* 4. CELDAS GENERALES */
.sp-template-player-list tbody td {
    padding: 12px 5px !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: #444444 !important;
    font-family: 'Barlow', sans-serif !important; /* Números limpios */
    font-size: 15px !important;
}

/* 5. JUGADOR (Nombre + Foto) - SAIRA CONDENSED */
.sp-template-player-list tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    
    font-family: 'Saira Condensed', sans-serif !important; /* TU MARCA */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; /* Negro Puro */
}
.sp-template-player-list tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none;
}

/* FOTO */
.sp-template-player-list .player-photo img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 12px !important;
    vertical-align: middle;
}

/* 6. EL LÍDER (Borde Dorado) */
.sp-template-player-list tbody tr:first-child {
    background-color: rgba(198, 166, 100, 0.1) !important;
    border-left: 3px solid #C6A664 !important;
}
.sp-template-player-list tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important;
    border-left: 3px solid #C6A664 !important;
}

/* 7. COLUMNAS DE DATOS */

/* RANGO (#) */
.sp-template-player-list td.data-rank {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 800;
    color: #999 !important;
    font-size: 16px !important;
}

/* GOLES (Negro Fuerte sobre Gris Suave) */
.sp-template-player-list td.data-goals {
    color: #000000 !important; /* NEGRO */
    font-weight: 900 !important;
    font-size: 16px !important;
    background-color: #F5F5F5 !important;
}

/* TARJETAS */
.sp-template-player-list td.data-tarjetasamarillas { color: #D97706 !important; font-weight: 700; }
.sp-template-player-list td.data-tarjetasrojas { color: #DC2626 !important; font-weight: 700; }

/* OCULTAR BANDERA */
.sp-template-player-list .player-flag { display: none !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-499b95b *//* =========================================
   ESTILO DE TÍTULO: EL PODIO (MODO TELEVISIÓN)
   ========================================= */
.titulo-estilo-podio .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #FFFFFF !important; /* Texto blanco puro */
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    font-style: italic !important; /* Inclinación del texto */
    text-transform: uppercase;
    padding: 12px 45px !important; /* Espaciado interno para respirar */
    margin: 15px 20px !important; /* Margen para no cortar la sombra */
    z-index: 1;
    letter-spacing: 1px;
}

/* El bloque amarillo inclinado con sombra blanca */
.titulo-estilo-podio .elementor-heading-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #C6A664; /* El Dorado The Podium */
    transform: skewX(-15deg); /* El corte diagonal agresivo */
    z-index: -1;
    box-shadow: 6px 6px 0px 0px #FFFFFF; /* La sombra blanca sólida tridimensional */
    transition: all 0.3s ease;
}

/* Ajuste para celulares */
@media (max-width: 768px) {
    .titulo-estilo-podio .elementor-heading-title {
        font-size: 28px !important;
        padding: 10px 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e6b2982 *//* === WIDGET PRÓXIMO PARTIDO (LIMPIEZA TOTAL) === */

/* 1. EL CONTENEDOR (La Tarjeta Única) */
.sp-template-countdown .sp-countdown-wrapper {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important; /* Solo este borde exterior se queda */
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 40px 20px !important;
    position: relative !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
}

/* 2. LIMPIEZA DE LÍNEAS INTERNAS (La Solución) */
/* Borramos cualquier borde que el tema intente ponerle al título o al bloque */
.sp-template-countdown h3.event-name,
.sp-template-countdown .countdown,
.sp-template-countdown time {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important; /* Sin fondos grises raros */
    box-shadow: none !important;
}

/* 3. TÍTULO DEL PARTIDO */
.sp-template-countdown h3.event-name {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    position: static !important;
}

.sp-template-countdown h3.event-name a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-transform: uppercase;
    color: #0F172A !important;
    text-decoration: none !important;
    display: block;
}

/* 4. LOGOS (FLOTANTES) */
.sp-template-countdown .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10;
    border: none !important; /* Asegurar que el logo no tenga marco */
}

/* LOGO IZQUIERDO */
.sp-template-countdown .logo-odd {
    left: 30px !important;
    right: auto !important;
}

/* LOGO DERECHO */
.sp-template-countdown .logo-even {
    right: 30px !important;
    left: auto !important;
}

/* IMAGEN DEL LOGO */
.sp-template-countdown .team-logo img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
    display: block !important;
    border: none !important;
    box-shadow: none !important; /* Quitar borde cuadrado si lo hay */
}

/* 5. EL CONTADOR (Flexbox) */
.sp-template-countdown time {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
}

/* 6. LAS CAJAS DE TIEMPO */
.sp-template-countdown time span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
    background: #FFFFFF !important; /* Blanco limpio o #F8FAFC si quieres gris suave */
    border: 1px solid #E2E8F0 !important; /* Borde suave solo para los cuadritos */
    border-radius: 10px !important;
    width: 75px !important;
    height: 70px !important;
    margin: 0 !important;
}

/* NÚMERO */
.sp-template-countdown time span {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 800 !important;
    font-size: 26px !important;
    color: #0F172A !important;
    line-height: 1.1 !important;
}

/* TEXTO PEQUEÑO */
.sp-template-countdown time span small {
    display: block !important;
    font-family: 'Saira Condensed', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    color: #94A3B8 !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
}

/* 7. BORDE DORADO SUPERIOR (Marca) */
.sp-template-countdown .sp-countdown-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #C6A664;
    border-radius: 0 0 4px 4px;
}

/* === MÓVIL === */
@media (max-width: 600px) {
    .sp-template-countdown .sp-countdown-wrapper {
        padding-top: 80px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sp-template-countdown .team-logo {
        top: 25px !important;
        transform: none !important;
    }
    .sp-template-countdown .logo-odd {
        left: 50% !important;
        margin-left: -50px !important;
    }
    .sp-template-countdown .logo-even {
        right: 50% !important;
        margin-right: -50px !important;
    }
    .sp-template-countdown time span {
        width: 60px !important;
        height: 60px !important;
        font-size: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a997836 *//* === WIDGET ÚLTIMO PARTIDO (PREMIUM SCOREBOARD) === */

/* 1. CONTENEDOR DE LA TARJETA */
.alkindi-last-match-widget table {
    width: 100% !important;
    border-collapse: separate !important; /* Necesario para border-radius */
    border-spacing: 0 !important;
    background: transparent !important;
    border: none !important;
    margin-top: 10px;
}

/* Ocultar encabezados de tabla inútiles */
.alkindi-last-match-widget thead { display: none !important; }

/* 2. LA TARJETA (Celda principal) */
/* Convertimos la celda en un contenedor Flex para mover cosas */
.alkindi-last-match-widget tbody td {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative !important; /* Para posicionar logos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 30px 20px !important;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.06) !important;
    transition: transform 0.3s ease;
}

/* Efecto Hover sutil */
.alkindi-last-match-widget tbody td:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1) !important;
    border-color: #CBD5E1 !important;
}

/* === REORDENAMIENTO DE ELEMENTOS (LA MAGIA) === */

/* 3. FECHA (Arriba del todo) */
.alkindi-last-match-widget .sp-event-date {
    order: 1 !important; /* Primero */
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #94A3B8 !important;
    margin-bottom: 5px !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 20px;
}
.alkindi-last-match-widget .sp-event-date a { color: #94A3B8 !important; text-decoration: none; }

/* 4. TÍTULO "MÉXICO VS SUDÁFRICA" (Debajo de la fecha) */
.alkindi-last-match-widget .sp-event-title {
    order: 2 !important; /* Segundo */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    color: #334155 !important;
    margin: 0 0 15px 0 !important; /* Espacio antes del marcador */
}
.alkindi-last-match-widget .sp-event-title a { color: #334155 !important; text-decoration: none; }

/* 5. EL MARCADOR "2 - 0" (Gigante y Central) */
.alkindi-last-match-widget .sp-event-results {
    order: 3 !important; /* Tercero */
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit si prefieres */
    font-weight: 800 !important;
    font-size: 52px !important; /* GIGANTE */
    line-height: 1 !important;
    color: #0F172A !important;
    margin: 10px 0 !important;
    letter-spacing: -2px; /* Números pegaditos estilo TV */
}
.alkindi-last-match-widget .sp-event-results a { color: #0F172A !important; text-decoration: none; }

/* Colorear el resultado ganador (Opcional, si el theme lo soporta) */
.alkindi-last-match-widget .sp-result.ok { color: #059669 !important; } /* Verde para el ganador */


/* 6. LOS LOGOS (Posicionamiento Absoluto a los lados) */
/* Esto crea el efecto: Logo --- Marcador --- Logo */

/* Logo Izquierdo (Local) */
.alkindi-last-match-widget .team-logo.logo-odd {
    position: absolute !important;
    left: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Logo Derecho (Visitante) */
.alkindi-last-match-widget .team-logo.logo-even {
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Estilo de la imagen del logo */
.alkindi-last-match-widget .team-logo img {
    width: 60px !important; /* Tamaño generoso */
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra al logo */
}

/* Ocultar el recinto (Estadio) para limpieza */
.alkindi-last-match-widget .sp-event-venue { display: none !important; }


/* === RESPONSIVE (Móvil) === */
/* En móvil, los logos flotantes se ven mal. Los pasamos abajo. */
@media (max-width: 500px) {
    .alkindi-last-match-widget tbody td {
        padding: 20px 10px !important;
    }

    /* Quitamos posición absoluta */
    .alkindi-last-match-widget .team-logo.logo-odd,
    .alkindi-last-match-widget .team-logo.logo-even {
        position: static !important;
        transform: none !important;
        order: 4 !important; /* Mandar al final */
        margin: 10px 15px !important;
        display: inline-block !important;
    }
    
    /* Contenedor para que queden juntos abajo */
    /* No podemos crear contenedor, así que jugamos con margins */
    
    .alkindi-last-match-widget .sp-event-results {
        font-size: 40px !important; /* Un poco más chico */
    }
    
    /* Título más chico */
    .alkindi-last-match-widget .sp-event-title {
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a07539 *//* === MINI TABLA DE GRUPO (WIDGET COMPACTO) === */

/* 1. Contenedor ajustado */
.alkindi-mini-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* Sombra muy suave */
    margin-top: 10px;
}

/* 2. Encabezados (Pequeños y Limpios) */
.alkindi-mini-table thead th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    border-bottom: 1px solid #e2e8f0;
    text-align: center !important;
}

/* 3. Celdas (Ajustadas) */
.alkindi-mini-table tbody td {
    padding: 8px 5px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f1f5f9;
    text-align: center;
}

/* 4. Columna NOMBRE (Alinear izq y negrita) */
.alkindi-mini-table td.data-name {
    text-align: left !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 600;
    color: #334155;
}
.alkindi-mini-table td.data-name a { color: #334155; text-decoration: none; }

/* 5. Columna PUNTOS (Destacar) */
.alkindi-mini-table td.data-pts {
    background: #f1f5f9 !important;
    font-weight: 800 !important;
    color: #000 !important;
    width: 40px; /* Ancho fijo */
}

/* 6. FOTO DEL EQUIPO (Pequeña) */
.alkindi-mini-table .team-logo img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    vertical-align: middle;
}

/* 7. BORDE IZQUIERDO MARCA (Solo al líder) */
.alkindi-mini-table tbody tr:first-child td:first-child {
    border-left: 3px solid #C6A664 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7db66ea *//* 2. Estilo de cada Fila (Cada Partido) */
.sp-event-list tbody tr {
    transition: transform 0.2s, box-shadow 0.2s;
}
/* === LISTA DE PARTIDOS ESTILO "MATCH CARD" (Logos en Extremos) === */

/* === 2. ANTI-ZEBRA (ELIMINAR EL FONDO GRISÁCEO) === */
/* Esto mata la regla que me mostraste y fuerza blanco en todas las filas */
table.sp-event-list tbody tr:nth-child(odd) td,
table.sp-event-list tbody tr:nth-child(even) td,
table.sp-event-list tbody tr td {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* 1. ROMPER LA TABLA (Para poder mover cosas libremente) */
table.sp-event-list {
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Separación entre tarjetas */
    background: transparent !important;
    margin-top: -10px !important;
}
table.sp-event-list thead { display: none !important; }

/* 2. LA TARJETA (FILA) */
table.sp-event-list tbody tr {
    display: flex !important; /* Flexbox para centrar contenido */
    flex-direction: column !important; /* Apilar: Fecha -> Título -> Hora */
    align-items: center !important;
    justify-content: center !important;
    position: relative !important; /* CLAVE para los logos absolutos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 25px 80px !important; /* 80px a los lados para dejar sitio a los logos */
    min-height: 100px; /* Altura mínima para que respire */
    transition: transform 0.2s;
    margin-top: 15px !important;
}

/* Hover */
table.sp-event-list tbody tr:hover {
    transform: translateY(-3px) !important;
    border-color: #CBD5E1 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
}


/* === 3. LOGOS EN LOS EXTREMOS (La clave del diseño) === */

/* Primero, aseguramos que los logos se salgan del flujo del texto */
table.sp-event-list .data-event .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5;
}

/* LOGO IZQUIERDO (Local) */
table.sp-event-list .data-event .team-logo:first-child {
    left: 25px !important; /* Pegado a la izquierda */
}

/* LOGO DERECHO (Visitante) */
table.sp-event-list .data-event .team-logo:nth-child(2) {
    right: 25px !important; /* Pegado a la derecha */
    margin: 0 !important; /* Quitar márgenes raros */
}

/* TAMAÑO DE LOGOS */
table.sp-event-list .team-logo img {
    width: 55px !important; /* Grandes y visibles */
    height: 55px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra bonita */
}


/* === 4. CONTENIDO CENTRAL (Fecha, Título, Hora) === */

/* A. FECHA (Arriba del todo, pequeña) */
table.sp-event-list .data-date {
    order: 1 !important;
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    border: none !important;
}
table.sp-event-list .data-date a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 14px !important;
    color: #94A3B8 !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase!important;
    text-decoration: none !important;
    font-weight: 600!important;
}
/* Ocultar la fecha duplicada del sistema */
table.sp-event-list date { display: none !important; }


/* B. TÍTULO DEL PARTIDO (Centro) */
table.sp-event-list .data-event {
    order: 2 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
}
table.sp-event-list .data-event a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important; /* Grande */
    color: #0F172A !important;
    text-decoration: none !important;
    text-transform: uppercase;
    display: block; /* Para que ocupe su línea */
}


/* C. HORA / RESULTADO (Abajo, Grande) */
table.sp-event-list .data-time {
    order: 3 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    margin-top: 5px !important;
    text-align: center !important;
}

/* Estilo para el Marcador/Hora */
table.sp-event-list .data-time a {
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit */
    font-weight: 800 !important; /* Muy grueso */
    font-size: 28px !important; /* TAMAÑO MARCADOR */
    color: #0F172A !important; /* Negro o Verde si ganó */
    text-decoration: none !important;
    line-height: 1;
}

/* Si es un botón de "Vista Previa" (Artículo), lo ocultamos o movemos */
/* En este diseño limpio, el botón suele sobrar, pero si lo quieres, avísame */
table.sp-event-list .data-article { display: none !important; }


/* === LIMPIEZA === */
/* Ocultar columnas que no caben en este diseño zen */
table.sp-event-list .data-league,
table.sp-event-list .data-season,
table.sp-event-list .data-venue,
table.sp-event-list .data-day {
    display: none !important;
}

/* === MÓVIL (Ajuste para pantallas pequeñas) === */
@media (max-width: 600px) {
    /* En móvil reducimos el padding lateral para que los logos no aplasten el texto */
    table.sp-event-list tbody tr {
        padding: 20px 10px !important; 
        padding-top: 60px !important; /* Espacio arriba para los logos */
    }
    
    /* Logos arriba en vez de a los lados (Para que no se vea apretado) */
    table.sp-event-list .data-event .team-logo {
        top: 20px !important; /* Pegados arriba */
        transform: none !important;
    }
    table.sp-event-list .data-event .team-logo:first-child { left: 30% !important; margin-left: -20px !important; }
    table.sp-event-list .data-event .team-logo:nth-child(2) { right: 30% !important; margin-right: -20px !important; }
    
    /* Texto un poco más chico */
    table.sp-event-list .data-event a { font-size: 16px !important; margin-top: 10px; }
    table.sp-event-list .data-time a { font-size: 22px !important; }
}
/* Efecto Hover: Resaltar al pasar el mouse */
.sp-event-list tbody tr:hover {
    transform: translateY(-5px); /* Pequeño movimiento a la derecha */
    border-left: 4px solid #0F172A; /* Borde de acento */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}


/* === RESPONSIVE (Móvil) === */
@media (max-width: 767px) {
    .sp-event-list tbody tr {
        flex-wrap: wrap; /* Permitir que baje contenido */
        padding: 15px;
    }
    .sp-event-list td.data-date {
        width: 100% !important;
        margin-bottom: 10px;
        font-size: 11px !important;
        color: #94A3B8;
    }
    .sp-event-list td.data-event {
        width: 70% !important;
        text-align: left;
    }
    .sp-event-list td.data-event a {
        justify-content: flex-start; /* Alinear a la izquierda en móvil */
        font-size: 14px !important;
    }
    .sp-event-list td.data-time {
        width: 30% !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd03cf5 *//* === THE PODIUM: TABLA LIGHT CLEAN (Estilo FIFA/GoalKick) BLINDADA === */

/* 1. CONTENEDOR Y LIMPIEZA */
.elementor-widget-shortcode .sp-template-league-table,
.elementor-widget-shortcode .dataTables_wrapper {
    background: #FFFFFF !important; 
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important; 
    margin-bottom: 30px !important;
}

/* === TÍTULO DE TABLA: ESTILO "CHAMPION BAR" === */
h4.sp-table-caption {
    background-color: #05080A !important; 
    color: #FFFFFF !important; 
    display: block !important; 
    
    font-family: 'Saira Condensed', sans-serif !important; 
    font-weight: 900 !important;
    font-size: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    padding: 18px 25px !important; 
    margin-bottom: 0 !important; 
    
    border-radius: 8px 8px 0 0 !important; 
    border-left: 6px solid #C6A664 !important; 
    border-bottom: 2px solid #C6A664 !important; 
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

/* PEQUEÑO AJUSTE EXTRA: Quitar el borde superior de la tabla para que se fusionen */
.sp-table-wrapper {
    border-top: none !important;
}

/* 2. TABLA PRINCIPAL */
table.sp-league-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 3. ENCABEZADOS (HEADERS) */
table.sp-league-table thead th {
    background-color: transparent !important;
    border-bottom: 2px solid #E0E0E0 !important; 
    border-top: none !important;
    color: #666666 !important; 
    
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alineación Equipo */
table.sp-league-table thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 4. FILAS (ROWS) */
table.sp-league-table tbody tr {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important; 
    transition: background-color 0.2s ease !important;
}

/* Hover Simple (Sin movimiento, solo color) */
table.sp-league-table tbody tr:hover {
    background-color: #F9F9F9 !important; 
    transform: none !important; 
}

/* 5. RESALTADO DE CLASIFICADOS (1º y 2º Lugar) */
/* Primer Lugar (Posición 1) */
table.sp-league-table tbody tr:nth-child(1) {
    background-color: rgba(198, 166, 100, 0.1) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* Segundo Lugar (Posición 2) */
table.sp-league-table tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* 6. CELDAS DE DATOS */
table.sp-league-table tbody td {
    color: #444444 !important; 
    font-family: 'Barlow', sans-serif !important;
    font-size: 15px !important;
    padding: 12px 5px !important; 
    text-align: center !important;
    vertical-align: middle !important;
}

/* POSICIÓN (1, 2, 3...) */
table.sp-league-table tbody td.data-rank {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 800 !important;
    color: #999 !important;
    font-size: 16px !important;
}

/* EQUIPO (Nombre + Logo) */
table.sp-league-table tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; 
}

/* Enlaces limpios */
table.sp-league-table tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none !important;
}

/* LOGOS */
table.sp-league-table .team-logo img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    margin-right: 12px !important;
    vertical-align: middle !important;
    filter: none !important; 
}

/* PUNTOS (PTS) */
table.sp-league-table tbody td.data-pts {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #000000 !important; 
    background-color: #F5F5F5 !important; 
}

/* DATOS SECUNDARIOS (G, E, P...) */
table.sp-league-table tbody td.data-g,
table.sp-league-table tbody td.data-e,
table.sp-league-table tbody td.data-p,
table.sp-league-table tbody td.data-gf,
table.sp-league-table tbody td.data-gc {
    color: #777 !important; 
    font-size: 14px !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .elementor-widget-shortcode .sp-template-league-table {
        padding: 10px !important; 
    }
    .sp-scrollable-table-wrapper {
        overflow-x: auto !important;
    }
    table.sp-league-table tbody td {
        padding: 10px 4px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-dc6f9d5 *//* === SOLO ESTE CÓDIGO DEBE EXISTIR (TABLA SAIRA FINAL) === */

/* 1. CONTENEDOR (Estilo Grupo) */
.sp-template-player-list table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    margin-top: 10px !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 2. ENCABEZADOS (SAIRA CONDENSED - Gris Oscuro) */
.sp-template-player-list thead th {
    background-color: transparent !important; /* Transparente para limpieza */
    border-bottom: 2px solid #E0E0E0 !important;
    color: #666666 !important;
    
    /* LA FUENTE QUE QUEREMOS */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alinear "JUGADOR" a la izquierda */
.sp-template-player-list thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 3. FILAS */
.sp-template-player-list tbody tr {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important;
    transition: background 0.2s;
}
.sp-template-player-list tbody tr:hover td {
    background-color: #F9F9F9 !important;
}

/* 4. CELDAS GENERALES */
.sp-template-player-list tbody td {
    padding: 12px 5px !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: #444444 !important;
    font-family: 'Barlow', sans-serif !important; /* Números limpios */
    font-size: 15px !important;
}

/* 5. JUGADOR (Nombre + Foto) - SAIRA CONDENSED */
.sp-template-player-list tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    
    font-family: 'Saira Condensed', sans-serif !important; /* TU MARCA */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; /* Negro Puro */
}
.sp-template-player-list tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none;
}

/* FOTO */
.sp-template-player-list .player-photo img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 12px !important;
    vertical-align: middle;
}

/* 6. EL LÍDER (Borde Dorado) */
.sp-template-player-list tbody tr:first-child {
    background-color: rgba(198, 166, 100, 0.1) !important;
    border-left: 3px solid #C6A664 !important;
}
.sp-template-player-list tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important;
    border-left: 3px solid #C6A664 !important;
}

/* 7. COLUMNAS DE DATOS */

/* RANGO (#) */
.sp-template-player-list td.data-rank {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 800;
    color: #999 !important;
    font-size: 16px !important;
}

/* GOLES (Negro Fuerte sobre Gris Suave) */
.sp-template-player-list td.data-goals {
    color: #000000 !important; /* NEGRO */
    font-weight: 900 !important;
    font-size: 16px !important;
    background-color: #F5F5F5 !important;
}

/* TARJETAS */
.sp-template-player-list td.data-tarjetasamarillas { color: #D97706 !important; font-weight: 700; }
.sp-template-player-list td.data-tarjetasrojas { color: #DC2626 !important; font-weight: 700; }

/* OCULTAR BANDERA */
.sp-template-player-list .player-flag { display: none !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-499b95b *//* =========================================
   ESTILO DE TÍTULO: EL PODIO (MODO TELEVISIÓN)
   ========================================= */
.titulo-estilo-podio .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #FFFFFF !important; /* Texto blanco puro */
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    font-style: italic !important; /* Inclinación del texto */
    text-transform: uppercase;
    padding: 12px 45px !important; /* Espaciado interno para respirar */
    margin: 15px 20px !important; /* Margen para no cortar la sombra */
    z-index: 1;
    letter-spacing: 1px;
}

/* El bloque amarillo inclinado con sombra blanca */
.titulo-estilo-podio .elementor-heading-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #C6A664; /* El Dorado The Podium */
    transform: skewX(-15deg); /* El corte diagonal agresivo */
    z-index: -1;
    box-shadow: 6px 6px 0px 0px #FFFFFF; /* La sombra blanca sólida tridimensional */
    transition: all 0.3s ease;
}

/* Ajuste para celulares */
@media (max-width: 768px) {
    .titulo-estilo-podio .elementor-heading-title {
        font-size: 28px !important;
        padding: 10px 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e6b2982 *//* === WIDGET PRÓXIMO PARTIDO (LIMPIEZA TOTAL) === */

/* 1. EL CONTENEDOR (La Tarjeta Única) */
.sp-template-countdown .sp-countdown-wrapper {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important; /* Solo este borde exterior se queda */
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 40px 20px !important;
    position: relative !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
}

/* 2. LIMPIEZA DE LÍNEAS INTERNAS (La Solución) */
/* Borramos cualquier borde que el tema intente ponerle al título o al bloque */
.sp-template-countdown h3.event-name,
.sp-template-countdown .countdown,
.sp-template-countdown time {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important; /* Sin fondos grises raros */
    box-shadow: none !important;
}

/* 3. TÍTULO DEL PARTIDO */
.sp-template-countdown h3.event-name {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    position: static !important;
}

.sp-template-countdown h3.event-name a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-transform: uppercase;
    color: #0F172A !important;
    text-decoration: none !important;
    display: block;
}

/* 4. LOGOS (FLOTANTES) */
.sp-template-countdown .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10;
    border: none !important; /* Asegurar que el logo no tenga marco */
}

/* LOGO IZQUIERDO */
.sp-template-countdown .logo-odd {
    left: 30px !important;
    right: auto !important;
}

/* LOGO DERECHO */
.sp-template-countdown .logo-even {
    right: 30px !important;
    left: auto !important;
}

/* IMAGEN DEL LOGO */
.sp-template-countdown .team-logo img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
    display: block !important;
    border: none !important;
    box-shadow: none !important; /* Quitar borde cuadrado si lo hay */
}

/* 5. EL CONTADOR (Flexbox) */
.sp-template-countdown time {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
}

/* 6. LAS CAJAS DE TIEMPO */
.sp-template-countdown time span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
    background: #FFFFFF !important; /* Blanco limpio o #F8FAFC si quieres gris suave */
    border: 1px solid #E2E8F0 !important; /* Borde suave solo para los cuadritos */
    border-radius: 10px !important;
    width: 75px !important;
    height: 70px !important;
    margin: 0 !important;
}

/* NÚMERO */
.sp-template-countdown time span {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 800 !important;
    font-size: 26px !important;
    color: #0F172A !important;
    line-height: 1.1 !important;
}

/* TEXTO PEQUEÑO */
.sp-template-countdown time span small {
    display: block !important;
    font-family: 'Saira Condensed', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    color: #94A3B8 !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
}

/* 7. BORDE DORADO SUPERIOR (Marca) */
.sp-template-countdown .sp-countdown-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #C6A664;
    border-radius: 0 0 4px 4px;
}

/* === MÓVIL === */
@media (max-width: 600px) {
    .sp-template-countdown .sp-countdown-wrapper {
        padding-top: 80px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sp-template-countdown .team-logo {
        top: 25px !important;
        transform: none !important;
    }
    .sp-template-countdown .logo-odd {
        left: 50% !important;
        margin-left: -50px !important;
    }
    .sp-template-countdown .logo-even {
        right: 50% !important;
        margin-right: -50px !important;
    }
    .sp-template-countdown time span {
        width: 60px !important;
        height: 60px !important;
        font-size: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a997836 *//* === WIDGET ÚLTIMO PARTIDO (PREMIUM SCOREBOARD) === */

/* 1. CONTENEDOR DE LA TARJETA */
.alkindi-last-match-widget table {
    width: 100% !important;
    border-collapse: separate !important; /* Necesario para border-radius */
    border-spacing: 0 !important;
    background: transparent !important;
    border: none !important;
    margin-top: 10px;
}

/* Ocultar encabezados de tabla inútiles */
.alkindi-last-match-widget thead { display: none !important; }

/* 2. LA TARJETA (Celda principal) */
/* Convertimos la celda en un contenedor Flex para mover cosas */
.alkindi-last-match-widget tbody td {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative !important; /* Para posicionar logos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 30px 20px !important;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.06) !important;
    transition: transform 0.3s ease;
}

/* Efecto Hover sutil */
.alkindi-last-match-widget tbody td:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1) !important;
    border-color: #CBD5E1 !important;
}

/* === REORDENAMIENTO DE ELEMENTOS (LA MAGIA) === */

/* 3. FECHA (Arriba del todo) */
.alkindi-last-match-widget .sp-event-date {
    order: 1 !important; /* Primero */
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #94A3B8 !important;
    margin-bottom: 5px !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 20px;
}
.alkindi-last-match-widget .sp-event-date a { color: #94A3B8 !important; text-decoration: none; }

/* 4. TÍTULO "MÉXICO VS SUDÁFRICA" (Debajo de la fecha) */
.alkindi-last-match-widget .sp-event-title {
    order: 2 !important; /* Segundo */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    color: #334155 !important;
    margin: 0 0 15px 0 !important; /* Espacio antes del marcador */
}
.alkindi-last-match-widget .sp-event-title a { color: #334155 !important; text-decoration: none; }

/* 5. EL MARCADOR "2 - 0" (Gigante y Central) */
.alkindi-last-match-widget .sp-event-results {
    order: 3 !important; /* Tercero */
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit si prefieres */
    font-weight: 800 !important;
    font-size: 52px !important; /* GIGANTE */
    line-height: 1 !important;
    color: #0F172A !important;
    margin: 10px 0 !important;
    letter-spacing: -2px; /* Números pegaditos estilo TV */
}
.alkindi-last-match-widget .sp-event-results a { color: #0F172A !important; text-decoration: none; }

/* Colorear el resultado ganador (Opcional, si el theme lo soporta) */
.alkindi-last-match-widget .sp-result.ok { color: #059669 !important; } /* Verde para el ganador */


/* 6. LOS LOGOS (Posicionamiento Absoluto a los lados) */
/* Esto crea el efecto: Logo --- Marcador --- Logo */

/* Logo Izquierdo (Local) */
.alkindi-last-match-widget .team-logo.logo-odd {
    position: absolute !important;
    left: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Logo Derecho (Visitante) */
.alkindi-last-match-widget .team-logo.logo-even {
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Estilo de la imagen del logo */
.alkindi-last-match-widget .team-logo img {
    width: 60px !important; /* Tamaño generoso */
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra al logo */
}

/* Ocultar el recinto (Estadio) para limpieza */
.alkindi-last-match-widget .sp-event-venue { display: none !important; }


/* === RESPONSIVE (Móvil) === */
/* En móvil, los logos flotantes se ven mal. Los pasamos abajo. */
@media (max-width: 500px) {
    .alkindi-last-match-widget tbody td {
        padding: 20px 10px !important;
    }

    /* Quitamos posición absoluta */
    .alkindi-last-match-widget .team-logo.logo-odd,
    .alkindi-last-match-widget .team-logo.logo-even {
        position: static !important;
        transform: none !important;
        order: 4 !important; /* Mandar al final */
        margin: 10px 15px !important;
        display: inline-block !important;
    }
    
    /* Contenedor para que queden juntos abajo */
    /* No podemos crear contenedor, así que jugamos con margins */
    
    .alkindi-last-match-widget .sp-event-results {
        font-size: 40px !important; /* Un poco más chico */
    }
    
    /* Título más chico */
    .alkindi-last-match-widget .sp-event-title {
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a07539 *//* === MINI TABLA DE GRUPO (WIDGET COMPACTO) === */

/* 1. Contenedor ajustado */
.alkindi-mini-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* Sombra muy suave */
    margin-top: 10px;
}

/* 2. Encabezados (Pequeños y Limpios) */
.alkindi-mini-table thead th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    border-bottom: 1px solid #e2e8f0;
    text-align: center !important;
}

/* 3. Celdas (Ajustadas) */
.alkindi-mini-table tbody td {
    padding: 8px 5px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f1f5f9;
    text-align: center;
}

/* 4. Columna NOMBRE (Alinear izq y negrita) */
.alkindi-mini-table td.data-name {
    text-align: left !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 600;
    color: #334155;
}
.alkindi-mini-table td.data-name a { color: #334155; text-decoration: none; }

/* 5. Columna PUNTOS (Destacar) */
.alkindi-mini-table td.data-pts {
    background: #f1f5f9 !important;
    font-weight: 800 !important;
    color: #000 !important;
    width: 40px; /* Ancho fijo */
}

/* 6. FOTO DEL EQUIPO (Pequeña) */
.alkindi-mini-table .team-logo img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    vertical-align: middle;
}

/* 7. BORDE IZQUIERDO MARCA (Solo al líder) */
.alkindi-mini-table tbody tr:first-child td:first-child {
    border-left: 3px solid #C6A664 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7db66ea *//* 2. Estilo de cada Fila (Cada Partido) */
.sp-event-list tbody tr {
    transition: transform 0.2s, box-shadow 0.2s;
}
/* === LISTA DE PARTIDOS ESTILO "MATCH CARD" (Logos en Extremos) === */

/* === 2. ANTI-ZEBRA (ELIMINAR EL FONDO GRISÁCEO) === */
/* Esto mata la regla que me mostraste y fuerza blanco en todas las filas */
table.sp-event-list tbody tr:nth-child(odd) td,
table.sp-event-list tbody tr:nth-child(even) td,
table.sp-event-list tbody tr td {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* 1. ROMPER LA TABLA (Para poder mover cosas libremente) */
table.sp-event-list {
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Separación entre tarjetas */
    background: transparent !important;
    margin-top: -10px !important;
}
table.sp-event-list thead { display: none !important; }

/* 2. LA TARJETA (FILA) */
table.sp-event-list tbody tr {
    display: flex !important; /* Flexbox para centrar contenido */
    flex-direction: column !important; /* Apilar: Fecha -> Título -> Hora */
    align-items: center !important;
    justify-content: center !important;
    position: relative !important; /* CLAVE para los logos absolutos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 25px 80px !important; /* 80px a los lados para dejar sitio a los logos */
    min-height: 100px; /* Altura mínima para que respire */
    transition: transform 0.2s;
    margin-top: 15px !important;
}

/* Hover */
table.sp-event-list tbody tr:hover {
    transform: translateY(-3px) !important;
    border-color: #CBD5E1 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
}


/* === 3. LOGOS EN LOS EXTREMOS (La clave del diseño) === */

/* Primero, aseguramos que los logos se salgan del flujo del texto */
table.sp-event-list .data-event .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5;
}

/* LOGO IZQUIERDO (Local) */
table.sp-event-list .data-event .team-logo:first-child {
    left: 25px !important; /* Pegado a la izquierda */
}

/* LOGO DERECHO (Visitante) */
table.sp-event-list .data-event .team-logo:nth-child(2) {
    right: 25px !important; /* Pegado a la derecha */
    margin: 0 !important; /* Quitar márgenes raros */
}

/* TAMAÑO DE LOGOS */
table.sp-event-list .team-logo img {
    width: 55px !important; /* Grandes y visibles */
    height: 55px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra bonita */
}


/* === 4. CONTENIDO CENTRAL (Fecha, Título, Hora) === */

/* A. FECHA (Arriba del todo, pequeña) */
table.sp-event-list .data-date {
    order: 1 !important;
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    border: none !important;
}
table.sp-event-list .data-date a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 14px !important;
    color: #94A3B8 !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase!important;
    text-decoration: none !important;
    font-weight: 600!important;
}
/* Ocultar la fecha duplicada del sistema */
table.sp-event-list date { display: none !important; }


/* B. TÍTULO DEL PARTIDO (Centro) */
table.sp-event-list .data-event {
    order: 2 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
}
table.sp-event-list .data-event a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important; /* Grande */
    color: #0F172A !important;
    text-decoration: none !important;
    text-transform: uppercase;
    display: block; /* Para que ocupe su línea */
}


/* C. HORA / RESULTADO (Abajo, Grande) */
table.sp-event-list .data-time {
    order: 3 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    margin-top: 5px !important;
    text-align: center !important;
}

/* Estilo para el Marcador/Hora */
table.sp-event-list .data-time a {
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit */
    font-weight: 800 !important; /* Muy grueso */
    font-size: 28px !important; /* TAMAÑO MARCADOR */
    color: #0F172A !important; /* Negro o Verde si ganó */
    text-decoration: none !important;
    line-height: 1;
}

/* Si es un botón de "Vista Previa" (Artículo), lo ocultamos o movemos */
/* En este diseño limpio, el botón suele sobrar, pero si lo quieres, avísame */
table.sp-event-list .data-article { display: none !important; }


/* === LIMPIEZA === */
/* Ocultar columnas que no caben en este diseño zen */
table.sp-event-list .data-league,
table.sp-event-list .data-season,
table.sp-event-list .data-venue,
table.sp-event-list .data-day {
    display: none !important;
}

/* === MÓVIL (Ajuste para pantallas pequeñas) === */
@media (max-width: 600px) {
    /* En móvil reducimos el padding lateral para que los logos no aplasten el texto */
    table.sp-event-list tbody tr {
        padding: 20px 10px !important; 
        padding-top: 60px !important; /* Espacio arriba para los logos */
    }
    
    /* Logos arriba en vez de a los lados (Para que no se vea apretado) */
    table.sp-event-list .data-event .team-logo {
        top: 20px !important; /* Pegados arriba */
        transform: none !important;
    }
    table.sp-event-list .data-event .team-logo:first-child { left: 30% !important; margin-left: -20px !important; }
    table.sp-event-list .data-event .team-logo:nth-child(2) { right: 30% !important; margin-right: -20px !important; }
    
    /* Texto un poco más chico */
    table.sp-event-list .data-event a { font-size: 16px !important; margin-top: 10px; }
    table.sp-event-list .data-time a { font-size: 22px !important; }
}
/* Efecto Hover: Resaltar al pasar el mouse */
.sp-event-list tbody tr:hover {
    transform: translateY(-5px); /* Pequeño movimiento a la derecha */
    border-left: 4px solid #0F172A; /* Borde de acento */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}


/* === RESPONSIVE (Móvil) === */
@media (max-width: 767px) {
    .sp-event-list tbody tr {
        flex-wrap: wrap; /* Permitir que baje contenido */
        padding: 15px;
    }
    .sp-event-list td.data-date {
        width: 100% !important;
        margin-bottom: 10px;
        font-size: 11px !important;
        color: #94A3B8;
    }
    .sp-event-list td.data-event {
        width: 70% !important;
        text-align: left;
    }
    .sp-event-list td.data-event a {
        justify-content: flex-start; /* Alinear a la izquierda en móvil */
        font-size: 14px !important;
    }
    .sp-event-list td.data-time {
        width: 30% !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd03cf5 *//* === THE PODIUM: TABLA LIGHT CLEAN (Estilo FIFA/GoalKick) BLINDADA === */

/* 1. CONTENEDOR Y LIMPIEZA */
.elementor-widget-shortcode .sp-template-league-table,
.elementor-widget-shortcode .dataTables_wrapper {
    background: #FFFFFF !important; 
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important; 
    margin-bottom: 30px !important;
}

/* === TÍTULO DE TABLA: ESTILO "CHAMPION BAR" === */
h4.sp-table-caption {
    background-color: #05080A !important; 
    color: #FFFFFF !important; 
    display: block !important; 
    
    font-family: 'Saira Condensed', sans-serif !important; 
    font-weight: 900 !important;
    font-size: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    padding: 18px 25px !important; 
    margin-bottom: 0 !important; 
    
    border-radius: 8px 8px 0 0 !important; 
    border-left: 6px solid #C6A664 !important; 
    border-bottom: 2px solid #C6A664 !important; 
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

/* PEQUEÑO AJUSTE EXTRA: Quitar el borde superior de la tabla para que se fusionen */
.sp-table-wrapper {
    border-top: none !important;
}

/* 2. TABLA PRINCIPAL */
table.sp-league-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 3. ENCABEZADOS (HEADERS) */
table.sp-league-table thead th {
    background-color: transparent !important;
    border-bottom: 2px solid #E0E0E0 !important; 
    border-top: none !important;
    color: #666666 !important; 
    
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alineación Equipo */
table.sp-league-table thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 4. FILAS (ROWS) */
table.sp-league-table tbody tr {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important; 
    transition: background-color 0.2s ease !important;
}

/* Hover Simple (Sin movimiento, solo color) */
table.sp-league-table tbody tr:hover {
    background-color: #F9F9F9 !important; 
    transform: none !important; 
}

/* 5. RESALTADO DE CLASIFICADOS (1º y 2º Lugar) */
/* Primer Lugar (Posición 1) */
table.sp-league-table tbody tr:nth-child(1) {
    background-color: rgba(198, 166, 100, 0.1) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* Segundo Lugar (Posición 2) */
table.sp-league-table tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* 6. CELDAS DE DATOS */
table.sp-league-table tbody td {
    color: #444444 !important; 
    font-family: 'Barlow', sans-serif !important;
    font-size: 15px !important;
    padding: 12px 5px !important; 
    text-align: center !important;
    vertical-align: middle !important;
}

/* POSICIÓN (1, 2, 3...) */
table.sp-league-table tbody td.data-rank {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 800 !important;
    color: #999 !important;
    font-size: 16px !important;
}

/* EQUIPO (Nombre + Logo) */
table.sp-league-table tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; 
}

/* Enlaces limpios */
table.sp-league-table tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none !important;
}

/* LOGOS */
table.sp-league-table .team-logo img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    margin-right: 12px !important;
    vertical-align: middle !important;
    filter: none !important; 
}

/* PUNTOS (PTS) */
table.sp-league-table tbody td.data-pts {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #000000 !important; 
    background-color: #F5F5F5 !important; 
}

/* DATOS SECUNDARIOS (G, E, P...) */
table.sp-league-table tbody td.data-g,
table.sp-league-table tbody td.data-e,
table.sp-league-table tbody td.data-p,
table.sp-league-table tbody td.data-gf,
table.sp-league-table tbody td.data-gc {
    color: #777 !important; 
    font-size: 14px !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .elementor-widget-shortcode .sp-template-league-table {
        padding: 10px !important; 
    }
    .sp-scrollable-table-wrapper {
        overflow-x: auto !important;
    }
    table.sp-league-table tbody td {
        padding: 10px 4px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-dc6f9d5 *//* === SOLO ESTE CÓDIGO DEBE EXISTIR (TABLA SAIRA FINAL) === */

/* 1. CONTENEDOR (Estilo Grupo) */
.sp-template-player-list table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    margin-top: 10px !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 2. ENCABEZADOS (SAIRA CONDENSED - Gris Oscuro) */
.sp-template-player-list thead th {
    background-color: transparent !important; /* Transparente para limpieza */
    border-bottom: 2px solid #E0E0E0 !important;
    color: #666666 !important;
    
    /* LA FUENTE QUE QUEREMOS */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alinear "JUGADOR" a la izquierda */
.sp-template-player-list thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 3. FILAS */
.sp-template-player-list tbody tr {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important;
    transition: background 0.2s;
}
.sp-template-player-list tbody tr:hover td {
    background-color: #F9F9F9 !important;
}

/* 4. CELDAS GENERALES */
.sp-template-player-list tbody td {
    padding: 12px 5px !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: #444444 !important;
    font-family: 'Barlow', sans-serif !important; /* Números limpios */
    font-size: 15px !important;
}

/* 5. JUGADOR (Nombre + Foto) - SAIRA CONDENSED */
.sp-template-player-list tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    
    font-family: 'Saira Condensed', sans-serif !important; /* TU MARCA */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; /* Negro Puro */
}
.sp-template-player-list tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none;
}

/* FOTO */
.sp-template-player-list .player-photo img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 12px !important;
    vertical-align: middle;
}

/* 6. EL LÍDER (Borde Dorado) */
.sp-template-player-list tbody tr:first-child {
    background-color: rgba(198, 166, 100, 0.1) !important;
    border-left: 3px solid #C6A664 !important;
}
.sp-template-player-list tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important;
    border-left: 3px solid #C6A664 !important;
}

/* 7. COLUMNAS DE DATOS */

/* RANGO (#) */
.sp-template-player-list td.data-rank {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 800;
    color: #999 !important;
    font-size: 16px !important;
}

/* GOLES (Negro Fuerte sobre Gris Suave) */
.sp-template-player-list td.data-goals {
    color: #000000 !important; /* NEGRO */
    font-weight: 900 !important;
    font-size: 16px !important;
    background-color: #F5F5F5 !important;
}

/* TARJETAS */
.sp-template-player-list td.data-tarjetasamarillas { color: #D97706 !important; font-weight: 700; }
.sp-template-player-list td.data-tarjetasrojas { color: #DC2626 !important; font-weight: 700; }

/* OCULTAR BANDERA */
.sp-template-player-list .player-flag { display: none !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-499b95b *//* =========================================
   ESTILO DE TÍTULO: EL PODIO (MODO TELEVISIÓN)
   ========================================= */
.titulo-estilo-podio .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #FFFFFF !important; /* Texto blanco puro */
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    font-style: italic !important; /* Inclinación del texto */
    text-transform: uppercase;
    padding: 12px 45px !important; /* Espaciado interno para respirar */
    margin: 15px 20px !important; /* Margen para no cortar la sombra */
    z-index: 1;
    letter-spacing: 1px;
}

/* El bloque amarillo inclinado con sombra blanca */
.titulo-estilo-podio .elementor-heading-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #C6A664; /* El Dorado The Podium */
    transform: skewX(-15deg); /* El corte diagonal agresivo */
    z-index: -1;
    box-shadow: 6px 6px 0px 0px #FFFFFF; /* La sombra blanca sólida tridimensional */
    transition: all 0.3s ease;
}

/* Ajuste para celulares */
@media (max-width: 768px) {
    .titulo-estilo-podio .elementor-heading-title {
        font-size: 28px !important;
        padding: 10px 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e6b2982 *//* === WIDGET PRÓXIMO PARTIDO (LIMPIEZA TOTAL) === */

/* 1. EL CONTENEDOR (La Tarjeta Única) */
.sp-template-countdown .sp-countdown-wrapper {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important; /* Solo este borde exterior se queda */
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 40px 20px !important;
    position: relative !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
}

/* 2. LIMPIEZA DE LÍNEAS INTERNAS (La Solución) */
/* Borramos cualquier borde que el tema intente ponerle al título o al bloque */
.sp-template-countdown h3.event-name,
.sp-template-countdown .countdown,
.sp-template-countdown time {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important; /* Sin fondos grises raros */
    box-shadow: none !important;
}

/* 3. TÍTULO DEL PARTIDO */
.sp-template-countdown h3.event-name {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    position: static !important;
}

.sp-template-countdown h3.event-name a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-transform: uppercase;
    color: #0F172A !important;
    text-decoration: none !important;
    display: block;
}

/* 4. LOGOS (FLOTANTES) */
.sp-template-countdown .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10;
    border: none !important; /* Asegurar que el logo no tenga marco */
}

/* LOGO IZQUIERDO */
.sp-template-countdown .logo-odd {
    left: 30px !important;
    right: auto !important;
}

/* LOGO DERECHO */
.sp-template-countdown .logo-even {
    right: 30px !important;
    left: auto !important;
}

/* IMAGEN DEL LOGO */
.sp-template-countdown .team-logo img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
    display: block !important;
    border: none !important;
    box-shadow: none !important; /* Quitar borde cuadrado si lo hay */
}

/* 5. EL CONTADOR (Flexbox) */
.sp-template-countdown time {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
}

/* 6. LAS CAJAS DE TIEMPO */
.sp-template-countdown time span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
    background: #FFFFFF !important; /* Blanco limpio o #F8FAFC si quieres gris suave */
    border: 1px solid #E2E8F0 !important; /* Borde suave solo para los cuadritos */
    border-radius: 10px !important;
    width: 75px !important;
    height: 70px !important;
    margin: 0 !important;
}

/* NÚMERO */
.sp-template-countdown time span {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 800 !important;
    font-size: 26px !important;
    color: #0F172A !important;
    line-height: 1.1 !important;
}

/* TEXTO PEQUEÑO */
.sp-template-countdown time span small {
    display: block !important;
    font-family: 'Saira Condensed', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    color: #94A3B8 !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
}

/* 7. BORDE DORADO SUPERIOR (Marca) */
.sp-template-countdown .sp-countdown-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #C6A664;
    border-radius: 0 0 4px 4px;
}

/* === MÓVIL === */
@media (max-width: 600px) {
    .sp-template-countdown .sp-countdown-wrapper {
        padding-top: 80px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sp-template-countdown .team-logo {
        top: 25px !important;
        transform: none !important;
    }
    .sp-template-countdown .logo-odd {
        left: 50% !important;
        margin-left: -50px !important;
    }
    .sp-template-countdown .logo-even {
        right: 50% !important;
        margin-right: -50px !important;
    }
    .sp-template-countdown time span {
        width: 60px !important;
        height: 60px !important;
        font-size: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a997836 *//* === WIDGET ÚLTIMO PARTIDO (PREMIUM SCOREBOARD) === */

/* 1. CONTENEDOR DE LA TARJETA */
.alkindi-last-match-widget table {
    width: 100% !important;
    border-collapse: separate !important; /* Necesario para border-radius */
    border-spacing: 0 !important;
    background: transparent !important;
    border: none !important;
    margin-top: 10px;
}

/* Ocultar encabezados de tabla inútiles */
.alkindi-last-match-widget thead { display: none !important; }

/* 2. LA TARJETA (Celda principal) */
/* Convertimos la celda en un contenedor Flex para mover cosas */
.alkindi-last-match-widget tbody td {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative !important; /* Para posicionar logos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 30px 20px !important;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.06) !important;
    transition: transform 0.3s ease;
}

/* Efecto Hover sutil */
.alkindi-last-match-widget tbody td:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1) !important;
    border-color: #CBD5E1 !important;
}

/* === REORDENAMIENTO DE ELEMENTOS (LA MAGIA) === */

/* 3. FECHA (Arriba del todo) */
.alkindi-last-match-widget .sp-event-date {
    order: 1 !important; /* Primero */
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #94A3B8 !important;
    margin-bottom: 5px !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 20px;
}
.alkindi-last-match-widget .sp-event-date a { color: #94A3B8 !important; text-decoration: none; }

/* 4. TÍTULO "MÉXICO VS SUDÁFRICA" (Debajo de la fecha) */
.alkindi-last-match-widget .sp-event-title {
    order: 2 !important; /* Segundo */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    color: #334155 !important;
    margin: 0 0 15px 0 !important; /* Espacio antes del marcador */
}
.alkindi-last-match-widget .sp-event-title a { color: #334155 !important; text-decoration: none; }

/* 5. EL MARCADOR "2 - 0" (Gigante y Central) */
.alkindi-last-match-widget .sp-event-results {
    order: 3 !important; /* Tercero */
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit si prefieres */
    font-weight: 800 !important;
    font-size: 52px !important; /* GIGANTE */
    line-height: 1 !important;
    color: #0F172A !important;
    margin: 10px 0 !important;
    letter-spacing: -2px; /* Números pegaditos estilo TV */
}
.alkindi-last-match-widget .sp-event-results a { color: #0F172A !important; text-decoration: none; }

/* Colorear el resultado ganador (Opcional, si el theme lo soporta) */
.alkindi-last-match-widget .sp-result.ok { color: #059669 !important; } /* Verde para el ganador */


/* 6. LOS LOGOS (Posicionamiento Absoluto a los lados) */
/* Esto crea el efecto: Logo --- Marcador --- Logo */

/* Logo Izquierdo (Local) */
.alkindi-last-match-widget .team-logo.logo-odd {
    position: absolute !important;
    left: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Logo Derecho (Visitante) */
.alkindi-last-match-widget .team-logo.logo-even {
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Estilo de la imagen del logo */
.alkindi-last-match-widget .team-logo img {
    width: 60px !important; /* Tamaño generoso */
    height: 60px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra al logo */
}

/* Ocultar el recinto (Estadio) para limpieza */
.alkindi-last-match-widget .sp-event-venue { display: none !important; }


/* === RESPONSIVE (Móvil) === */
/* En móvil, los logos flotantes se ven mal. Los pasamos abajo. */
@media (max-width: 500px) {
    .alkindi-last-match-widget tbody td {
        padding: 20px 10px !important;
    }

    /* Quitamos posición absoluta */
    .alkindi-last-match-widget .team-logo.logo-odd,
    .alkindi-last-match-widget .team-logo.logo-even {
        position: static !important;
        transform: none !important;
        order: 4 !important; /* Mandar al final */
        margin: 10px 15px !important;
        display: inline-block !important;
    }
    
    /* Contenedor para que queden juntos abajo */
    /* No podemos crear contenedor, así que jugamos con margins */
    
    .alkindi-last-match-widget .sp-event-results {
        font-size: 40px !important; /* Un poco más chico */
    }
    
    /* Título más chico */
    .alkindi-last-match-widget .sp-event-title {
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a07539 *//* === MINI TABLA DE GRUPO (WIDGET COMPACTO) === */

/* 1. Contenedor ajustado */
.alkindi-mini-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* Sombra muy suave */
    margin-top: 10px;
}

/* 2. Encabezados (Pequeños y Limpios) */
.alkindi-mini-table thead th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    border-bottom: 1px solid #e2e8f0;
    text-align: center !important;
}

/* 3. Celdas (Ajustadas) */
.alkindi-mini-table tbody td {
    padding: 8px 5px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f1f5f9;
    text-align: center;
}

/* 4. Columna NOMBRE (Alinear izq y negrita) */
.alkindi-mini-table td.data-name {
    text-align: left !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 600;
    color: #334155;
}
.alkindi-mini-table td.data-name a { color: #334155; text-decoration: none; }

/* 5. Columna PUNTOS (Destacar) */
.alkindi-mini-table td.data-pts {
    background: #f1f5f9 !important;
    font-weight: 800 !important;
    color: #000 !important;
    width: 40px; /* Ancho fijo */
}

/* 6. FOTO DEL EQUIPO (Pequeña) */
.alkindi-mini-table .team-logo img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    vertical-align: middle;
}

/* 7. BORDE IZQUIERDO MARCA (Solo al líder) */
.alkindi-mini-table tbody tr:first-child td:first-child {
    border-left: 3px solid #C6A664 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7db66ea *//* 2. Estilo de cada Fila (Cada Partido) */
.sp-event-list tbody tr {
    transition: transform 0.2s, box-shadow 0.2s;
}
/* === LISTA DE PARTIDOS ESTILO "MATCH CARD" (Logos en Extremos) === */

/* === 2. ANTI-ZEBRA (ELIMINAR EL FONDO GRISÁCEO) === */
/* Esto mata la regla que me mostraste y fuerza blanco en todas las filas */
table.sp-event-list tbody tr:nth-child(odd) td,
table.sp-event-list tbody tr:nth-child(even) td,
table.sp-event-list tbody tr td {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* 1. ROMPER LA TABLA (Para poder mover cosas libremente) */
table.sp-event-list {
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Separación entre tarjetas */
    background: transparent !important;
    margin-top: -10px !important;
}
table.sp-event-list thead { display: none !important; }

/* 2. LA TARJETA (FILA) */
table.sp-event-list tbody tr {
    display: flex !important; /* Flexbox para centrar contenido */
    flex-direction: column !important; /* Apilar: Fecha -> Título -> Hora */
    align-items: center !important;
    justify-content: center !important;
    position: relative !important; /* CLAVE para los logos absolutos */
    
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    padding: 25px 80px !important; /* 80px a los lados para dejar sitio a los logos */
    min-height: 100px; /* Altura mínima para que respire */
    transition: transform 0.2s;
    margin-top: 15px !important;
}

/* Hover */
table.sp-event-list tbody tr:hover {
    transform: translateY(-3px) !important;
    border-color: #CBD5E1 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
}


/* === 3. LOGOS EN LOS EXTREMOS (La clave del diseño) === */

/* Primero, aseguramos que los logos se salgan del flujo del texto */
table.sp-event-list .data-event .team-logo {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5;
}

/* LOGO IZQUIERDO (Local) */
table.sp-event-list .data-event .team-logo:first-child {
    left: 25px !important; /* Pegado a la izquierda */
}

/* LOGO DERECHO (Visitante) */
table.sp-event-list .data-event .team-logo:nth-child(2) {
    right: 25px !important; /* Pegado a la derecha */
    margin: 0 !important; /* Quitar márgenes raros */
}

/* TAMAÑO DE LOGOS */
table.sp-event-list .team-logo img {
    width: 55px !important; /* Grandes y visibles */
    height: 55px !important;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Sombra bonita */
}


/* === 4. CONTENIDO CENTRAL (Fecha, Título, Hora) === */

/* A. FECHA (Arriba del todo, pequeña) */
table.sp-event-list .data-date {
    order: 1 !important;
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    border: none !important;
}
table.sp-event-list .data-date a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 14px !important;
    color: #94A3B8 !important;
    background: #F8FAFC;
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase!important;
    text-decoration: none !important;
    font-weight: 600!important;
}
/* Ocultar la fecha duplicada del sistema */
table.sp-event-list date { display: none !important; }


/* B. TÍTULO DEL PARTIDO (Centro) */
table.sp-event-list .data-event {
    order: 2 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
}
table.sp-event-list .data-event a {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important; /* Grande */
    color: #0F172A !important;
    text-decoration: none !important;
    text-transform: uppercase;
    display: block; /* Para que ocupe su línea */
}


/* C. HORA / RESULTADO (Abajo, Grande) */
table.sp-event-list .data-time {
    order: 3 !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    margin-top: 5px !important;
    text-align: center !important;
}

/* Estilo para el Marcador/Hora */
table.sp-event-list .data-time a {
    font-family: 'Saira Condensed', sans-serif !important; /* O Kanit */
    font-weight: 800 !important; /* Muy grueso */
    font-size: 28px !important; /* TAMAÑO MARCADOR */
    color: #0F172A !important; /* Negro o Verde si ganó */
    text-decoration: none !important;
    line-height: 1;
}

/* Si es un botón de "Vista Previa" (Artículo), lo ocultamos o movemos */
/* En este diseño limpio, el botón suele sobrar, pero si lo quieres, avísame */
table.sp-event-list .data-article { display: none !important; }


/* === LIMPIEZA === */
/* Ocultar columnas que no caben en este diseño zen */
table.sp-event-list .data-league,
table.sp-event-list .data-season,
table.sp-event-list .data-venue,
table.sp-event-list .data-day {
    display: none !important;
}

/* === MÓVIL (Ajuste para pantallas pequeñas) === */
@media (max-width: 600px) {
    /* En móvil reducimos el padding lateral para que los logos no aplasten el texto */
    table.sp-event-list tbody tr {
        padding: 20px 10px !important; 
        padding-top: 60px !important; /* Espacio arriba para los logos */
    }
    
    /* Logos arriba en vez de a los lados (Para que no se vea apretado) */
    table.sp-event-list .data-event .team-logo {
        top: 20px !important; /* Pegados arriba */
        transform: none !important;
    }
    table.sp-event-list .data-event .team-logo:first-child { left: 30% !important; margin-left: -20px !important; }
    table.sp-event-list .data-event .team-logo:nth-child(2) { right: 30% !important; margin-right: -20px !important; }
    
    /* Texto un poco más chico */
    table.sp-event-list .data-event a { font-size: 16px !important; margin-top: 10px; }
    table.sp-event-list .data-time a { font-size: 22px !important; }
}
/* Efecto Hover: Resaltar al pasar el mouse */
.sp-event-list tbody tr:hover {
    transform: translateY(-5px); /* Pequeño movimiento a la derecha */
    border-left: 4px solid #0F172A; /* Borde de acento */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}


/* === RESPONSIVE (Móvil) === */
@media (max-width: 767px) {
    .sp-event-list tbody tr {
        flex-wrap: wrap; /* Permitir que baje contenido */
        padding: 15px;
    }
    .sp-event-list td.data-date {
        width: 100% !important;
        margin-bottom: 10px;
        font-size: 11px !important;
        color: #94A3B8;
    }
    .sp-event-list td.data-event {
        width: 70% !important;
        text-align: left;
    }
    .sp-event-list td.data-event a {
        justify-content: flex-start; /* Alinear a la izquierda en móvil */
        font-size: 14px !important;
    }
    .sp-event-list td.data-time {
        width: 30% !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd03cf5 *//* === THE PODIUM: TABLA LIGHT CLEAN (Estilo FIFA/GoalKick) BLINDADA === */

/* 1. CONTENEDOR Y LIMPIEZA */
.elementor-widget-shortcode .sp-template-league-table,
.elementor-widget-shortcode .dataTables_wrapper {
    background: #FFFFFF !important; 
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important; 
    margin-bottom: 30px !important;
}

/* === TÍTULO DE TABLA: ESTILO "CHAMPION BAR" === */
h4.sp-table-caption {
    background-color: #05080A !important; 
    color: #FFFFFF !important; 
    display: block !important; 
    
    font-family: 'Saira Condensed', sans-serif !important; 
    font-weight: 900 !important;
    font-size: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    padding: 18px 25px !important; 
    margin-bottom: 0 !important; 
    
    border-radius: 8px 8px 0 0 !important; 
    border-left: 6px solid #C6A664 !important; 
    border-bottom: 2px solid #C6A664 !important; 
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

/* PEQUEÑO AJUSTE EXTRA: Quitar el borde superior de la tabla para que se fusionen */
.sp-table-wrapper {
    border-top: none !important;
}

/* 2. TABLA PRINCIPAL */
table.sp-league-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 3. ENCABEZADOS (HEADERS) */
table.sp-league-table thead th {
    background-color: transparent !important;
    border-bottom: 2px solid #E0E0E0 !important; 
    border-top: none !important;
    color: #666666 !important; 
    
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alineación Equipo */
table.sp-league-table thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 4. FILAS (ROWS) */
table.sp-league-table tbody tr {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important; 
    transition: background-color 0.2s ease !important;
}

/* Hover Simple (Sin movimiento, solo color) */
table.sp-league-table tbody tr:hover {
    background-color: #F9F9F9 !important; 
    transform: none !important; 
}

/* 5. RESALTADO DE CLASIFICADOS (1º y 2º Lugar) */
/* Primer Lugar (Posición 1) */
table.sp-league-table tbody tr:nth-child(1) {
    background-color: rgba(198, 166, 100, 0.1) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* Segundo Lugar (Posición 2) */
table.sp-league-table tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important; 
    border-left: 3px solid #C6A664 !important;
}

/* 6. CELDAS DE DATOS */
table.sp-league-table tbody td {
    color: #444444 !important; 
    font-family: 'Barlow', sans-serif !important;
    font-size: 15px !important;
    padding: 12px 5px !important; 
    text-align: center !important;
    vertical-align: middle !important;
}

/* POSICIÓN (1, 2, 3...) */
table.sp-league-table tbody td.data-rank {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 800 !important;
    color: #999 !important;
    font-size: 16px !important;
}

/* EQUIPO (Nombre + Logo) */
table.sp-league-table tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; 
}

/* Enlaces limpios */
table.sp-league-table tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none !important;
}

/* LOGOS */
table.sp-league-table .team-logo img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    margin-right: 12px !important;
    vertical-align: middle !important;
    filter: none !important; 
}

/* PUNTOS (PTS) */
table.sp-league-table tbody td.data-pts {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #000000 !important; 
    background-color: #F5F5F5 !important; 
}

/* DATOS SECUNDARIOS (G, E, P...) */
table.sp-league-table tbody td.data-g,
table.sp-league-table tbody td.data-e,
table.sp-league-table tbody td.data-p,
table.sp-league-table tbody td.data-gf,
table.sp-league-table tbody td.data-gc {
    color: #777 !important; 
    font-size: 14px !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .elementor-widget-shortcode .sp-template-league-table {
        padding: 10px !important; 
    }
    .sp-scrollable-table-wrapper {
        overflow-x: auto !important;
    }
    table.sp-league-table tbody td {
        padding: 10px 4px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-dc6f9d5 *//* === SOLO ESTE CÓDIGO DEBE EXISTIR (TABLA SAIRA FINAL) === */

/* 1. CONTENEDOR (Estilo Grupo) */
.sp-template-player-list table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    margin-top: 10px !important;
    font-family: 'Barlow', sans-serif !important;
}

/* 2. ENCABEZADOS (SAIRA CONDENSED - Gris Oscuro) */
.sp-template-player-list thead th {
    background-color: transparent !important; /* Transparente para limpieza */
    border-bottom: 2px solid #E0E0E0 !important;
    color: #666666 !important;
    
    /* LA FUENTE QUE QUEREMOS */
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* Alinear "JUGADOR" a la izquierda */
.sp-template-player-list thead th.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    color: #222 !important;
}

/* 3. FILAS */
.sp-template-player-list tbody tr {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F0F0F0 !important;
    transition: background 0.2s;
}
.sp-template-player-list tbody tr:hover td {
    background-color: #F9F9F9 !important;
}

/* 4. CELDAS GENERALES */
.sp-template-player-list tbody td {
    padding: 12px 5px !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: #444444 !important;
    font-family: 'Barlow', sans-serif !important; /* Números limpios */
    font-size: 15px !important;
}

/* 5. JUGADOR (Nombre + Foto) - SAIRA CONDENSED */
.sp-template-player-list tbody td.data-name {
    text-align: left !important;
    padding-left: 15px !important;
    
    font-family: 'Saira Condensed', sans-serif !important; /* TU MARCA */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #000000 !important; /* Negro Puro */
}
.sp-template-player-list tbody td.data-name a {
    color: #000000 !important;
    text-decoration: none;
}

/* FOTO */
.sp-template-player-list .player-photo img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 12px !important;
    vertical-align: middle;
}

/* 6. EL LÍDER (Borde Dorado) */
.sp-template-player-list tbody tr:first-child {
    background-color: rgba(198, 166, 100, 0.1) !important;
    border-left: 3px solid #C6A664 !important;
}
.sp-template-player-list tbody tr:nth-child(2) {
    background-color: rgba(198, 166, 100, 0.05) !important;
    border-left: 3px solid #C6A664 !important;
}

/* 7. COLUMNAS DE DATOS */

/* RANGO (#) */
.sp-template-player-list td.data-rank {
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 800;
    color: #999 !important;
    font-size: 16px !important;
}

/* GOLES (Negro Fuerte sobre Gris Suave) */
.sp-template-player-list td.data-goals {
    color: #000000 !important; /* NEGRO */
    font-weight: 900 !important;
    font-size: 16px !important;
    background-color: #F5F5F5 !important;
}

/* TARJETAS */
.sp-template-player-list td.data-tarjetasamarillas { color: #D97706 !important; font-weight: 700; }
.sp-template-player-list td.data-tarjetasrojas { color: #DC2626 !important; font-weight: 700; }

/* OCULTAR BANDERA */
.sp-template-player-list .player-flag { display: none !important; }/* End custom CSS */