/* -------------------------------------------------------------------
 * (Conheça nossa essência!)
 * -----------------------------------------------------------------*/
#sobre { padding-top: 4rem; padding-bottom: 3rem; }
#sobre h2 { font-family: "Pamit"; color: var(--color-primary); font-size: 3.2rem; margin-bottom: 3rem; }
#sobre .content { background: var(--color-font-light); padding: 2.5rem 2.8rem; border-radius: 4rem; }
#sobre .content p { font-size: 1.2rem; font-weight: 500; line-height: 28px; }
#sobre .content p span, #sobre .content p strong { color: var(--color-secondary); font-weight: bold; }

@media( max-width: 1199px ) {
    #sobre .content { padding: 2rem; border-radius: 3rem; }
}
@media( max-width: 991px ) {
    #sobre img { width: 70%; margin: 0 15% 2rem; }
}
@media( max-width: 575px ) {
    #sobre { padding-top: 4rem; padding-bottom: 1rem; }
    #sobre h2 { font-size: 2.5rem; }
    #sobre img { width: 80%; margin: 0 10% 2rem; }
    #sobre .content { padding: 1.8rem; border-radius: 2.5rem; }
    #sobre .content p { font-size: 1.1rem; line-height: 27px; }
}



/* -------------------------------------------------------------------
 * (Nosso Propósito)
 * -----------------------------------------------------------------*/
#proposito {
    background-image: url(../img/bg_bloco_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: inherit;
    color: var(--color-font-light);
    padding: 25% 0%;
}
#proposito h2 { font-family: "Pamit"; color: var(--color-font-light); font-size: 3.2rem; margin-bottom: 3rem; }
#proposito h3 { font-family: "OzHandicraftBT"; color: var(--color-font-light); font-size: 2rem; margin-bottom: 1rem; }
#proposito .content { background: var(--color-font-light); padding: 2.2rem 2rem; border-radius: 4rem; }
#proposito .content.mheight { min-height: 350px; }
#proposito .content p { font-size: 1.1rem; font-weight: 500; line-height: 26px; }
#proposito .content p span { color: var(--color-secondary); font-weight: bold; }

@media( max-width: 1199px ) {
    #proposito .content.mheight { min-height: 420px; }
    #proposito .content p br { display: none; }
}
@media( max-width: 991px ) {
    #proposito { padding: 40% 0%; }
    #proposito .content.mheight { min-height: auto; }
    #proposito .content { margin-bottom: 1.5rem; padding: 2rem; border-radius: 3rem; }
}
@media( max-width: 767px ) {
    #proposito { padding: 45% 0%; }
}
@media( max-width: 575px ) {
    #proposito { padding: 50% 0%; }
    #proposito h2 { font-size: 2.5rem; margin-bottom: 2rem; }
    #proposito h3 { font-size: 1.6rem; }
    #proposito .content { margin-bottom: 1rem; padding: 1.4rem; border-radius: 2.5rem; }
    #proposito .content p { font-size: 1rem; line-height: 25px; }
}
@media( max-width: 449px ) {
    #proposito { padding: 75% 0%; }
}
@media( max-width: 399px ) {
    #proposito { padding: 100% 0%; }
}



/* -------------------------------------------------------------------
 * (Nossos Produtos)
 * -----------------------------------------------------------------*/
#produtos { padding-top: 3rem; padding-bottom: 3rem; }
#produtos h2 { font-family: "Pamit"; color: var(--color-primary); font-size: 3.2rem; margin-bottom: 2rem; }
#produtos h3 { font-family: "Pamit"; color: var(--color-primary); font-size: 1.7rem; margin-top: 3rem; }
#produtos .content { background: var(--color-font-light); padding: 2.5rem 3rem; border-radius: 4rem; }
#produtos .content p { font-size: 1.3rem; font-weight: 500; line-height: 28px; }

#produtos .produto_content { position: relative; }
#produtos .produto_content article { background: var(--color-font-light); padding: 1.2rem 1rem; border-radius: 2rem; text-align: center; }
#produtos .produto_content article h3 {  margin-top: 0; font-family: "OzHandicraftBT"; font-size: 2.5rem; line-height: 39px; }


#produtos .prod-left-01 img, #produtos .prod-left-02 img, #produtos .prod-left-03 img, 
#produtos .prod-right-01 img, #produtos .prod-right-02 img, #produtos .prod-right-03 img
{ position: absolute; } 

