/* ===========================
   JA-Commerce Store v1.0
===========================*/

:root{
    --primary:#6f42c1;
    --dark:#111827;
    --light:#f8f9fa;
    --text:#222;
    --radius:18px;
}

body{
    background:#f4f6fb;
    font-family:'Poppins',sans-serif;
    color:var(--text);
}

section{
    padding:70px 0;
}

h1,h2,h3,h4,h5{
    font-weight:700;
}

.btn{
    border-radius:12px;
    transition:.3s;
}

.btn:hover{
    transform:translateY(-2px);
}

.card{
    border:none!important;
    border-radius:var(--radius)!important;
    overflow:hidden;
    transition:.35s;
    background:#fff;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12)!important;
}

.card img{
    width:100%;
    height:240px;
    object-fit:contain;
    background:#fff;
    padding:15px;
}

.navbar{
    box-shadow:0 3px 12px rgba(0,0,0,.05);
}

.logo{
    font-weight:800;
    color:var(--primary);
}

.hero-title{
    font-size:56px;
    font-weight:800;
}

.hero-text{
    font-size:20px;
    opacity:.9;
}

.categoria-card,
.marca-card{
    min-height:240px;
}

footer{
    background:#202428!important;
}

footer a{
    transition:.3s;
}

footer a:hover{
    color:#fff!important;
    padding-left:6px;
}

input.form-control{
    border-radius:12px;
}

@media(max-width:768px){

.hero-title{
    font-size:38px;
}

.card img{
    height:180px;
}

section{
    padding:45px 0;
}

}