.elementor-726 .elementor-element.elementor-element-ef27fad{--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-726 .elementor-element.elementor-element-ef27fad:not(.elementor-motion-effects-element-type-background), .elementor-726 .elementor-element.elementor-element-ef27fad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.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-726 .elementor-element.elementor-element-a880771{--display:flex;--min-height:45vh;--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;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-726 .elementor-element.elementor-element-a880771:not(.elementor-motion-effects-element-type-background), .elementor-726 .elementor-element.elementor-element-a880771 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.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-726 .elementor-element.elementor-element-4c396b0{text-align:center;}.elementor-726 .elementor-element.elementor-element-4c396b0 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:6rem;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-726 .elementor-element.elementor-element-68e1420{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-726 .elementor-element.elementor-element-966021f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-726 .elementor-element.elementor-element-f214ba6{--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-726 .elementor-element.elementor-element-947fe3e{text-align:start;}.elementor-726 .elementor-element.elementor-element-947fe3e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-726 .elementor-element.elementor-element-c0f7bb4{width:100%;max-width:100%;}.elementor-726 .elementor-element.elementor-element-791e285{width:100%;max-width:100%;}.elementor-726 .elementor-element.elementor-element-d61d3a4{width:100%;max-width:100%;}.elementor-726 .elementor-element.elementor-element-3904739{text-align:start;}.elementor-726 .elementor-element.elementor-element-3904739 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:#FF2B47;}.elementor-726 .elementor-element.elementor-element-57303b3{--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-726 .elementor-element.elementor-element-3287cd8{text-align:start;}.elementor-726 .elementor-element.elementor-element-3287cd8 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-726 .elementor-element.elementor-element-766cd0e{text-align:start;}.elementor-726 .elementor-element.elementor-element-766cd0e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:#FF2B47;}.elementor-726 .elementor-element.elementor-element-daab0fa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-726 .elementor-element.elementor-element-daab0fa:not(.elementor-motion-effects-element-type-background), .elementor-726 .elementor-element.elementor-element-daab0fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F4F6;}.elementor-726 .elementor-element.elementor-element-0e1af63{--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-726 .elementor-element.elementor-element-2a1ad27{text-align:start;}.elementor-726 .elementor-element.elementor-element-2a1ad27 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-726 .elementor-element.elementor-element-e291e4b{width:100%;max-width:100%;}.elementor-726 .elementor-element.elementor-element-5a8ff10{text-align:start;}.elementor-726 .elementor-element.elementor-element-5a8ff10 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:#FF2B47;}.elementor-726 .elementor-element.elementor-element-cd3e909{--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-726 .elementor-element.elementor-element-9f764f2{text-align:start;}.elementor-726 .elementor-element.elementor-element-9f764f2 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:3rem;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-726 .elementor-element.elementor-element-12a4c62 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-726 .elementor-element.elementor-element-12a4c62 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-726 .elementor-element.elementor-element-12a4c62{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-726 .elementor-element.elementor-element-74ab469{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-726 .elementor-element.elementor-element-74ab469:not(.elementor-motion-effects-element-type-background), .elementor-726 .elementor-element.elementor-element-74ab469 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-726 .elementor-element.elementor-element-72e8568{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-726 .elementor-element.elementor-element-32f814e{text-align:start;}.elementor-726 .elementor-element.elementor-element-32f814e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-726 .elementor-element.elementor-element-6c2d258{text-align:start;}.elementor-726 .elementor-element.elementor-element-6c2d258 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:3rem;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-726 .elementor-element.elementor-element-ab1e25e{color:#FFFFFF;}.elementor-726 .elementor-element.elementor-element-90aa3f2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-726 .elementor-element.elementor-element-559f619{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-726 .elementor-element.elementor-element-d4dc7a8{--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-726 .elementor-element.elementor-element-0d121d5{text-align:start;}.elementor-726 .elementor-element.elementor-element-0d121d5 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-726 .elementor-element.elementor-element-df00c6e{text-align:start;}.elementor-726 .elementor-element.elementor-element-df00c6e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:2.5rem;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-726 .elementor-element.elementor-element-10bdcf2{--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-726 .elementor-element.elementor-element-c2786c0{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-726 .elementor-element.elementor-element-093949d{font-family:"Barlow", Sans-serif;font-weight:400;color:#000000;}.elementor-726 .elementor-element.elementor-element-15f85bc{--display:flex;}.elementor-726 .elementor-element.elementor-element-60fd41d{font-family:"Barlow", Sans-serif;font-weight:400;color:#000000;}.elementor-726 .elementor-element.elementor-element-9dfebc9{--display:flex;}.elementor-726 .elementor-element.elementor-element-637bde3{font-family:"Barlow", Sans-serif;font-weight:400;color:#000000;}.elementor-726 .elementor-element.elementor-element-3618c5e{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:10px;--n-accordion-icon-size:15px;}.elementor-726 .elementor-element.elementor-element-3618c5e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;}:where( .elementor-726 .elementor-element.elementor-element-3618c5e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Barlow", Sans-serif;font-weight:700;}:where( .elementor-726 .elementor-element.elementor-element-3618c5e > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-726 .elementor-element.elementor-element-401436a{--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;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-726 .elementor-element.elementor-element-401436a:not(.elementor-motion-effects-element-type-background), .elementor-726 .elementor-element.elementor-element-401436a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-borderless-elementor-marquee-text .borderless-elementor-marquee-text *{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-726 .elementor-element.elementor-element-7518a34 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-726 .elementor-element.elementor-element-7518a34 .borderless-elementor-marquee-text .js-marquee{gap:20px;}.elementor-726 .elementor-element.elementor-element-7518a34 .borderless-elementor-marquee-text *{font-family:"Barlow", Sans-serif;font-size:10rem;font-weight:600;line-height:10rem;color:#FFFFFF;fill:#FFFFFF;}.elementor-726 .elementor-element.elementor-element-7518a34 .js-marquee .borderless-elementor-marquee-text-item{border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-726 .elementor-element.elementor-element-f214ba6{--width:66.66%;}.elementor-726 .elementor-element.elementor-element-57303b3{--width:33.33%;}.elementor-726 .elementor-element.elementor-element-0e1af63{--width:33.33%;}.elementor-726 .elementor-element.elementor-element-cd3e909{--width:66.66%;}.elementor-726 .elementor-element.elementor-element-72e8568{--width:50%;}.elementor-726 .elementor-element.elementor-element-90aa3f2{--width:50%;}.elementor-726 .elementor-element.elementor-element-d4dc7a8{--width:50%;}.elementor-726 .elementor-element.elementor-element-10bdcf2{--width:50%;}}@media(max-width:1024px){.elementor-726 .elementor-element.elementor-element-68e1420{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-726 .elementor-element.elementor-element-35b4e53 img{height:300px;object-fit:cover;}.elementor-726 .elementor-element.elementor-element-a880771{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-726 .elementor-element.elementor-element-4c396b0 .elementor-heading-title{font-size:2.5rem;}.elementor-726 .elementor-element.elementor-element-68e1420{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-726 .elementor-element.elementor-element-966021f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-726 .elementor-element.elementor-element-daab0fa{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-726 .elementor-element.elementor-element-6c2d258 .elementor-heading-title{font-size:2.5rem;}.elementor-726 .elementor-element.elementor-element-401436a{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-726 .elementor-element.elementor-element-7518a34 .borderless-elementor-marquee-text *{font-size:3rem;}}/* Start custom CSS for shortcode, class: .elementor-element-c0f7bb4 *//* =========================================
   ESTILO PREMIER LEAGUE (Blanco/Negro/Rojo)
   Corrección basada en tu HTML exacto
   ========================================= */

/* 1. EL CONTENEDOR (La tarjeta blanca) */
.elementor-widget-shortcode .ranking.group-ranking-wide {
    background-color: #ffffff !important; /* Fondo BLANCO */
    border: 1px solid #e5e7eb !important; /* Borde gris suave */
    border-radius: 6px !important;
    padding: 0 !important; /* Sin relleno, para que el título toque los bordes */
    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important; /* Sombra muy sutil */
    margin-bottom: 30px !important;
    overflow: hidden !important; /* Mantiene todo dentro de los bordes redondeados */
    font-family: 'Roboto', sans-serif !important;
}

/* 2. EL TÍTULO DEL GRUPO (Barra Negra con Línea Roja) */
.elementor-widget-shortcode .ranking.group-ranking-wide h2 {
    background-color: #000000 !important; /* Fondo NEGRO */
    color: #ffffff !important; /* Texto BLANCO */
    font-family: 'Kanit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    
    /* EL TOQUE PREMIER: Línea roja arriba */
    border-top: 4px solid #FF2B47 !important; 
    border-bottom: none !important;
    text-align: left !important;
}

/* 3. LA TABLA (Limpieza de estructura) */
table.ranking.group-ranking {
    width: 100% !important;
    border-collapse: collapse !important; /* Junta los bordes para hacer la rejilla */
    background: #ffffff !important;
    margin: 0 !important;
}

/* 4. CABECERA (Gris claro) */
table.ranking.group-ranking thead th {
    background-color: #f9fafb !important; /* Gris muy claro */
    color: #111827 !important; /* Texto casi negro */
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 12px 10px !important;
    
    /* BORDES TIPO REJILLA */
    border: 1px solid #e5e7eb !important;
    border-top: none !important; /* Ya tiene el header negro arriba */
    text-align: center !important;
}
/* Alineación especial para el título de la columna equipo */
table.ranking.group-ranking thead th.team {
    text-align: left !important;
    padding-left: 20px !important;
}

/* 5. CELDAS DEL CUERPO (Blancas con bordes) */
table.ranking.group-ranking td {
    background-color: #ffffff !important; /* Fondo Blanco */
    border: 1px solid #e5e7eb !important; /* Rejilla gris */
    padding: 12px 10px !important;
    color: #6b7280 !important; /* Números en Gris medio */
    font-size: 14px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* 6. NOMBRE DEL EQUIPO (ROJO INTENSO) */
table.ranking.group-ranking td.team {
    text-align: left !important;
    padding-left: 20px !important;
    width: 40% !important;
}

/* Atacamos el enlace dentro de la celda 'team' */
table.ranking.group-ranking td.team a {
    color: #FF2B47 !important; /* ROJO */
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    display: block !important;
}

table.ranking.group-ranking td.team a:hover {
    text-decoration: underline !important;
    color: #d02030 !important; /* Rojo más oscuro al pasar mouse */
}

/* 7. COLUMNA DE PUNTOS (Negro/Destacado) */
table.ranking.group-ranking td.points {
    color: #000000 !important; /* Puntos en Negro sólido */
    font-weight: 800 !important;
    background-color: #f9fafb !important; /* Fondo gris muy sutil para destacar columna */
}

/* 8. ELIMINAR CUALQUIER REGLA VIEJA */
table.ranking.group-ranking tr, 
table.ranking.group-ranking td {
    box-shadow: none !important;
}

/* =========================================
   8. EFECTO HOVER (SOLO FILA - ÚNICO)
   ========================================= */

/* Al pasar el mouse, toda la fila se ilumina suavemente en gris */
table.ranking.group-ranking tr:hover td {
    background-color: #f3f4f6 !important; /* Gris muy suave (Premier Style) */
    transition: background-color 0.2s ease;
}

/* (Opcional) Aseguramos que ninguna celda individual cambie de color por su cuenta */
table.ranking.group-ranking td:hover {
    background-color: inherit !important;
}

div.ranking {
 max-width: 100%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-791e285 *//* =========================================
   ESTILO PREMIER LEAGUE (Blanco/Negro/Rojo)
   Corrección basada en tu HTML exacto
   ========================================= */

/* 1. EL CONTENEDOR (La tarjeta blanca) */
.elementor-widget-shortcode .ranking.group-ranking-wide {
    background-color: #ffffff !important; /* Fondo BLANCO */
    border: 1px solid #e5e7eb !important; /* Borde gris suave */
    border-radius: 6px !important;
    padding: 0 !important; /* Sin relleno, para que el título toque los bordes */
    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important; /* Sombra muy sutil */
    margin-bottom: 30px !important;
    overflow: hidden !important; /* Mantiene todo dentro de los bordes redondeados */
    font-family: 'Roboto', sans-serif !important;
}

/* 2. EL TÍTULO DEL GRUPO (Barra Negra con Línea Roja) */
.elementor-widget-shortcode .ranking.group-ranking-wide h2 {
    background-color: #000000 !important; /* Fondo NEGRO */
    color: #ffffff !important; /* Texto BLANCO */
    font-family: 'Kanit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    
    /* EL TOQUE PREMIER: Línea roja arriba */
    border-top: 4px solid #FF2B47 !important; 
    border-bottom: none !important;
    text-align: left !important;
}

/* 3. LA TABLA (Limpieza de estructura) */
table.ranking.group-ranking {
    width: 100% !important;
    border-collapse: collapse !important; /* Junta los bordes para hacer la rejilla */
    background: #ffffff !important;
    margin: 0 !important;
}

/* 4. CABECERA (Gris claro) */
table.ranking.group-ranking thead th {
    background-color: #f9fafb !important; /* Gris muy claro */
    color: #111827 !important; /* Texto casi negro */
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 12px 10px !important;
    
    /* BORDES TIPO REJILLA */
    border: 1px solid #e5e7eb !important;
    border-top: none !important; /* Ya tiene el header negro arriba */
    text-align: center !important;
}
/* Alineación especial para el título de la columna equipo */
table.ranking.group-ranking thead th.team {
    text-align: left !important;
    padding-left: 20px !important;
}

/* 5. CELDAS DEL CUERPO (Blancas con bordes) */
table.ranking.group-ranking td {
    background-color: #ffffff !important; /* Fondo Blanco */
    border: 1px solid #e5e7eb !important; /* Rejilla gris */
    padding: 12px 10px !important;
    color: #6b7280 !important; /* Números en Gris medio */
    font-size: 14px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* 6. NOMBRE DEL EQUIPO (ROJO INTENSO) */
table.ranking.group-ranking td.team {
    text-align: left !important;
    padding-left: 20px !important;
    width: 40% !important;
}

/* Atacamos el enlace dentro de la celda 'team' */
table.ranking.group-ranking td.team a {
    color: #FF2B47 !important; /* ROJO */
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    display: block !important;
}

table.ranking.group-ranking td.team a:hover {
    text-decoration: underline !important;
    color: #d02030 !important; /* Rojo más oscuro al pasar mouse */
}

/* 7. COLUMNA DE PUNTOS (Negro/Destacado) */
table.ranking.group-ranking td.points {
    color: #000000 !important; /* Puntos en Negro sólido */
    font-weight: 800 !important;
    background-color: #f9fafb !important; /* Fondo gris muy sutil para destacar columna */
}

/* 8. ELIMINAR CUALQUIER REGLA VIEJA */
table.ranking.group-ranking tr, 
table.ranking.group-ranking td {
    box-shadow: none !important;
}

/* =========================================
   8. EFECTO HOVER (SOLO FILA - ÚNICO)
   ========================================= */

/* Al pasar el mouse, toda la fila se ilumina suavemente en gris */
table.ranking.group-ranking tr:hover td {
    background-color: #f3f4f6 !important; /* Gris muy suave (Premier Style) */
    transition: background-color 0.2s ease;
}

/* (Opcional) Aseguramos que ninguna celda individual cambie de color por su cuenta */
table.ranking.group-ranking td:hover {
    background-color: inherit !important;
}

div.ranking {
 max-width: 100%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d61d3a4 *//* =========================================
   ESTILO PREMIER LEAGUE (Blanco/Negro/Rojo)
   Corrección basada en tu HTML exacto
   ========================================= */

/* 1. EL CONTENEDOR (La tarjeta blanca) */
.elementor-widget-shortcode .ranking.group-ranking-wide {
    background-color: #ffffff !important; /* Fondo BLANCO */
    border: 1px solid #e5e7eb !important; /* Borde gris suave */
    border-radius: 6px !important;
    padding: 0 !important; /* Sin relleno, para que el título toque los bordes */
    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important; /* Sombra muy sutil */
    margin-bottom: 30px !important;
    overflow: hidden !important; /* Mantiene todo dentro de los bordes redondeados */
    font-family: 'Roboto', sans-serif !important;
}

/* 2. EL TÍTULO DEL GRUPO (Barra Negra con Línea Roja) */
.elementor-widget-shortcode .ranking.group-ranking-wide h2 {
    background-color: #000000 !important; /* Fondo NEGRO */
    color: #ffffff !important; /* Texto BLANCO */
    font-family: 'Kanit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    
    /* EL TOQUE PREMIER: Línea roja arriba */
    border-top: 4px solid #FF2B47 !important; 
    border-bottom: none !important;
    text-align: left !important;
}

/* 3. LA TABLA (Limpieza de estructura) */
table.ranking.group-ranking {
    width: 100% !important;
    border-collapse: collapse !important; /* Junta los bordes para hacer la rejilla */
    background: #ffffff !important;
    margin: 0 !important;
}

/* 4. CABECERA (Gris claro) */
table.ranking.group-ranking thead th {
    background-color: #f9fafb !important; /* Gris muy claro */
    color: #111827 !important; /* Texto casi negro */
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 12px 10px !important;
    
    /* BORDES TIPO REJILLA */
    border: 1px solid #e5e7eb !important;
    border-top: none !important; /* Ya tiene el header negro arriba */
    text-align: center !important;
}
/* Alineación especial para el título de la columna equipo */
table.ranking.group-ranking thead th.team {
    text-align: left !important;
    padding-left: 20px !important;
}

/* 5. CELDAS DEL CUERPO (Blancas con bordes) */
table.ranking.group-ranking td {
    background-color: #ffffff !important; /* Fondo Blanco */
    border: 1px solid #e5e7eb !important; /* Rejilla gris */
    padding: 12px 10px !important;
    color: #6b7280 !important; /* Números en Gris medio */
    font-size: 14px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* 6. NOMBRE DEL EQUIPO (ROJO INTENSO) */
table.ranking.group-ranking td.team {
    text-align: left !important;
    padding-left: 20px !important;
    width: 40% !important;
}

/* Atacamos el enlace dentro de la celda 'team' */
table.ranking.group-ranking td.team a {
    color: #FF2B47 !important; /* ROJO */
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    display: block !important;
}

table.ranking.group-ranking td.team a:hover {
    text-decoration: underline !important;
    color: #d02030 !important; /* Rojo más oscuro al pasar mouse */
}

/* 7. COLUMNA DE PUNTOS (Negro/Destacado) */
table.ranking.group-ranking td.points {
    color: #000000 !important; /* Puntos en Negro sólido */
    font-weight: 800 !important;
    background-color: #f9fafb !important; /* Fondo gris muy sutil para destacar columna */
}

/* 8. ELIMINAR CUALQUIER REGLA VIEJA */
table.ranking.group-ranking tr, 
table.ranking.group-ranking td {
    box-shadow: none !important;
}

/* =========================================
   8. EFECTO HOVER (SOLO FILA - ÚNICO)
   ========================================= */

/* Al pasar el mouse, toda la fila se ilumina suavemente en gris */
table.ranking.group-ranking tr:hover td {
    background-color: #f3f4f6 !important; /* Gris muy suave (Premier Style) */
    transition: background-color 0.2s ease;
}

/* (Opcional) Aseguramos que ninguna celda individual cambie de color por su cuenta */
table.ranking.group-ranking td:hover {
    background-color: inherit !important;
}

div.ranking {
 max-width: 100%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-38d858b */.elementor-726 .elementor-element.elementor-element-38d858b{
    font-family: Kanit;
    font-size: .9rem !important;
}

#countdown-1{
        font-size: 1rem !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-402d489 *//* === SIDEBAR DE PRÓXIMOS PARTIDOS (VERSIÓN 6 PARTIDOS - EXPANDIDA) === */

/* 1. CONFIGURACIÓN DE LISTA */
/* Ocultar títulos de grupo */
.elementor-widget-shortcode .nextmatches-shortcode .matchtype {
    display: none !important;
}

/* LA TIJERA: Subimos a 25 para asegurar que el 6º partido entre */
/* Esto compensa todos los títulos ocultos que hay entre medio */
.elementor-widget-shortcode .nextmatches-shortcode > div:nth-child(n+40) {
    display: none !important;
}

/* Ocultar iconos de estadísticas */
.elementor-widget-shortcode .nextmatches-shortcode .score {
    display: none !important;
}

/* 2. DISEÑO TARJETA */
.elementor-widget-shortcode .nextmatches-shortcode .match-card {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between;
    align-items: center;
    
    background-color: white !important;
    border: 1px solid #334155;
    border-radius: 8px;
    padding: 12px 15px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* 3. CABECERA (Fecha) */
.elementor-widget-shortcode .match-card-header {
    width: 100%;
    text-align: left !important;
    font-size: 11px !important;
    color: #94a3b8;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #334155;
    padding-left: 2px;
}

/* 4. BANDERAS Y EQUIPOS */
.elementor-widget-shortcode .home, 
.elementor-widget-shortcode .away {
    display: flex;
    align-items: center;
}

/* Banderas */
.elementor-widget-shortcode img.flag {
    width: 35px !important;
    height: auto !important;
    margin: 0 8px !important;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Nombres */
.elementor-widget-shortcode .home a,
.elementor-widget-shortcode .away a {
    color: black !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px !important;
}

/* Alineación Espejo */
.elementor-widget-shortcode .home { flex-direction: row; } 
.elementor-widget-shortcode .away { flex-direction: row-reverse; text-align: right; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e291e4b *//* =========================================
   TABLA DE CLASIFICACIÓN: ESTILO VIP
   ========================================= */

/* 1. LIMPIEZA Y ESPACIADO */
table.pool-ranking {
    width: 100%;
    border-collapse: separate !important; 
    border-spacing: 0 12px !important; /* Más aire entre tarjetas */
    border: none !important;
    margin-top: 20px;
    font-family: 'Barlow', sans-serif !important;
}

/* 2. ESTILO BASE DE LAS FILAS (TARJETAS BLANCAS) */
/* Esto aplica del puesto 4 en adelante */
table.pool-ranking tr td {
    background-color: #ffffff; /* BLANCO */
    color: #111111; /* Texto Negro */
    padding: 18px 25px !important;
    border-top: 1px solid rgba(212, 175, 55, 0.3) !important; /* Borde Dorado Arriba */
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important; /* Borde Dorado Abajo */
    font-size: 16px;
    vertical-align: middle;
    transition: all 0.2s ease;
}

/* Bordes laterales y redondeados para hacer efecto tarjeta */
table.pool-ranking tr td:first-child { 
    border-left: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-top-left-radius: 12px; 
    border-bottom-left-radius: 12px; 
    
    /* El número de ranking */
    font-family: 'Kanit', sans-serif;
    font-weight: 800;
    font-size: 20px;
    color: #9ca3af; /* Gris suave para los mortales */
    width: 50px;
    text-align: center;
}

table.pool-ranking tr td:last-child { 
    border-right: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-top-right-radius: 12px; 
    border-bottom-right-radius: 12px; 
}

/* Efecto Hover (Levantar tarjeta) */
table.pool-ranking tr:hover td {
    background-color: #fcfcfc;
    transform: scale(1.02);
    border-color: #FF2B47 !important; /* Se pone roja al pasar el mouse */
    cursor: default;
}

/* 3. NOMBRES DE USUARIO */
table.pool-ranking td.user-name a {
    color: #111111 !important; /* Negro */
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    pointer-events: none; /* Mantenemos tu bloqueo de privacidad */
}

/* 4. PUNTUACIÓN (EL SCORE) */
table.pool-ranking td.user-score {
    font-family: 'Kanit', sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: #FF2B47 !important; /* ROJO CORPORATIVO */
    text-align: right;
}

/* === EL PODIO DE CAMPEONES (LUJO TOTAL) === */

/* PUESTO #1 - ORO REAL */
table.pool-ranking tr:nth-child(1) td {
    /* Degradado Dorado Premium */
    background: linear-gradient(135deg, #FFD700 0%, #FDB931 50%, #d4af37 100%) !important;
    border: none !important;
    color: #000 !important;
    box-shadow: 0 10px 25px rgba(253, 185, 49, 0.4); /* Resplandor dorado */
}
table.pool-ranking tr:nth-child(1) td:first-child { 
    color: #000 !important; font-size: 28px !important; /* Número 1 Gigante */
}
table.pool-ranking tr:nth-child(1) td.user-score { color: #000 !important; }

/* PUESTO #2 - PLATA TITANIO */
table.pool-ranking tr:nth-child(2) td {
    background: linear-gradient(135deg, #E0E0E0 0%, #F5F5F5 50%, #BDBDBD 100%) !important;
    border: none !important;
    color: #000 !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
table.pool-ranking tr:nth-child(2) td:first-child { 
    color: #555 !important; font-size: 24px !important; 
}
table.pool-ranking tr:nth-child(2) td.user-score { color: #000 !important; }

/* PUESTO #3 - BRONCE INTENSO */
table.pool-ranking tr:nth-child(3) td {
    background: linear-gradient(135deg, #E6A57E 0%, #CD7F32 100%) !important;
    border: none !important;
    color: #fff !important; /* Texto blanco para contraste */
    box-shadow: 0 5px 15px rgba(205, 127, 50, 0.3);
}
table.pool-ranking tr:nth-child(3) td:first-child { 
    color: #fff !important; font-size: 22px !important; 
}
table.pool-ranking tr:nth-child(3) td.user-name a { color: #fff !important; }
table.pool-ranking tr:nth-child(3) td.user-score { color: #fff !important; }

/* Ajuste móvil para que no se pegue a los bordes */
@media (max-width: 768px) {
    table.pool-ranking { width: 95% !important; margin: 20px auto !important; }
    table.pool-ranking tr td { padding: 15px 15px !important; }
}

table.ranking-shortcode {
    width: 100%;
    max-width: 100%;
}/* End custom CSS */