/* ======================================================
CONTENEDOR GENERAL
====================================================== */

.tenzo-campeonato-container{

width:100%;
max-width:1200px;
margin:0 auto;
padding:60px 20px;

}



/* ======================================================
HEADER CAMPEONATO
====================================================== */

.tenzo-campeonato-header{
text-align:center;
margin-bottom:50px;
}

.tenzo-campeonato-barra{
height:6px;
width:120px;
background:#f5b400;
margin:auto;
margin-bottom:20px;
border-radius:6px;
}

.tenzo-campeonato-titulo{
font-size:42px;
font-weight:800;
}

.tenzo-campeonato-meta{
margin-top:10px;
color:#777;
font-size:14px;
display:flex;
gap:20px;
justify-content:center;
}



/* ======================================================
LAYOUT SUPERIOR
====================================================== */

.tenzo-campeonato-top{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:30px;
margin-top:40px;
}



/* ======================================================
TARJETAS
====================================================== */

.tenzo-card{
background:#fff;
border-radius:14px;
box-shadow:0 6px 22px rgba(0,0,0,0.06);
padding:30px;
text-align:center;
}



/* ======================================================
PROGRESO CAMPEONATO
====================================================== */

.tenzo-barra-campeonato{
display:flex;
justify-content:center;
gap:6px;
margin:18px 0;
}

.tenzo-prueba{
width:28px;
height:8px;
border-radius:6px;
background:#ddd;
}

.tenzo-prueba.disputada{
background:#0c2d3f;
}

.tenzo-progreso-info{
font-size:14px;
color:#777;
}



/* ======================================================
BOTONES
====================================================== */

.tenzo-boton-normativa,
.tenzo-boton-clasificacion{

display:block;
margin-top:14px;
padding:12px;
background:#0c2d3f;
color:#fff;
text-decoration:none;
border-radius:8px;
font-size:14px;
transition:.2s;

}

.tenzo-boton-normativa:hover,
.tenzo-boton-clasificacion:hover{

background:#f5b400;
color:#0c2d3f;

}

.tenzo-boton-promotor{

display:block;
margin-top:14px;
padding:12px;

background:#f5b400;
color:#0c2d3f;

text-decoration:none;
border-radius:8px;

font-size:14px;
font-weight:600;

transition:.2s;

}

.tenzo-boton-promotor:hover{

background:#0c2d3f;
color:#fff;

}

/* ======================================================
PROXIMA PRUEBA
====================================================== */

.tenzo-proximo-evento{
text-decoration:none;
color:inherit;
display:flex;
flex-direction:column;
align-items:center;
}

.tenzo-evento-imagen-principal{

display:flex;
justify-content:center;
align-items:center;
margin-bottom:10px;

}

.tenzo-evento-imagen-principal img{

max-width:380px;
max-height:200px;
object-fit:contain;

}

.tenzo-label{
font-size:11px;
text-transform:uppercase;
color:#999;
letter-spacing:1px;
}

.tenzo-fecha{
display:block;
color:#777;
margin-top:6px;
}

.tenzo-inscripciones-info{
margin-top:10px;
font-size:13px;
color:#555;
}

/* ======================================================
CALENDARIO
====================================================== */

.tenzo-calendario-campeonato{
margin-top:60px;
}

.tenzo-calendario-campeonato h2{
text-align:center;
margin-bottom:20px;
font-size:30px;
font-weight:700;
}



/* ======================================================
GRID CALENDARIO
====================================================== */

.tenzo-eventos-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
}



/* ======================================================
TARJETA EVENTO
====================================================== */

.tenzo-evento-card{

background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 6px 20px rgba(0,0,0,0.06);
transition:.25s;
display:flex;
flex-direction:column;

}

.tenzo-evento-card:hover{

transform:translateY(-4px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);

}



/* IMAGEN EVENTO */

.tenzo-evento-imagen{

height:250px;

background-size:contain;
background-repeat:no-repeat;
background-position:center center;

display:flex;
align-items:center;
justify-content:center;

}

.tenzo-evento-imagen img{

max-height:120px;
width:auto;
object-fit:contain;

}



/* CUERPO TARJETA */

.tenzo-evento-body{

padding:6px 14px 10px 14px;
text-align:center;
flex:1;

}

.tenzo-ronda{

font-size:11px;
color:#999;
text-transform:uppercase;
letter-spacing:1px;

}

.tenzo-evento-nombre{

font-size:16px;
font-weight:600;
margin:4px 0;

}

.tenzo-evento-fecha{

font-size:13px;
color:#777;

}



/* FOOTER TARJETA */

.tenzo-evento-footer{

border-top:1px solid #eee;
padding:4px;
text-align:center;

}

.tenzo-evento-resultados{

font-size:13px;
font-weight:600;
color:#0c2d3f;
text-decoration:none;

}

.tenzo-evento-resultados:hover{

color:#f5b400;

}

.tenzo-evento-resultados.disabled{
color:#999;
cursor:default;
pointer-events:none;
}

/* ======================================================
INFORMACIÓN CAMPEONATO (CHIPS)
====================================================== */

.tenzo-card.campeonato-info{
display:flex;
flex-direction:column;
align-items:center;
}

/* BLOQUE INFO */

.tenzo-info-bloque{
text-align:center;
margin-top:18px;
width:100%;
}

/* TITULOS */

.tenzo-info-titulo{

display:block;

font-size:17px;
font-weight:700;

color:#0c2d3f;

margin-bottom:6px;

letter-spacing:.4px;

}

/* CONTENEDOR CHIPS */

.tenzo-sesiones-lista{

list-style:none;

padding:0;
margin:0 auto;

display:flex;
flex-wrap:wrap;
justify-content:center;

gap:5px;

max-width:300px;

}

/* CHIP */

.tenzo-sesion-item{

background:#f6f8fa;

padding:6px 12px;

font-size:13px;
font-weight:600;

color:#2d3748;

border-radius:30px;

border:1px solid #e2e6ea;

transition:all .2s ease;

}

/* HOVER CHIP */

.tenzo-sesion-item:hover{

background:#0c2d3f;
color:#fff;

border-color:#0c2d3f;

transform:translateY(-1px);

}

/* ======================================================
RESPONSIVE
====================================================== */

@media (max-width:900px){

.tenzo-campeonato-top{
grid-template-columns:1fr;
}

.tenzo-eventos-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:600px){

.tenzo-eventos-grid{
grid-template-columns:1fr;
}

.tenzo-campeonato-titulo{
font-size:30px;
}

}