.tarjetas{
    display:flex;
    gap:20px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:30px;
}

.tarjeta{
    background:#ffffff;
    width:250px;
    padding:25px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.tarjeta h3{
    margin-bottom:15px;
}

.porcentaje{
    font-size:42px;
    font-weight:bold;
    color:#28a745;
}

.filtros{
    text-align:center;
    margin:20px 0 35px;
}

.filtros a{
    display:inline-block;
    padding:10px 18px;
    margin:0 5px;
    border-radius:25px;
    text-decoration:none;
    background:#ffffff;
    color:#333;
    font-weight:600;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    transition:0.2s;
}

.filtros a:hover{
    transform:translateY(-2px);
}

.filtros a.activo{
    background:#28a745;
    color:white;
}

.resumen-analisis{
    background:#ffffff;
    border-radius:12px;
    padding:20px;
    margin-bottom:30px;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.resumen-analisis h2{
    margin-top:0;
}

.resumen-analisis{
    max-width:900px;
    margin:30px auto;
}

.rendimiento-equipos{
    display:flex;
    gap:20px;
    margin-top:20px;
    flex-wrap:wrap;
}

.rendimiento-card{
    flex:1;
    min-width:220px;
    background:#f8f9fa;
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:20px;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.rendimiento-card h4{
    margin-top:0;
    margin-bottom:20px;
    text-align:center;
    font-size:20px;
    
}

.dato-rendimiento{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
    font-size:16px;
}

.dato-rendimiento span{
    font-weight:bold;
    font-size:22px;
    color:#28a745;
}

.senales-grid{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:20px;
}

.senal-card{
    flex:1;
    min-width:180px;
    background:#fff;
    border-radius:12px;
    padding:18px;
    text-align:center;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.senal-titulo{
    font-size:15px;
    margin-bottom:10px;
}

.senal-estado{
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px;
}

.senal-porcentaje{
    font-size:20px;
}

.senal-card.alta{
    border-top:5px solid #28a745;
}

.senal-card.moderada{
    border-top:5px solid #ffc107;
}

.senal-card.baja{
    border-top:5px solid #dc3545;
}


.titulo-partido{
    text-align:center;
    font-size:42px;
    font-weight:700;
    margin-bottom:15px;
    margin-top:20px;
}


.acciones-superior{
    text-align:center;
    margin-bottom:20px;
}

.btn-volver{
    display:inline-block;
    padding:10px 18px;
    background:#ffffff;
    border-radius:12px;
    text-decoration:none;
    color:#333;
    font-weight:600;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    transition:.2s;
}

.btn-volver:hover{
    transform:translateY(-2px);
}


.titulo-partido{
    text-align:center;
    font-size:42px;
    font-weight:700;
    margin-top:10px;
    margin-bottom:15px;
    color:#222;
}

.acciones-superior{
    text-align:center;
    margin-bottom:20px;
}

.btn-volver{
    display:inline-block;
    padding:10px 18px;
    background:#ffffff;
    border-radius:12px;
    text-decoration:none;
    color:#333;
    font-weight:600;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    transition:.2s;
}

.btn-volver:hover{
    transform:translateY(-2px);
}

.promedio-combinado{

    margin-top:20px;

    background:#f8f9fa;

    border-radius:12px;

    padding:15px;

    text-align:center;

    font-size:18px;

    font-weight:bold;

}

.promedio-combinado span{

    color:#28a745;

    font-size:28px;

    display:block;

    margin-top:5px;

}
.mercado-favorable{

    padding:12px;

    margin-bottom:12px;

    background:#f8f9fa;

    border-radius:10px;

    border-left:5px solid #28a745;

}

.mercado-evitar{

    margin-top:15px;

    padding:12px;

    border-radius:10px;

    background:#fff3cd;

    border-left:5px solid #ffc107;

}

.contenedor-marcadores{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin-top:15px;

    margin-bottom:15px;

}

.marcador-frecuente{

    flex:1;

    min-width:160px;

    background:#f8f9fa;

    border-radius:12px;

    padding:15px;

    text-align:center;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

.resultado-marcador{

    font-size:28px;

    font-weight:bold;

    margin-top:5px;

}

.veces-marcador{

    color:#666;

    margin-top:8px;

}

.top-marcador{

    border:2px solid #28a745;

}

.badge-top{

    color:#28a745;

    font-size:13px;

    font-weight:bold;

    margin-bottom:10px;

}

.bloque-elo{

    background:white;

    border-radius:15px;

    padding:20px;

    margin:20px 0;

    box-shadow:0 4px 10px rgba(0,0,0,.1);

}

.bloque-elo h3{

    text-align:center !important;
    margin-top:0;
    margin-bottom:20px;
    width:100%;

}

.elo-equipos{

    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;

    margin-bottom:10px;

}

.elo-card{

    text-align:center;

    min-width:180px;

    padding:10px;

    background:#f8f9fa;

    border-radius:10px;

}

.elo-resumen{

    text-align:center;

    margin-top:20px;

    padding-top:15px;

    border-top:1px solid #ddd;

}

.elo-resumen-grid{

    display:flex;
    gap:15px;
    justify-content:center;
    margin-top:20px;
    flex-wrap:wrap;

}

.elo-mini-card{

    background:#f7f7f7;
    border-radius:12px;
    padding:12px 20px;
    min-width:150px;
    text-align:center;

    box-shadow:
    0 2px 6px rgba(0,0,0,.08);

}

.elo-label{

    font-size:14px;
    color:#666;
    margin-bottom:6px;

}

.elo-value{
    font-size:22px;
    font-weight:bold;
}

.info-elo{

    text-decoration:none;
    margin-left:8px;
    font-size:16px;

}

.elo-favorito{
    color:#28a745;
}

.elo-equipos{

    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;

    margin-bottom:10px;

}


.bloque-prediccion{

    background:white;

    border-radius:20px;

    padding:25px;

    margin-top:25px;

    box-shadow:
    0 5px 20px rgba(0,0,0,.08);

}

.bloque-prediccion h2{

    margin-bottom:25px;

}

.prediccion-item{

    margin-bottom:20px;

}

.prediccion-header{

    display:flex;

    justify-content:space-between;

    margin-bottom:8px;

    font-weight:600;

}

.prediction-bar{

    width:100%;

    height:16px;

    background:#ececec;

    border-radius:999px;

    overflow:hidden;

}

.prediction-fill{

    width:0%;

    height:100%;

    transition:
    width 1.5s ease;

}

.local-fill{

    background:
    linear-gradient(
        90deg,
        #22c55e,
        #16a34a
    );

}

.empate-fill{

    background:
    linear-gradient(
        90deg,
        #f59e0b,
        #d97706
    );

}

.visitante-fill{

    background:
    linear-gradient(
        90deg,
        #3b82f6,
        #2563eb
    );

}

.confianza-aura{

    margin-top:20px;

    font-size:18px;

}

.aura-footer{
    margin-top:20px;
    font-size:1.05rem;
    line-height:1.8;
}
.resultado-probable{
    margin-top:15px;
    display:inline-block;
    padding:10px 18px;
    border-radius:12px;
    background:#f0fdf4;
    border:1px solid #86efac;
    color:#166534;
    font-weight:600;
}