/*CONFIGURACIÓN*/
a{transition: .3s all ease;}
.cover{ object-fit: cover;}
.shadow{
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.37);
    }
.parrafo {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
/*GRID*/

table.shop_table.additional_details {
    grid-column: 2;
    max-width: 460px;
}

.flex-space{
    display: flex;
    justify-content: space-between;
}

@media(max-width:812px){
  .flex-space{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}  

}

.grid{
    display: grid;
    grid-gap: 20px;
    margin-bottom: 20px;
}
.grid-center{
    display: grid;
    align-items: center;
}
.grid-end{
    display: grid;
    align-items: end;
}
.grid-initial{
    display: grid;
    align-items: initial;
}


/*ALING TEXTO*/

.aling-left{ text-align: left;}
.aling-center{ text-align: center;}
.aling-rigth{ text-align: right;}
@media(max-width:992px){
.tm-aling-left{ text-align: left;}
.tm-aling-center{ text-align: center;}
.tm-aling-rigth{ text-align: right;}
}
@media(max-width:576px){
.tp-aling-left{ text-align: left;}
.tp-aling-center{ text-align: center;}
.tp-aling-rigth{ text-align: right;}
}

/*PANTALLAS GRANDES*/
.col-1{grid-template-columns: repeat(1, 1fr);}
.col-2{grid-template-columns: repeat(2, 1fr);}
.col-3{grid-template-columns: repeat(3, 1fr);}
.col-4{grid-template-columns: repeat(4, 1fr);}
.col-5{grid-template-columns: repeat(5, 1fr);}
.col-6{grid-template-columns: repeat(6, 1fr);}
.col-7{grid-template-columns: repeat(7, 1fr);}
.col-8{grid-template-columns: repeat(8, 1fr);}
.col-9{grid-template-columns: repeat(9, 1fr);}
.col-10{grid-template-columns: repeat(10, 1fr);}
.col-11{grid-template-columns: repeat(11, 1fr);}
.col-12{grid-template-columns: repeat(12, 1fr);}

.span-1{grid-column:  span 1;}
.span-2{grid-column:  span 2;}
.span-3{grid-column:  span 3;}
.span-4{grid-column:  span 4;}
.span-5{grid-column:  span 5;}
.span-6{grid-column:  span 6;}
.span-7{grid-column:  span 7;}
.span-8{grid-column:  span 8;}
.span-9{grid-column:  span 9;}
.span-10{grid-column:  span 10;}
.span-11{grid-column:  span 11;}
.span-12{grid-column:  span 12;}

.gap-0{ grid-gap: 0px;}
.gap-10{ grid-gap: 10px;}
.gap-20{ grid-gap: 20px;}
.gap-30{ grid-gap: 30px;}
.gap-40{ grid-gap: 40px;}
.gap-50{ grid-gap: 50px;}
.gap-60{ grid-gap: 60px;}
.gap-70{ grid-gap: 70px;}
.gap-80{ grid-gap: 80px;}
.gap-90{ grid-gap: 90px;}
.gap-100{ grid-gap: 100px;}
.gap-110{ grid-gap: 110px;}
.gap-120{ grid-gap: 120px;}

.padding-10{padding: 10px 0px;}
.padding-20{padding: 20px 0px;}
.padding-30{padding: 30px 0px;}
.padding-40{padding: 40px 0px;}
.padding-50{padding: 50px 0px;}
.padding-60{padding: 60px 0px;}
.padding-70{padding: 70px 0px;}
.padding-80{padding: 80px 0px;}
.padding-90{padding: 90px 0px;}
.padding-100{padding: 100px 0px;}

/*PANTALLAS MEDIANAS*/
@media(max-width:992px){
    
.col-tm-1{grid-template-columns: repeat(1, 1fr);}
.col-tm-2{grid-template-columns: repeat(2, 1fr);}
.col-tm-3{grid-template-columns: repeat(3, 1fr);}
.col-tm-4{grid-template-columns: repeat(4, 1fr);}
.col-tm-5{grid-template-columns: repeat(5, 1fr);}
.col-tm-6{grid-template-columns: repeat(6, 1fr);}
.col-tm-7{grid-template-columns: repeat(7, 1fr);}
.col-tm-8{grid-template-columns: repeat(8, 1fr);}
.col-tm-9{grid-template-columns: repeat(9, 1fr);}
.col-tm-10{grid-template-columns: repeat(10, 1fr);}
.col-tm-11{grid-template-columns: repeat(11, 1fr);}
.col-tm-12{grid-template-columns: repeat(12, 1fr);}

.span-tm-1{grid-column:  span 1;}
.span-tm-2{grid-column:  span 2;}
.span-tm-3{grid-column:  span 3;}
.span-tm-4{grid-column:  span 4;}
.span-tm-5{grid-column:  span 5;}
.span-tm-6{grid-column:  span 6;}
.span-tm-7{grid-column:  span 7;}
.span-tm-8{grid-column:  span 8;}
.span-tm-9{grid-column:  span 9;}
.span-tm-10{grid-column:  span 10;}
.span-tm-11{grid-column:  span 11;}
.span-tm-12{grid-column:  span 12;}

.gap-tm-0{ grid-gap: 0px;}
.gap-tm-10{ grid-gap: 10px;}
.gap-tm-20{ grid-gap: 20px;}
.gap-tm-30{ grid-gap: 30px;}
.gap-tm-40{ grid-gap: 40px;}
.gap-tm-50{ grid-gap: 50px;}
.gap-tm-60{ grid-gap: 60px;}
.gap-tm-70{ grid-gap: 70px;}
.gap-tm-80{ grid-gap: 80px;}
.gap-tm-90{ grid-gap: 90px;}
.gap-tm-100{ grid-gap: 100px;}
.gap-tm-110{ grid-gap: 110px;}
.gap-tm-120{ grid-gap: 120px;}
    
.padding-tm-10{padding: 10px 0px;}
.padding-tm-20{padding: 20px 0px;}
.padding-tm-30{padding: 30px 0px;}
.padding-tm-40{padding: 40px 0px;}
.padding-tm-50{padding: 50px 0px;}
.padding-tm-60{padding: 60px 0px;}
.padding-tm-70{padding: 70px 0px;}
.padding-tm-80{padding: 80px 0px;}
.padding-tm-90{padding: 90px 0px;}
.padding-tm-100{padding: 100px 0px;}
    
}

/*PANTALLAS PEQUEÑAS*/
@media (max-width:576px){

.col-tp-1{grid-template-columns: repeat(1, 1fr);}
.col-tp-2{grid-template-columns: repeat(2, 1fr);}
.col-tp-3{grid-template-columns: repeat(3, 1fr);}
.col-tp-4{grid-template-columns: repeat(4, 1fr);}
.col-tp-5{grid-template-columns: repeat(5, 1fr);}
.col-tp-6{grid-template-columns: repeat(6, 1fr);}
.col-tp-7{grid-template-columns: repeat(7, 1fr);}
.col-tp-8{grid-template-columns: repeat(8, 1fr);}
.col-tp-9{grid-template-columns: repeat(9, 1fr);}
.col-tp-10{grid-template-columns: repeat(10, 1fr);}
.col-tp-11{grid-template-columns: repeat(11, 1fr);}
.col-tp-12{grid-template-columns: repeat(12, 1fr);}

.span-tp-1{grid-column:  span 1;}
.span-tp-2{grid-column:  span 2;}
.span-tp-3{grid-column:  span 3;}
.span-tp-4{grid-column:  span 4;}
.span-tp-5{grid-column:  span 5;}
.span-tp-6{grid-column:  span 6;}
.span-tp-7{grid-column:  span 7;}
.span-tp-8{grid-column:  span 8;}
.span-tp-9{grid-column:  span 9;}
.span-tp-10{grid-column:  span 10;}
.span-tp-11{grid-column:  span 11;}
.span-tp-12{grid-column:  span 12;}

.gap-tp-0{ grid-gap: 0px;}
.gap-tp-10{ grid-gap: 10px;}
.gap-tp-20{ grid-gap: 20px;}
.gap-tp-30{ grid-gap: 30px;}
.gap-tp-40{ grid-gap: 40px;}
.gap-tp-50{ grid-gap: 50px;}
.gap-tp-60{ grid-gap: 60px;}
.gap-tp-70{ grid-gap: 70px;}
.gap-tp-80{ grid-gap: 80px;}
.gap-tp-90{ grid-gap: 90px;}
.gap-tp-100{ grid-gap: 100px;}
.gap-tp-110{ grid-gap: 110px;}
.gap-tp-120{ grid-gap: 120px;}

.padding-tp-10{padding: 10px 0px;}
.padding-tp-20{padding: 20px 0px;}
.padding-tp-30{padding: 30px 0px;}
.padding-tp-40{padding: 40px 0px;}
.padding-tp-50{padding: 50px 0px;}
.padding-tp-60{padding: 60px 0px;}
.padding-tp-70{padding: 70px 0px;}
.padding-tp-80{padding: 80px 0px;}
.padding-tp-90{padding: 90px 0px;}
.padding-tp-100{padding: 100px 0px;}
    
}