.section{
    background: var(--color-secundario);
    width: 95%;
    margin:10px auto;
}
.section h1{
    text-align: center;
    font-size: 28px;
    color: var(--color-principal);
    margin-top: 10px;
}
.completeCard{
    width: 90%;
    margin:auto;
    display: grid;
    grid-template-columns: 40% 59%;
    gap: 1%;
}
.completeCard .secondPart{
    margin-left: 15px;
}
.completeCard figure{
    width: 100%;
    height: 250px;
}
.completeCard figure img{
    width: 100%;
    height: 250px;
}
.completeCard .secondPart h3{
    text-align: left;
    font-size: 18px;
    color: var(--color-principal);
}
.completeCard .secondPart .des{
    overflow: hidden;
    font-size: 14px;
    text-align: justify;
    line-height: 1.3;
}
.completeCard .secondPart span{
    font-weight: bold;
    font-size: 18px;
    color: var(--letra-figura);
}
.completeCard .secondPart .separar p{
    font-weight: bold;
    font-size: 16px;
}
.completeCard .secondPart .separar p span{
    background: var(--color-figuras);
    color: var(--letra-figura);
    padding: 4px;
    border-radius: 5px;
}
hr{
    grid-column: 1/-1;
}
@media (min-width:1080px){
    .miCard{
        width: 100%;
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .completeCard{
        width: 90%;
    }
    hr{
        grid-column: 1/-1;
        margin: 10px auto;
        /* display: none; */
    }
}