.elementor-8777 .elementor-element.elementor-element-b4a5adc{--display:flex;}/* Start custom CSS for html, class: .elementor-element-f2f6635 *//* =====================================================
   BUENO GUSTO FAQ PAGE
   Isolated CSS
   ===================================================== */


.bgfaq-page {
    --bgfaq-primary: #6b1514;
    --bgfaq-secondary: #FFC222;
    --bgfaq-light: #faf7f2;
    --bgfaq-dark: #241817;
    --bgfaq-text: #4a3a38;
    --bgfaq-white: #ffffff;
    --bgfaq-border: rgba(107,21,20,.12);

    font-family: inherit;
    color: var(--bgfaq-text);
    background: var(--bgfaq-light);
    overflow:hidden;
}


.bgfaq-page *,
.bgfaq-page *::before,
.bgfaq-page *::after {
    box-sizing:border-box;
}


.bgfaq-page img {
    max-width:100%;
    height:auto;
    display:block;
}


.bgfaq-container {
    width:min(1200px, 92%);
    margin:0 auto;
}






/* ==========================
   HERO
========================== */


.bgfaq-hero {
    padding:60px 0;
    background:
    linear-gradient(
        135deg,
        #fff 0%,
        #faf7f2 100%
    );
}


.bgfaq-hero .bgfaq-container {

    display:grid;
    grid-template-columns:1fr;
    gap:40px;

}



.bgfaq-logo {

    width:190px;
    margin-bottom:25px;

}



.bgfaq-badge {

    display:inline-flex;
    background:var(--bgfaq-secondary);
    color:#111;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;

}



.bgfaq-hero h1 {

    color:var(--bgfaq-primary);
    font-size:clamp(34px,5vw,58px);
    line-height:1.1;
    margin:0 0 20px;
    font-weight:800;

}



.bgfaq-subtitle {

    font-size:clamp(16px,2vw,19px);
    line-height:1.7;
    max-width:620px;

}



.bgfaq-buttons {

    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-top:30px;

}



.bgfaq-btn {

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:52px;
    padding:0 28px;

    border-radius:50px;

    text-decoration:none;
    font-weight:700;

    transition:.3s ease;

}



.bgfaq-primary {

    background:var(--bgfaq-primary);
    color:white;

}



.bgfaq-primary:hover {

    background:#4e0d0c;
    transform:translateY(-3px);

}



.bgfaq-secondary {

    background:var(--bgfaq-secondary);
    color:#241817;

}



.bgfaq-secondary:hover {

    transform:translateY(-3px);

}






/* HERO STAT BOXES */


.bgfaq-hero-right {

    display:grid;
    grid-template-columns:1fr;
    gap:15px;

}



.bgfaq-highlight {

    background:white;
    padding:25px;
    border-radius:20px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.06);

    text-align:center;

}



.bgfaq-number {

    color:var(--bgfaq-primary);
    font-size:32px;
    font-weight:800;
    margin-bottom:5px;

}







/* ==========================
   NAVIGATION CARDS
========================== */


.bgfaq-navigation {

    padding:30px 0;

}



.bgfaq-navigation .bgfaq-container {

    display:grid;
    grid-template-columns:1fr;
    gap:15px;

}



.bgfaq-nav-card {

    background:white;
    padding:25px 20px;

    border-radius:18px;

    text-decoration:none;
    color:var(--bgfaq-dark);

    box-shadow:
    0 10px 30px rgba(0,0,0,.05);

    transition:.3s ease;

}



.bgfaq-nav-card:hover {

    transform:translateY(-5px);

}



.bgfaq-icon {

    font-size:30px;
    margin-bottom:12px;

}



.bgfaq-nav-card h3 {

    color:var(--bgfaq-primary);
    margin:0 0 5px;
    font-size:18px;

}



.bgfaq-nav-card span {

    font-size:14px;

}







/* ==========================
   FAQ SECTIONS
========================== */


.bgfaq-section {

    padding:70px 0;

}



.bgfaq-section-title {

    text-align:center;
    margin-bottom:45px;

}



.bgfaq-section-title > span {

    color:var(--bgfaq-secondary);
    font-weight:800;
    font-size:14px;

}



.bgfaq-section-title h2 {

    color:var(--bgfaq-primary);
    font-size:clamp(28px,4vw,42px);
    margin:12px 0;

}



