section{
    width: 97%;
    margin:10px auto;
    border-radius:10px;
    background:var(--color-secundario);
}
.section h1{
    text-align: center;
    font-size: 30px;
    color: var(--color-principal);
    text-decoration: underline;
    margin-top: 20px;
}
.Maincontenedor{
    width: 97%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.Maincontenedor .childcontenedor{
    width: 100%;
    margin:20px auto;
    text-align: center;
    border: 1px solid gray;
    padding: 5px;
    position: relative;
}
.Maincontenedor .childcontenedor .img figure img{
    width: 100%;
    height: 250px;
}
.Maincontenedor .childcontenedor .texto h3{
    text-align: start;
    color: var(--titulos);
    font-weight: bold;
    font-size: 20px;
    padding: 3px;
}
.Maincontenedor .childcontenedor .texto p{
    text-align: start;
    color: var(--titulos);
    font-size: 14px;
    text-align: justify;
    margin:10px auto;
    padding: 3px;
}
.Maincontenedor .childcontenedor .texto span{
    font-size: 17px;
    color: var(--letra-figura);
    font-weight: bold;
}

.Maincontenedor .childcontenedor .texto .buy{
    width: 50%;
    margin: 10px auto;
}
.Maincontenedor .childcontenedor .texto .buy a{
    background: var(--color-principal);
    color: var(--color-secundario);
    display: block;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    border-radius: 20px;
    padding: 10px;
}
.Maincontenedor .childcontenedor .texto .buy a:hover{
    text-decoration: underline;
}

.Maincontenedor .childcontenedor .textoextra{
    background: var(--letra-figura);
    color: var(--color-figuras);
    width: 120px;
    border-radius: 30px;
    position: absolute;
    top: 35px;
    left: 10px;
    display: flex;
}
.Maincontenedor .childcontenedor .textoextra p{
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    margin: auto;
}

@media (min-width:993px){
    section{
        /* margin-top: 45px; */
    }
}