#produtos .prod-left-01 { top: 3rem; }
#produtos .prod-left-01 img { right: -10rem; top: -3rem; }
#produtos .prod-left-02 { top: 10rem; }
#produtos .prod-left-02 img { right: -4rem; top: -5rem; }
#produtos .prod-left-03 { top: 18rem; }
#produtos .prod-left-03 img { right: -6rem; top: -6rem; }

#produtos .prod-right-01 { top: 5rem; }
#produtos .prod-right-01 img { left: -8rem; top: -3rem; }
#produtos .prod-right-02 { top: 12rem; }
#produtos .prod-right-02 img { left: -6rem; top: -3rem; }
#produtos .prod-right-03 { top: 21rem; }
#produtos .prod-right-03 img { left: -6rem; top: -7rem; }


@media( max-width: 1199px ) {
    #produtos .produto_content article h3 { font-size: 2rem; line-height: 34px; }

    #produtos .prod-left-01 { top: 4rem; }
    #produtos .prod-left-01 img { right: -9rem; top: -3.5rem; }
    #produtos .prod-left-02 { top: 11rem; }
    #produtos .prod-left-02 img { top: -4.5rem; }

    #produtos .prod-right-01 img { left: -5.5rem; top: -2.8rem; }
    #produtos .prod-right-02 { top: 11rem; }
    #produtos .prod-right-02 img { top: -2.8rem; }
    #produtos .prod-right-03 { top: 18rem; }
    #produtos .prod-right-03 img { left: -5rem; top: -6.5rem; }
}
@media( max-width: 991px ) {
    #produtos .justify-content-between { align-items: center; }
    #produtos .produto_content { position: initial; }
    #produtos .produto_content img { display: none; }
    #produtos .produto_content article { 
        padding: 1rem;
        border-radius: 1rem;
        margin-bottom: 1rem;
        min-height: 140px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
     }
    #produtos .produto_content article h3 { font-size: 1.8rem; line-height: 30px; }
}
@media( max-width: 767px ) {
    #produtos .prod-img { max-width: 70%; margin: 0 15% 1.5rem; }
}
@media( max-width: 575px ) {
    #produtos .prod-img { max-width: 80%; margin: 0 10% 1.5rem; }
    #produtos { padding-top: 1rem; }
    #produtos h2 { font-size: 2.5rem; }
    #produtos h3 { font-size: 1.4rem; }
    #produtos .content { padding: 1.8rem; border-radius: 2.5rem; }
    #produtos .content p { font-size: 1.1rem; line-height: 26px; }
}



/* -------------------------------------------------------------------
 * (APOIE ESTA MISSÃO!)
 * -----------------------------------------------------------------*/
 #apoie {
    background-image: url(../img/bg_doacao.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: inherit;
    color: var(--color-font-light);
    padding: 22% 0%;
}
#apoie h2 { font-family: "Pamit"; color: var(--color-font-light); font-size: 3.2rem; margin-bottom: 3rem; }
#apoie h3 { font-family: "OzHandicraftBT"; color: var(--color-font-light); font-size: 2.3rem; }
#apoie .content { background: var(--color-font-light); padding: 2.2rem 2rem; border-radius: 4rem; }
#apoie .content p { font-size: 1.2rem; font-weight: 500; line-height: 26px; }
#apoie a.btn_theme_secondary { 
    transition: .2s;
    font-family: "OzHandicraftBT";
    background: var(--color-button-bg-doacao) !important;
    color: var(--color-button-ft-doacao) !important;
    padding: 15px 3rem !important;
    font-size: 1.75rem;
    border-radius: 8rem !important;
    margin-top: 2rem;
}
#apoie a.btn_theme_secondary:hover { 
    transition: .2s;
    background: var(--color-secondary-hover) !important; 
    color: var(--color-font-light) !important; 
}