.bgfaq-section-title p {

    max-width:650px;
    margin:auto;
    line-height:1.7;

}





/* FAQ ITEMS */


.bgfaq-list {

    max-width:900px;
    margin:auto;

}



.bgfaq-item {

    background:white;

    border-radius:18px;

    margin-bottom:15px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.05);

    overflow:hidden;

}



.bgfaq-question {

    width:100%;

    background:none;
    border:0;

    padding:22px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    text-align:left;

    cursor:pointer;

    font-size:16px;
    font-weight:700;

    color:var(--bgfaq-primary);

}



.bgfaq-question span {

    color:var(--bgfaq-secondary);
    font-size:28px;
    line-height:1;

}



.bgfaq-answer {

    padding:0 22px 22px;

}



.bgfaq-answer p {

    margin:0;
    line-height:1.7;

}






/* ==========================
   CTA
========================== */


.bgfaq-cta {

    padding:60px 0;

}



.bgfaq-cta-box,
.bgfaq-final-box {

    background:var(--bgfaq-primary);

    color:white;

    border-radius:30px;

    padding:40px 25px;

    text-align:center;

}



.bgfaq-cta h2,
.bgfaq-final-box h2 {

    color:white;

    font-size:clamp(28px,4vw,42px);

}



.bgfaq-cta p,
.bgfaq-final-box p {

    max-width:650px;
    margin:20px auto;
    line-height:1.7;

}






/* ==========================
   ABOUT
========================== */


.bgfaq-about-grid {

    display:grid;
    grid-template-columns:1fr;
    gap:40px;

}



.bgfaq-small-title {

    color:var(--bgfaq-secondary);
    font-weight:800;

}



.bgfaq-about-content h2 {

    color:var(--bgfaq-primary);

    font-size:clamp(28px,4vw,42px);

}



.bgfaq-check-list div {

    margin-bottom:12px;
    font-weight:600;

}



.bgfaq-about-image {

    display:flex;
    align-items:center;
    justify-content:center;

}





/* ==========================
   BLOG
========================== */


.bgfaq-blog {

    padding:70px 0;

}



.bgfaq-blog-grid {

    display:grid;
    grid-template-columns:1fr;
    gap:20px;

}



.bgfaq-blog-card {

    background:white;

    padding:30px;

    border-radius:20px;

    text-decoration:none;

    color:var(--bgfaq-text);

    box-shadow:
    0 10px 30px rgba(0,0,0,.05);

    transition:.3s ease;

}



.bgfaq-blog-card:hover {

    transform:translateY(-5px);

}



.bgfaq-blog-card h3 {

    color:var(--bgfaq-primary);

}



.bgfaq-blog-card span {

    color:var(--bgfaq-primary);
    font-weight:700;

}








/* ==========================
   TABLET
========================== */


@media(min-width:768px){


.bgfaq-navigation .bgfaq-container {

    grid-template-columns:repeat(3,1fr);

}


.bgfaq-hero-right {

    grid-template-columns:repeat(3,1fr);

}


.bgfaq-about-grid {

    grid-template-columns:1fr 1fr;

}


.bgfaq-blog-grid {

    grid-template-columns:repeat(3,1fr);

}


}







/* ==========================
   DESKTOP
========================== */


@media(min-width:1024px){


.bgfaq-hero {

    padding:90px 0;

}


.bgfaq-hero .bgfaq-container {

    grid-template-columns:1.2fr .8fr;

    align-items:center;

}



.bgfaq-navigation {

    margin-top:-40px;

}


.bgfaq-navigation .bgfaq-container {

    grid-template-columns:repeat(6,1fr);

}



.bgfaq-highlight {

    padding:35px 20px;

}



}






/* ==========================
   SMALL MOBILE
========================== */


@media(max-width:480px){


.bgfaq-buttons {

    flex-direction:column;

}


.bgfaq-btn {

    width:100%;

}


.bgfaq-section {

    padding:50px 0;

}


.bgfaq-question {

    padding:18px;

    font-size:15px;

}


.bgfaq-answer {

    padding:0 18px 18px;

}


}

.bgfaq-page .bgfaq-answer {
    max-height:0;
    overflow:hidden;
    padding-top:0;
    padding-bottom:0;
    transition:max-height .35s ease, padding .35s ease;
}

.bgfaq-page .bgfaq-item.active .bgfaq-answer {
    padding-bottom:22px;
}/* End custom CSS */