@import url('https://fonts.googleapis.com/css2? family= Dosis:wght@200;300;400;500;600;700;800 & display=swap');

:root{
    --accent:#4b2c16;
    --dark:#1f2937;
    --muted:#6b7280;
    --card:#ffffff;
    --bg:#f9fafb;
    font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--dark);min-height:100vh;line-height:1.5}
a{text-decoration:none;color:inherit}

/* NAV */

.nav{display:flex;
    align-items:center;
    justify-content:space-between;
    padding:60px 20px;
    background:#fff;
    border-bottom:1px solid #e5e7eb;
    position:sticky;
    top:0;z-index:40
}

.nav .links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.btn{background:var(--accent) !important;
    color:white !important;
    padding:10px 16px;
    border-radius:8px;
    font-weight:600;
    transition:background 0.2s
}
.btn:hover{background:#4b2c16;}
.ghost{border:1px solid #e5e7eb;padding:8px 12px;border-radius:6px;color:var(--dark);font-size:14px}
.ghost:hover{background:#f3f4f6}

/* HERO */
.hero{padding:150px 25px;display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:center;max-width:1200px;margin:0 auto}
.hero .kicker{display:inline-block;padding:6px 12px;border-radius:999px;background:#e0e7ff;color:var(--accent);font-size:13px;margin-bottom:12px;font-weight:600}
.hero h1{font-size:50px;margin:0 0 16px;line-height:1.2}
.hero p{margin:0 0 20px;color:var(--muted);max-width:60ch; font-size: 20px;}
.search{background:#fff;padding:12px;border-radius:10px;display:flex;gap:10px;align-items:center;border:1px solid #e5e7eb}
.search input{flex:1;background:transparent;border:0;color:inherit;font-size:16px;outline:none}
.panel{background:#fff;border:1px solid #e5e7eb;padding:16px;border-radius:10px}
.event-small{display:flex;gap:12px;align-items:center}
.event-small img{width:72px;height:56px;object-fit:cover;border-radius:6px}

/* CATEGORIES */
.cats{display:flex;gap:10px;overflow-x:auto;padding:20px 24px;max-width:1200px;margin:0 auto;scroll-snap-type:x mandatory}
.cat{background:#f3f4f6;padding:8px 14px;border-radius:999px;white-space:nowrap;font-size:14px;color:var(--dark);cursor:pointer;scroll-snap-align:start;flex-shrink:0}
.cat:hover{background:#e5e7eb}

/* GRID */
.events{padding:20px 24px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}

.card{background:var(--card);
    color:var(--dark);
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    transition:transform 0.2s;
    border: 1px solid white !important;
}

.card:hover{transform:translateY(-4px)}

.card img{width:100%;height:160px;object-fit:cover;display:block}
.card .meta{padding:12px}
.card h3{margin:0 0 6px;font-size:16px}
.card p{margin:0;color:var(--muted);font-size:14px}
.card .price-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-top:1px solid #e5e7eb}

/* FOOTER */
footer{padding:24px;border-top:1px solid #e5e7eb;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#fff}

/* CAROUSEL */
.carousel-container{
    max-width:1200px;
    margin:40px auto;
    position:relative;
    padding:0 20px;
    margin-top: -150px;
}

.card-dimension{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:20px;text-align:center;transition:transform .3s ease, box-shadow .3s ease}

.card-dimension:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}

.card-logo{font-size:2rem;color:var(--accent);margin-bottom:10px}

.card-dimension h5{font-size:1rem;font-weight:600;color:#333;margin:0}

/* Slick Custom */
.slick-prev, .slick-next{background:var(--accent);border-radius:50%;width:40px;height:40px;z-index:10}
.slick-prev:before, .slick-next:before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:18px;color:#fff}
.slick-prev:before{content:"\f104";}
.slick-next:before{content:"\f105";}
.slick-dots li button:before{font-size:12px;color:#ccc;opacity:1}
.slick-dots li.slick-active button:before{color:var(--accent)}

/* RESPONSIVE */
@media (max-width:992px){
    .hero{
    grid-template-columns:1fr;
    gap:24px;
    padding: 100px 25px;
    }
    .events{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
    .events{grid-template-columns:1fr}
    .logo .text{display:none}
    .nav .links{gap:8px}
    .hero h1{font-size:28px}
    .main{
    padding: 0px 50px 0px 100px;
    }
}
@media (min-width:770px){
    main{
        padding: 0px 50px 0px 100px;
    }
    .image-logo{
        display: flex !important;
    }

    .nav{
        display: none;
        padding: 20px 20px;
    }
    .links{
        display: none;
    }
    
}
@media (max-width:770px){
    .nav{
        display: flex;
    }
    .adicaoProduto{
        display: block !important;
    }
    .row-detalhe-produto{
        padding: 20px 20px !important;
    }
    .nav-cart-count{
        display: block !important;

    }
    .conteudo-quemsomos{
        padding: 20px 20px !important;
    }
    
}

.slick-initialized .slick-slide {
    margin: 10px !important;
}

/* FAQ */

.faq-container {
    max-width: 800px;
    margin: 4rem auto;
    padding: 2rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

.faq-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center;
    color: #4b2c16;
}

.faq-item {
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem 0;
    transition: all 0.3s ease;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    transition: color 0.2s ease;
}

.faq-question:hover {
    color: var(--accent);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
    color: #4b5563;
    font-size: 20px;
    line-height: 1.6;
}

.faq-item.active .faq-answer {
    max-height: 300px;
    padding-top: 0.8rem;
}

.faq-icon {
    font-size: 1rem;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
}

.image-logo{
    width: 100px;
    height: 100px;
    display: flex;
    text-align: -webkit-center;
    background-image: url("{{ MEDIA_URL }}imagens/logos/logo-seislagoas.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.logomarca{
    display: flex;
}

.bxr{
    font-size: 50px;
}


/* ====== NAV PRODUTOS ====== */


.nav-produtos{
    justify-content: space-between;
    align-items: anchor-center;
    margin-top: 35px !important;
}
.btn-voltar{
    text-align-last: end;
    font-size: 25px;
    color: #4b2c16;
}
.titulo-TipoProduto {
    display: flex;
    text-align: center;
}
    

.titulo-TipoProduto i{
    font-size: 5rem !important; 
    color: #4b2c16;
    margin-bottom: 1rem;
}
.titulo-TipoProduto p{
    font-size: 26px !important;
    color: #4b2c16 !important;
    margin-left: 10px;
    margin-top: 9px;
    font-weight: 400 !important;
}


 /* ====== END NAV PRODUTOS ====== */

 /* ====== CARDS PRODUTOS ====== */


.precoProduto{
    display: block;
}

.apartir{
    color: #595a5a !important;
    font-size: 20px;
    font-family: Poppins, sans-serif;
}

.valorProduto{
    color: #22b774 !important;
    font-size: 20px !important;
    font-family: Poppins, sans-serif;
    font-weight: 600;
}

.tituloProduto{
    color: #4b2c16!important;
    font-size: 20px !important;
    font-family: Poppins, sans-serif;
    font-weight: 600;
}

.descricaoCurta{
    color: #606161 !important;
    font-size: 17px !important;
    font-family: Poppins, sans-serif;
    font-weight: 300;
}


 /* ====== END CARDS PRODUTOS ====== */


/* ====== TEXTOS ====== */

.titulos{
    color: #000000 !important;
    font-size: 20px !important;
    font-family: Poppins, sans-serif !important;
    font-weight: 600 !important;
}
.titulo2{
    color: #000000 !important;
    font-size: 20px !important;
    font-family: Poppins, sans-serif !important;
    font-weight: 600 !important;
}

.textos{
    color: #474747 !important;
    font-size: 20px !important;
    font-family: Poppins, sans-serif !important;;
    font-weight: 100 !important;
}

/* ====== END TEXTOS ====== */


/* ====== BOTÕES  ====== */

.btn-card_produto {
    background: #4b2c16;
    color: white;
    padding: 10px 16px;
    border-radius: 8px;
    font-weight: 600;
    transition: background 0.2s;
    font-size: 20px;
    text-decoration: none !important;
    text-transform: none !important;
}

.btn-card_produto:hover{
    background: #4b2c16;
    color: white !important;
}


.logoMobile a{
    width: 100px ;
    height: 100px ;
    display: flex;
    background-repeat: no-repeat;
    background-size: 81px;
    margin-left: -8px;
    position: absolute;
    margin-top: -25px;
    background-position: center;
}

.navPrincipal{
    align-items: center;
    justify-content: space-between;
    padding: 60px 20px;
    position: sticky;
    top: 0;
    z-index: 40;
}
@media (max-width:770px){
    .navPrincipal{
        position: absolute;
        justify-self: center;

        
        

    }
    .logoMobile{
        margin-top: 59px !important;
        width: 160px !important;
        height: 160px !important;
    }
    .logoMobile a{
        width: 160px !important;
        height: 160px !important;
        
    }

    
}

@media (min-width:770px){
    .navPrincipal{
        padding: 60px 20px;
        position: absolute;
        

    }
    .logoMobile a{
        display: none !important;
        
    }
    
}