/* Main Inicio */
main{
    width: 100dvw;
    height: 90dvh;
    padding: 1em 0 0 0;
}
.ediciones{
    width: 100%;
    height: auto;
}
h1{
    width: 95%;
    height: auto;
    margin: auto;
    font-family: kanit;
    font-weight: 900;
    font-size: var(--title);
    color: var(--color1);
    text-align: center;
    letter-spacing: -2px;
}
.ediciones > p{
    width: 90%;
    height: auto;
    margin: auto;
    font-family: kanit;
    font-weight: 400;
    font-size: var(--parrafos);
    color: var(--color1);
    text-align: center;
    margin: auto;
    display: inline-block;
}
.contEdiciones{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 3em 0 0 0;
}
.edicion{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 1em 0;
}
.edicion img{
    width: 8em;
    height: auto;
}
.edicion > p{
    width: 90%;
    height: auto;
    margin: 1em auto;
    font-family: kanit;
    font-weight: 400;
    font-size: var(--parrafos);
    color: var(--color1);
    text-align: center;
}
/* Main Fin */
.btnManual{
    width: 6em;
    height: 3em;
    background: var(--color1);
    position: absolute;
    right: 0;
    bottom: 4em;
    border-radius: 1em 0 0 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnManual a{
    width: 100%;
    height: 100%;
    color: var(--color2);
    font-family: kanit;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
@media only screen and (min-width:481px) and (max-width:768px){
    /* Main Inicio */
    .contEdiciones {
        grid-template-columns: repeat(3, 1fr);
        padding: 1em 0 0 0;
    }
    .edicion > p {
        margin: 0em auto;
    }
    /* Main Fin */
    .btnManual{
        bottom: unset;
        top: 3em;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1279px) and (orientation: portrait){
    /* Main Inicio */
    .contEdiciones {
        grid-template-columns: repeat(2, 1fr);
    }
    .edicion img {
        width: 13em;
    }
    /* Main Fin */
    .btnManual{
        display: none;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1279px) and (orientation: landscape){
    /* Main Inicio */
    .contEdiciones {
        grid-template-columns: repeat(3, 1fr);
    }
    .edicion img {
        width: 13em;
    }
    /* Main Fin */
    .btnManual{
        display: none;
    }
}
@media only screen and (min-width:1280px){
    /* Main Inicio */
    .contEdiciones {
        grid-template-columns: repeat(3, 1fr);
    }
    .edicion img {
        width: 15em;
        transition: transform 0.4s ease;
    }
    .edicion img:hover {
        width: 15em;
        transform: translateY(-1em);
    }
    /* Main Fin */
    .btnManual{
        display: none;
    }
}