/* Solo para el botón más productos */
.idx-mas {
    display: flex;

}
.idx-mas a {
    margin: 0 auto;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
    color: #fff;
    margin-top: 12px;
    border-radius: 1px;
    background-color: var(--color6);
    border: 1px solid var(--color6);
    padding: 8px 28px;
}
.idx-mas a:hover {
    color: var(--color6);
    background-color: #fff;
}
/* PARA LOS PRODUCTOS */
.prd-idx-ctr {
    margin: 40px 0;
}
.prd-idx {
    width: 100%;
}
.prd-idx h1 {
    margin-bottom: 10px;
}
.prd-idx p {
    margin-bottom: 20px;
    text-align: justify;
}
.prd-idx-itm {
    width: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 550px;
    gap: 40px;
}
.prd-idx-itm .itm,
.prd-idx-itm .img {
    overflow: hidden;
    width: 100%;
}
.prd-idx-itm .img {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 60%;
}
.prd-idx-itm img {
    height: 100%;
}
.prd-idx-itm .info {
    height: 40%;
}
.prd-idx-itm .info h2 {
    margin: 10px 0;
}
.prd-idx-itm .info a {
    text-decoration: none;
    color: var(--color1);
}
.prd-idx-itm .info a:hover {
    color: var(--color8);
}
@media (max-width: 840px) {
    .prd-idx {
        padding: 0 20px;
        width: calc(100% - 40px);
    }
}
@media (max-width: 720px) {
    .prd-idx-itm {
        grid-template-columns: 1fr;
        grid-auto-rows: 500px;
    }
}