.elementor-12 .elementor-element.elementor-element-6e0d3f3{--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-12 .elementor-element.elementor-element-6e0d3f3:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-6e0d3f3 > .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-12 .elementor-element.elementor-element-20f93e4{text-align:start;}.elementor-12 .elementor-element.elementor-element-20f93e4 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:3rem;font-weight:700;letter-spacing:1px;color:#FFFFFF;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F4F6;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-20f93e4{text-align:center;}.elementor-12 .elementor-element.elementor-element-20f93e4 .elementor-heading-title{font-size:2rem;}}/* Start custom CSS *//* =========================================
   PÁGINA: MIS PREDICCIONES (CORRECCIÓN FINAL CENTRADO)
   Estilo: White & Gold | Layout: Coordenadas Exactas
   ========================================= */

/* 1. INTRO Y TÍTULOS */
p.user-page-intro {
    text-align: center !important;
    font-family: 'Barlow', sans-serif !important;
    color: #6b7280 !important;
    font-size: 16px !important;
    margin-bottom: 30px !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 15px !important;
}
.user-page-intro span.username { color: #FF2B47 !important; font-weight: 700 !important; }

/* 2. REJILLA PRINCIPAL (FIX MÓVIL 300px) */
.matchinfo.new-layout {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 25px !important;
    padding: 10px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* Títulos de Jornada */
.matchinfo.new-layout .matchtype {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    background: transparent !important;
    color: #111111 !important;
    font-family: 'Kanit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    padding: 20px 0 10px 0 !important;
    text-transform: uppercase;
    border-bottom: 3px solid #FF2B47 !important; 
    border-left: none !important;
    margin-bottom: 20px !important;
    text-align: left !important;
}

/* 3. LA TARJETA (ESTRUCTURA BLINDADA) */
.matchinfo.new-layout .match-card {
    background-color: white !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    position: relative !important;
    min-height: 200px !important;
    width: 100% !important;
    
    /* GRID INTERNO DEFINITIVO */
    display: grid !important;
    /* AUMENTÉ las columnas laterales a 80px para evitar desbordes */
    grid-template-columns: 80px 1fr 1fr 80px !important;
    /* Filas: Header | Nombres | Scores | Footer */
    grid-template-rows: 40px auto auto 45px !important;
    align-items: center !important;
    /* CENTRADO GLOBAL HORIZONTAL */
    justify-items: center !important; 
}

.matchinfo.new-layout .match-card:hover {
    border-color: rgba(212, 175, 55, 1) !important;
    transform: translateY(-5px) !important;
}

/* --- ORDENAMIENTO Y CENTRADO FORZADO --- */

/* 1. HEADER (Fila 1) */
.matchinfo.new-layout .match-card-header {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: stretch !important; /* Este debe ocuparlo todo */
    
    background: white !important;
    border-bottom: 1px solid #f3f4f6 !important;
    width: 100% !important; height: 100% !important;
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    padding: 0 20px !important; box-sizing: border-box !important;
    color: black !important; font-family: 'Barlow', sans-serif !important;
    font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px;
}

/* 2. BANDERAS (Filas 2 y 3) */
.matchinfo.new-layout .flag.home { 
    grid-column: 1 !important; grid-row: 2 / 4 !important; 
    justify-self: center !important; align-self: center !important; 
    margin: 0 auto !important; /* Asegura centrado extra */
}
.matchinfo.new-layout .flag.away { 
    grid-column: 4 !important; grid-row: 2 / 4 !important; 
    justify-self: center !important; align-self: center !important;
    margin: 0 auto !important;
    overflow: visible !important; /* Permite ver la sombra completa */
}

/* Estilo de imagen */
.matchinfo.new-layout img.flag {
    width: 55px !important; height: 55px !important;
    min-width: 55px !important; min-height: 55px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 3px solid #D4AF37 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    display: block !important;
    margin: 0 auto !important; /* Centrado de la imagen en su caja */
}

/* 3. NOMBRES (Fila 2 - Pegados abajo) */
.matchinfo.new-layout .home, 
.matchinfo.new-layout .away { 
    grid-row: 2 !important;
    align-self: end !important;
    justify-self: center !important; /* Centrado horizontal */
    text-align: center !important;
    
    color: black !important; font-family: 'Barlow', sans-serif !important; font-size: 15px !important; font-weight: 700 !important;
    padding-bottom: 5px !important; width: 100% !important;
}
.matchinfo.new-layout .home { grid-column: 2 !important; }
.matchinfo.new-layout .away { grid-column: 3 !important; }

/* 4. MARCADORES (Fila 3 - Pegados arriba) - AQUÍ ESTABA EL ERROR DE CENTRADO */
.matchinfo.new-layout .score {
    grid-row: 3 !important;
    align-self: start !important;
    justify-self: center !important; /* ESTO FALTABA PARA CENTRAR HORIZONTALMENTE */
    text-align: center !important;
    
    font-family: 'Kanit', sans-serif !important;
    font-size: 32px !important; font-weight: 800 !important; color: #FF2B47 !important; 
    display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: start !important;
    line-height: 1 !important; padding-top: 5px !important; width: 100% !important;
}
.matchinfo.new-layout .score:nth-of-type(1) { grid-column: 2 !important; }
.matchinfo.new-layout .score:nth-of-type(2) { grid-column: 3 !important; }

/* Puntaje Real */
.matchinfo.new-layout .actual-score {
    font-size: 13px !important; color: #9ca3af !important; font-weight: 600 !important; margin-top: 4px !important;
}
.matchinfo.new-layout .actual-score span::before { content: "("; }
.matchinfo.new-layout .actual-score span::after { content: ")"; }

/* 5. FOOTER (Fila 4) */
.matchinfo.new-layout .match-card-footer {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    justify-self: stretch !important; /* Ocupa todo el ancho */
    
    width: 100% !important; height: 100% !important;
    background: white !important; border-top: 1px solid rgba(0,0,0,0.03) !important;
    display: flex !important; justify-content: center !important; align-items: center !important; gap: 15px !important;
    padding: 0 20px !important; box-sizing: border-box !important;
    font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase;
    color: #D4AF37 !important;
}
.matchinfo.new-layout .match-card-footer .user-score { color: #D4AF37 !important; font-size: 14px !important; font-weight: 800 !important; }
.matchinfo.new-layout .fp-icon img { width: 22px !important; height: auto !important; filter: none !important; }

/* MODO PRIVACIDAD */
.fp-icon a[href*="view=matchpredictions"], img.pie-chart-icon { display: none !important; }
table.pool-ranking td.user-name a, a[href*="view=user"], a[href*="user="] {
    pointer-events: none !important; cursor: default !important; text-decoration: none !important; color: inherit !important;
}

.comments-area a, .page-content a
 {
    text-decoration: none;
}/* End custom CSS */