/*CONFIGURACIÓN*/
a{transition: .3s all ease;}
.cover{ object-fit: cover;}
.shadow{
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 27%);
    -webkit-box-shadow:0px 0px 3px 0px rgb(0 0 0 / 27%);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.27);
    transition: .3s all ease;
    }
.shadow-padding{
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 27%);
    -webkit-box-shadow:0px 0px 3px 0px rgb(0 0 0 / 27%);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.27);
    transition: .3s all ease;
    padding: 30px !important;
    }
/*GRID*/

.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: baseline;
}

/*BOTONES*/

.primario-azul {
    padding: 0px 4px;
    background: #2f98d3;
    color: #fff;
    border-radius: 5px;
    display: block;
    width: fit-content;
    font-size: 13px;
}
.primario-blanco {
    padding: 0px 4px;
    background: #fff;
    color: #000;
    border-radius: 5px;
    display: block;
    width: fit-content;
    font-size: 13px;
}

/*CONTENEDORES*/

.contenedor-seccion{
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}

.contenedor-full{
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.contenedor-1000{
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}


/*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;}

.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;}

.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;}

/*PANTALLAS MEDIANAS*/
@media(max-width:992px){
.contenedor-seccion {
    max-width: 90%;
    margin: 0 auto;
}  
.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;}
    
.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;}

.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;}
    
}

/*PANTALLAS PEQUEÑAS*/
@media (max-width:576px){
.contenedor-seccion {
    max-width: 90%;
    margin: 0 auto;
}  
.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;}

.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;}

.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;}
    
    .max-90{
        max-width: 90% !Important;
    }
    
}