.elementor-14 .elementor-element.elementor-element-b29188d{--display:flex;--min-height:25vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-14 .elementor-element.elementor-element-b29188d:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-b29188d > .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-14 .elementor-element.elementor-element-92c16f0{text-align:start;}.elementor-14 .elementor-element.elementor-element-92c16f0 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:3rem;font-weight:700;letter-spacing:1px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-da876ac{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-ec24e19{--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-14 .elementor-element.elementor-element-04499d2{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-d54e738{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-07c2f3d{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-dede7a9{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-07aba71{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-17ee4fc{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-6fe76c2{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-6ea0aae{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-5c37315{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-7e71434{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-5496273{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-9fc44ca{width:100%;max-width:100%;}body.elementor-page-14:not(.elementor-motion-effects-element-type-background), body.elementor-page-14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F4F6;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-ec24e19{--width:100%;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-92c16f0{text-align:center;}.elementor-14 .elementor-element.elementor-element-92c16f0 .elementor-heading-title{font-size:2rem;}.elementor-14 .elementor-element.elementor-element-da876ac{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-ec24e19{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}}/* Start custom CSS for shortcode, class: .elementor-element-04499d2 *//* =========================================
   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 */