/*CONFIGURACIÓN*/
a{transition: .3s all ease;
text-decoration: none;
color: #000;}
.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;
    }
.left{ float: left;}
.right{ float: right;}

/*H1 H2 H3 H4*/
h2.grande {
    font-size: 36px;
    font-weight: 300;
    margin: 0px;
}
h2.mediano {
    font-size: 26px;
    font-weight: 300;
    margin: 0px;
}
h2.chico {
    font-size: 18px;
    font-weight: 300;
    margin: 0px;
}
/*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;}


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

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

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

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

.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){
    
.aling-tm-left{ text-align: left;}
.aling-tm-center{ text-align: center;}
.aling-tm-rigth{ text-align: right;}

.tm-left{ float: left;}
.tm-right{ float: right;}

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


.pad-bot-tm-10{padding-bottom: 10px;}
.pad-bot-tm-20{padding-bottom: 20px;}
.pad-bot-tm-30{padding-bottom: 30px;}
.pad-bot-tm-40{padding-bottom: 40px;}
.pad-bot-tm-50{padding-bottom: 50px;}
.pad-bot-tm-60{padding-bottom: 60px;}
.pad-bot-tm-70{padding-bottom: 70px;}
.pad-bot-tm-80{padding-bottom: 80px;}
.pad-bot-tm-90{padding-bottom: 90px;}
.pad-bot-tm-100{padding-bottom: 100px;}
    
    
.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;}
    
.pad-tm-left-10{padding-left: 10px;}
.pad-tm-left-20{padding-left: 20px;}
.pad-tm-left-30{padding-left: 30px;}
.pad-tm-left-40{padding-left: 40px;}
.pad-tm-left-50{padding-left: 50px;}
.pad-tm-left-60{padding-left: 60px;}
.pad-tm-left-70{padding-left: 70px;}
.pad-tm-left-80{padding-left: 80px;}
.pad-tm-left-90{padding-left: 90px;}
.pad-tm-left-100{padding-left: 100px;}
    
.pad-tm-right-10{padding-right: 10px;}
.pad-tm-right-20{padding-right: 20px;}
.pad-tm-right-30{padding-right: 30px;}
.pad-tm-right-40{padding-right: 40px;}
.pad-tm-right-50{padding-right: 50px;}
.pad-tm-right-60{padding-right: 60px;}
.pad-tm-right-70{padding-right: 70px;}
.pad-tm-right-80{padding-right: 80px;}
.pad-tm-right-90{padding-right: 90px;}
.pad-tm-right-100{padding-right: 100px;}

.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){

.aling-tp-left{ text-align: left;}
.aling-tp-center{ text-align: center;}
.aling-tp-rigth{ text-align: right;}
    
.tp-left{ float: left;}
.tp-right{ float: right;}

    
.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;}
    
.pad-bot-tp-10{padding-bottom: 10px;}
.pad-bot-tp-20{padding-bottom: 20px;}
.pad-bot-tp-30{padding-bottom: 30px;}
.pad-bot-tp-40{padding-bottom: 40px;}
.pad-bot-tp-50{padding-bottom: 50px;}
.pad-bot-tp-60{padding-bottom: 60px;}
.pad-bot-tp-70{padding-bottom: 70px;}
.pad-bot-tp-80{padding-bottom: 80px;}
.pad-bot-tp-90{padding-bottom: 90px;}
.pad-bot-tp-100{padding-bottom: 100px;}

.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;}
    
.pad-tp-left-10{padding-left: 10px;}
.pad-tp-left-20{padding-left: 20px;}
.pad-tp-left-30{padding-left: 30px;}
.pad-tp-left-40{padding-left: 40px;}
.pad-tp-left-50{padding-left: 50px;}
.pad-tp-left-60{padding-left: 60px;}
.pad-tp-left-70{padding-left: 70px;}
.pad-tp-left-80{padding-left: 80px;}
.pad-tp-left-90{padding-left: 90px;}
.pad-tp-left-100{padding-left: 100px;}

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

.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;
        margin: 0 auto;
        float: none;
    }
    
}