@media( max-width: 991px ) {
    #apoie { padding: 25% 0%; }
    #apoie .content { margin-bottom: 1.5rem; padding: 2rem; border-radius: 3rem; }
}
@media( max-width: 767px ) {
    #apoie { padding: 35% 0%; }
    #apoie h3 { font-size: 2rem; }
}
@media( max-width: 575px ) {
    #apoie { padding: 40% 0%; }
    #apoie h2 { font-size: 2.5rem; margin-bottom: 2rem; }
    #apoie h3 { font-size: 1.7rem; }
    #apoie .content { margin-bottom: 0rem; padding: 1.4rem; border-radius: 2.5rem; }
    #apoie .content p { font-size: 1.1rem; line-height: 25px; }
}
@media( max-width: 449px ) {
    #apoie { padding: 55% 0%; }
}
@media( max-width: 349px ) {
    #apoie { padding: 80% 0%; }
    #apoie a.btn_theme_secondary { padding: 12px 1.9rem !important; font-size: 1.5rem; margin-top: 1rem; }
}



/* -------------------------------------------------------------------
 * (NOTÍCIAS)
 * -----------------------------------------------------------------*/
 #noticias { padding-top: 3rem; padding-bottom: 3rem; }
 #noticias h2 { font-family: "Pamit"; color: var(--color-primary); font-size: 3.2rem; margin-bottom: 2rem; }
 #noticias .content { 
    transition: .2s;
    background: var(--color-font-light);
    padding: 1rem 1.5rem 1.4rem;
    border-radius: 3rem;
    text-align: center;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
 }
 #noticias .content:hover { transition: .2s; transform: scale(1.03); }
 #noticias .content span { font-family: "OzHandicraftBT"; color: var(--color-primary); font-size: 2rem; margin-bottom: .9rem; display: inline-block; }
 #noticias .content p { font-size: 1rem; font-weight: 500; line-height: 23px; }

 @media( max-width: 1199px ) {
    #noticias .content { min-height: 345px; }
 }
 @media( max-width: 991px ) {
    #noticias .content { padding: 1rem 1rem 1.3rem; border-radius: 2.5rem; }
 }
 @media( max-width: 575px ) {
    #noticias h2 { font-size: 2.5rem; }
}



/* -------------------------------------------------------------------
 * (Perguntas Frequentes / Depoimentos)
 * -----------------------------------------------------------------*/
#perguntas {
    background-image: url(../img/bg_perguntasedepo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: inherit;
    color: var(--color-font-light);
    padding: 22% 0%;
}
#perguntas h2 { font-family: "Pamit"; color: var(--color-font-light); font-size: 2.4rem; margin-bottom: 2rem; }
#perguntas .content { background: var(--color-font-light); padding: 1.6rem 1.2rem; border-radius: 3rem; }
#perguntas .content .perguntas .accordion {
    background: transparent;
    border: 0;
    padding: .75rem 0rem;
    font-weight: 600;
    font-size: 1.1rem;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#perguntas .content .perguntas button.accordion:focus { outline: 0px !important; }
#perguntas .content .perguntas .accordion img { max-width: 50px; margin-right: 12px; }
#perguntas .content .perguntas .panel { display: none; text-align: left; margin-left: 62px; }
#perguntas .content .perguntas .panel p { color: var(--color-secondary); font-size: 1.1rem; font-weight: 600; margin-bottom: 0 !important; }

#perguntas .depoimento { font-size: 1.1rem; margin-bottom: 0 !important; }
#perguntas .depoimento small { display: block; font-size: 1.2rem; font-weight: 600; color: var(--color-primary); }

#perguntas .content .perguntas .accordion.active {
    font-weight: 700;
    color: var(--color-primary); /* Cor de destaque quando ativo */
}

@media( max-width: 991px ) {
    #perguntas { padding: 28% 0%; }
    #perguntas h2 { font-size: 2rem; }
    #perguntas .content { padding: 1.5rem 1rem; border-radius: 3rem; }
    #perguntas .content .perguntas .accordion { font-size: 1rem; }
    #perguntas .content .perguntas .accordion img { max-width: 45px; }
    #perguntas .depoimento { font-size: 1rem; }
}
@media( max-width: 767px ) {
    #perguntas { padding: 45% 0%; }
}
@media( max-width: 575px ) {
    #perguntas { padding: 65% 0%; }
    #perguntas h2 { font-size: 1.8rem; }
    #perguntas .content .perguntas .accordion img { max-width: 35px; }
    #perguntas .depoimento-title { margin-top: 1.5rem; }
}
@media( max-width: 399px ) {
    #perguntas { padding: 110% 0%; }
    #perguntas h2 { font-size: 1.5rem; margin-bottom: 1rem; }
}




