/* ------- COMEÇA bestselling ----------- */
.section-cards{
    grid-column: 2/10;
    grid-row: 6/7;
}
    
.section-cards{
    margin-top: 2px;padding-top: 3px;
}

.section-cards-mini{
    padding-top: .5rem;
    background: khaki;
    color:tomato;
}

.section-cards-mini{
    padding-top: .5rem;
    background: indigo;
}

.section-cards-header{
    font-size: 4.5rem;
    color:#23487f;
    text-align: center;
    margin: .5rem 0;
}
    
.div-cards-wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
    grid-gap: 3.6rem;
}

.div-cards-wrapperA{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(25rem,1fr));
    grid-gap:3.6rem;
}

.div-cards-wrapper4{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(25rem,1fr));
    grid-gap:3.4rem;
}
    
.div-card{
    background-color: #ffffff;
    height: 320px;
    border: solid #efefef 1.5px;
}
    
.div-card-img{
    width: 100%;
    border-radius: .3rem .3rem 0 0;
}
    
.div-card-img img{
    width: 225px;
    height: 225px;
}

.img{
     height: 225px;
}

.div-card-heading{
    background-color: #fffddd;
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: 1.4rem;
    color:royalblue;
    padding: .5rem 0;
    border-radius: .2rem;
    transform: translateY(-50%);
    font-family: 'Lato', sans-serif;
}

.div-card-heading__{
    background-color: #fffddd;
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: 1.2rem;
    color:458a9f;
    padding: .5rem 0;
    border-radius: .2rem;
    transform: translateY(-50%);
}
    
.div-card-paragraph{
    font-size: 1.9rem;
    color:#23487f;
    text-align: center;
    margin-bottom: 1.6rem;
}
    
.div-card-btn{
    width: 100%;
    padding: 1.6rem 0;
    background-color: #12376e;
    font-size: 1.9rem;
    color:#fff;
    border:none;
    border-radius: 0 0 .3rem .3rem;
}

.div-card-btn:hover{
    background-color: #23487f;
}

.div-card-heading{
    font-size: 1rem;
    color:#4989c5; 
}

.div-card-paragraph{
    font-size: 1.2rem;
    color: #022241;
}

.div-card-btn{
    font-size: 1rem;
    color:red;
}

.btn_x{
    list-style: none;
    text-decoration: none;
 }
 
 .div-card-btn_x{
     width: 80%;
     height: 5rem;
     margin: auto;
     background: linear-gradient(to top,#001540,#112233,#23487f);
     color:#fff;
     border: .1rem solid #fff;
     border-radius: .3rem;
     outline: none;
     position: relative;
     overflow: hidden;
     text-align: center;
     font-size: 2.4rem;
     text-decoration-line: none;
     padding-top:10px;
 }
 
 .div-card-marca{
     background-color:#23487f;
     width: 80%;
     margin: auto;
     text-align: center;
     font-size: 2.4rem;
     color:#ffffff;
     padding: .5rem 0;
     /* .......... */
     margin-bottom: 1rem; 
     text-decoration: none;
     list-style: none;
     /* .......... */
     border-radius: .2rem;
     transform: translateY(-50%);
 }
 
 .div-card-heading-X{
     background-color: #fffddd;
     width: 80%;
     height: 120px;
     margin: auto;
     text-align: center;
     font-size: 1.8rem;
     color:458a9f;
     padding: .5rem 0;
     border-right:2px solid yellow;
     border-bottom: 2px solid yellow;
     border-radius: .2rem;
     transform: translateY(-50%);
 }
 
 .dropdown-K{
     /* position: absolute;  */
     top:10%;
     width: 25rem;
     margin: auto;
     margin-left:10rem;
     background-color: #125ba0;
     padding: 1.6rem;
     display: grid;
     grid-template-columns: repeat(7,10rem);
     /* visibility: hidden; */
     opacity: 1;
     /* z-index:  100; */
     transition: all 1s;
     border-radius: .4rem;
 }
 
 .second-nav-list-X{
     display:grid;
     grid-template-columns: repeat(auto-fit,minmax(10rem,1fr));
     list-style: none;
     align-items: flex-start;
     /* background-color: aqua; */
 }
 
 .second-nav-link-X{
     text-align: center;
     display: grid;
     text-transform: uppercase;
     text-decoration: none;
     font-size: 1.4rem;
     color: #12376e;
     padding: .8rem 0;
     transition: all .5s .3s;
  }
 
 .second-nav-item:hover .dropdown-X{
     visibility: visible;
     opacity: 1;
 }
 
 .dropdown-list-link_X{
     font-size: 1.3rem;
     text-decoration: none;
     text-transform: uppercase;
     color:#34598f;
     color: #ffffff;
     margin: 0 0 1rem 1.6rem;
     display: block;
 }
 .dropdown-list-link:hover{
     /* color: #458a9f; */
     color:aqua;
 }
 
 /* @media(max-width:2200px){
    
}

@media(max-width:1800px){
    
}

@media(max-width:1200px){
    
}
@media(max-width:900px){

}

@media(max-width:600px){
    
}

@media(max-width:400px){
    
} */