/* ===== HISTORIA MTG ===== */

.mtg-bloque-anio{

    margin:40px auto;
    max-width:1300px;
    position:relative;

}

.mtg-anio{

    text-align:center;
    font-size:30px;
    margin-bottom:30px;
    font-weight:700;

}

.mtg-linea{

    position:absolute;
    left:0;
    right:0;
    top:125px;
    height:4px;
    background:#2c2c2c;
    z-index:1;

}

.mtg-timeline{

    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:60px;
    position:relative;
    z-index:2;

}

.mtg-evento{

    width:220px;
    text-align:center;

}

.mtg-evento img{

    width:120px;
    height:auto;
    border-radius:12px;
    transition:.25s;

}

.mtg-evento img:hover{

    transform:translateY(-8px) scale(1.03);

}

.mtg-ficha{

    margin-top:18px;
    text-align:center;

}

.mtg-ficha h3{

    font-size:22px;
    margin-bottom:12px;

}

.mtg-ficha p{

    margin:8px 0;
    font-size:15px;
    line-height:1.5;

}

.mtg-ficha strong{

    color:#0099ff;

}

.ficha-mtg{
    max-width:700px;
    margin:60px auto;
}

.ficha-mtg h2{
    text-align:center;
    margin-bottom:25px;
}

.ficha-mtg table{
    width:100%;
    border-collapse:collapse;
}

.ficha-mtg th{
    width:220px;
    background:#f5f5f5;
    text-align:left;
    padding:12px;
}

.ficha-mtg td{
    padding:12px;
}

.ficha-mtg tr{
    border-bottom:1px solid #ddd;
}

.volver-mtg{
    display:inline-block;
    background:#111;
    color:#fff;
    padding:12px 24px;
    border-radius:8px;
    text-decoration:none;
    transition:.2s;
}

.volver-mtg:hover{
    background:#0b7bdc;
    color:#fff;
}

/* ===========================
   VERSIÓN MÓVIL LÍNEA TEMPORAL
=========================== */

@media (max-width:768px){

.mtg-linea{
    display:none;
}

.mtg-timeline{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:25px;
}

.mtg-evento{
    width:42%;
    max-width:150px;
}

.mtg-evento img{
    width:100%;
    height:auto;
}

.mtg-punto{
    display:none;
}

.mtg-anio{
    font-size:34px;
    margin-bottom:25px;
}

.mtg-bloque-anio{
    margin-bottom:45px;
}

}