/* -------------------------------------------------------------------
 * (Galeria)
 * -----------------------------------------------------------------*/
#galeria { padding-top: 3rem; padding-bottom: 3rem; }
#galeria h2 { font-family: "Pamit"; color: var(--color-font-light); font-size: 3.2rem; margin-bottom: 2rem; }
#galeria iframe { width: 100%; height: 380px; border-radius: 2rem; }
#galeria .gallery { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(6, 3.5vw); grid-gap: 10px; }
#galeria .gallery figure { margin: 0 !important; }
#galeria .gallery .gallery-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 1s; }
#galeria .gallery .gallery-item-1 { grid-column: span 3; grid-row: span 6; }
#galeria .gallery .gallery-item-2 { grid-column: span 2; grid-row: span 3; }
#galeria .gallery .gallery-item-3 { grid-column: span 3; grid-row: span 6; }
#galeria .gallery .gallery-item-4 { grid-column: span 2; grid-row: span 3; }

@media( max-width: 991px ) {
    #galeria iframe { height: 320px; }
    #galeria .gallery { grid-template-columns: repeat(9, 1fr); grid-gap: 8px; }
    #galeria .gallery .gallery-item-2 { grid-column: span 3; }
    #galeria .gallery .gallery-item-4 { grid-column: span 3; }
}
@media( max-width: 767px ) {
    #galeria h2 { font-size: 3rem; }
    #galeria h2 br { display: none; }
    #galeria iframe { height: 300px; border-radius: 1rem; }
    #galeria .gallery { grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(8, 5vw); }
    #galeria .gallery .gallery-item-1 { grid-column: span 3; grid-row: span 4; }
    #galeria .gallery .gallery-item-2 { grid-column: span 3; grid-row: span 4; }
    #galeria .gallery .gallery-item-3 { grid-column: span 3; grid-row: span 4; }
    #galeria .gallery .gallery-item-4 { grid-column: span 3; grid-row: span 4; }
}
@media( max-width: 575px ) {
    #galeria { padding-top: 0rem; padding-bottom: 0rem; }
    #galeria h2 { font-size: 2.2rem; }
}



/* -------------------------------------------------------------------
 * (Footer)
 * -----------------------------------------------------------------*/
 footer {
    background-image: url(../img/rodape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: inherit;
    color: var(--color-font-light);
    padding: 28% 0% 5%;
}
footer * { color: var(--color-font-light); }
footer .logo { max-width: 250px; position: relative; top: -5rem; }

footer h2 { font-family: "OzHandicraftBT"; color: var(--color-secondary); margin-top: 2rem; }
footer p { margin-bottom: .1rem; }
footer p strong { color: var(--color-secondary); font-size: 1.1rem; margin-top: 1rem; display: block; }
footer a { color: var(--color-font-light); display: block; }
footer a:hover { color: var(--color-secondary); }
footer a.btn_theme_secondary { font-weight: 600; color: var(--color-primary) !important; background: var(--color-font-light) !important; }
footer a.btn_theme_secondary:hover { color: var(--color-font-light) !important; }
footer .social { display: flex; }
footer .social img { max-width: 50px; margin-right: 5px; }
footer .parceiros { display: flex; flex-wrap: wrap; }
footer .parceiros a { width: 40%; margin-right: 10px; }
footer .parceiros img { border-radius: 1rem; }

@media( max-width: 1199px ) {
    footer { padding: 28% 0% 12%; }
}
@media( max-width: 1099px ) {
    footer { padding: 35% 0% 10%; }
}
@media( max-width: 991px ) {
    footer { background-position: bottom; background-size: cover; }
    footer .logo { max-width: 220px; position: relative; top: -1rem; }
}
@media( max-width: 767px ) {
    footer { padding: 40% 0% 0%; }
    footer .logo { max-width: 120px; position: relative; top: 0rem; }
    footer h2 { font-size: 1.6rem; margin-top: 1.5rem; }
    footer .parceiros a { width: 23%; margin-right: 2%; }
}
@media( max-width: 575px ) {
    footer .logo { max-width: 100px; }
    footer { padding: 60% 0% 8% }
}
@media( max-width: 449px ) {
    footer .logo { display: none; }
    footer { padding: 80% 0% 9% }
}