/* ══════════════════════════════════════════════════
   La Brisa Leve — Home page widgets (external CSS)
   ══════════════════════════════════════════════════ */

/* ── widget fa37bc3 (loja) ── */
/* ==================================================
           SEÇÃO PRINCIPAL
           ================================================== */

        #loja {

            position: relative;

            width: 100%;

            margin-top: 0 !important;

            box-sizing: border-box;

            overflow: hidden;

        }


        /* ==================================================
           DECORAÇÃO
           ================================================== */

        #loja .deco-sun {

            position: absolute;

            width: min(240px, 40vw);

            top: -70px;

            right: -56px;

            opacity: 0.10;

            transform: rotate(24deg);

            z-index: 1;

            pointer-events: none;

        }


        /* ==================================================
           CONTAINER BOXED
           ================================================== */

        #loja .loja-container {

            width: 100%;

            max-width: 1140px;

            margin-left: auto;

            margin-right: auto;

            padding-left: 20px;

            padding-right: 20px;

            box-sizing: border-box;

            position: relative;

            z-index: 2;

        }


        /* ==================================================
           GRID
           ================================================== */

        #loja .loja-grid {

            width: 100%;

            display: grid;

            grid-template-columns: 1fr 1fr;

            align-items: center;

            gap: 50px;

        }


        /* ==================================================
           FOTOS
           ================================================== */

        #loja .loja-photos {

            display: flex;

            justify-content: center;

            align-items: flex-start;

            gap: 25px;

        }


        /*
         * FOTOS MAIORES
         */

        #loja .loja-photos a {

            width: 48%;

            display: block;

            flex-shrink: 0;

        }


        /* ==================================================
           FOTO DA ESQUERDA 35PX MAIS BAIXA
           ================================================== */

        #loja .loja-photos a:first-child {

            margin-top: 35px;

        }


        /* ==================================================
           IMAGENS
           ================================================== */

        #loja .loja-photos img {

            width: 100%;

            height: auto;

            display: block;

        }


        /* ==================================================
           CONTEÚDO
           ================================================== */

        #loja .loja-copy {

            position: relative;

            z-index: 3;

        }


        /* ==================================================
           H2
           ================================================== */

        #loja .loja-copy h2 {

            font-family:
                Georgia,
                "Times New Roman",
                serif !important;

            color:
                #ece1c5 !important;

            font-size:
                42px !important;

            font-weight:
                700 !important;

            line-height:
                1.1 !important;

            margin-top:
                10px !important;

            margin-bottom:
                20px !important;

        }


        /* ==================================================
           TEXTO
           ================================================== */

        #loja .loja-text {

            line-height: 1.7;

        }


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

        #loja .loja-cta {

            display: flex;

            gap: 15px;

            margin-top: 25px;

        }


        /*
         * CENTRALIZA VERTICAL E HORIZONTALMENTE
         * O TEXTO DOS DOIS BOTÕES
         */

        #loja .loja-cta .btn {

            display: inline-flex !important;

            align-items: center !important;

            justify-content: center !important;

            text-align: center !important;

            vertical-align: middle;

            box-sizing: border-box;

        }


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

        @media (max-width: 1024px) {

            #loja .loja-container {

                max-width: 960px;

            }


            #loja .loja-grid {

                gap: 35px;

            }

        }


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

        @media (max-width: 767px) {

            #loja .loja-container {

                max-width: 100%;

                padding-left: 20px;

                padding-right: 20px;

            }


            #loja .loja-grid {

                grid-template-columns: 1fr;

                gap: 35px;

            }


            #loja .loja-copy h2 {

                font-size: 32px !important;

            }


            #loja .loja-photos {

                gap: 20px;

            }


            /*
             * Fotos maiores também no mobile.
             */

            #loja .loja-photos a {

                width: 42%;

            }


            #loja .loja-photos a:first-child {

                margin-top: 35px;

            }


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

            #loja .loja-cta {

                flex-direction: column;

            }


            #loja .loja-cta .btn {

                width: 100%;

                min-height: 48px;

                display: flex !important;

                align-items: center !important;

                justify-content: center !important;

                text-align: center !important;

            }


            /* ================= DECORAÇÃO MOBILE ================= */

            #loja .deco-sun {

                width: 160px;

                top: -40px;

                right: -40px;

            }

        }

/* ── widget 184f458 (blog/cta) ── */
/* =====================================================
   BLOG
===================================================== */

.lbl-site .blog-90vh .car-track {

  overflow-x: auto;

  overflow-y: hidden;

}


/* =====================================================
   CARDS - TELAS GRANDES
===================================================== */

@media (min-width: 1025px) {

  .lbl-site .blog-90vh .car-track .article-card {

    height: 60vh;

    box-sizing: border-box;

  }


  .lbl-site .blog-90vh .car-track .article-card img {

    width: 100%;

    height: 60vh;

    object-fit: cover;

    display: block;

  }

}


/* =====================================================
   BOTÃO BLOG
===================================================== */

.lbl-site .blog-button-wrap {

  margin-top: 1rem;

}


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

.lbl-site .lbl-cta-final {

  background: #EBE1C5;

  padding:
    clamp(60px, 8vw, 100px)
    0;

  position: relative;

  box-sizing: border-box;

}


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

.lbl-site .lbl-cta-wrap {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  padding:
    0
    clamp(20px, 5vw, 48px);

  box-sizing: border-box;

}


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

.lbl-site .lbl-cta-box {

  background: #4F522F;

  color: #EBE1C5;

  border-radius: 34px;

  padding:
    clamp(2.4rem, 5vw, 4rem);

  text-align: center;

  box-sizing: border-box;

}


/* =====================================================
   TÍTULO CTA
===================================================== */

.lbl-site .lbl-cta-box h2 {

  margin:
    0
    0
    .8rem;

  padding: 0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(1.8rem, 4vw, 2.8rem);

  font-weight: 700;

  line-height: 1.05;

  letter-spacing: -.01em;

}
.lbl-site .lbl-cta-box h3 {

  margin:
    0
    0
    .8rem;

  padding: 0;
color:#ece1c5;
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(1.8rem, 4vw, 2.8rem);

  font-weight: 700;

  line-height: 1.05;

  letter-spacing: -.01em;

}


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

.lbl-site .lbl-cta-box p {

  margin:
    0
    auto
    2rem;

  padding: 0;

  max-width: 44ch;

  font-family:
    "Helvetica Neue",
    Arial,
    sans-serif;

  font-size: 1rem;

  line-height: 1.6;

  opacity: .85;

}


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

.lbl-site .lbl-cta-btns {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 1rem;

  flex-wrap: wrap;

}


/* =====================================================
   BASE DOS BOTÕES
===================================================== */

.lbl-site .lbl-cta-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: .55em;

  min-height: 48px;

  padding:
    .95em
    1.7em;

  border-radius: 999px;

  border: 2px solid transparent;

  font-family:
    "Helvetica Neue",
    Arial,
    sans-serif;

  font-size: .95rem;

  font-weight: 700;

  letter-spacing: .02em;

  text-transform: uppercase;

  text-decoration: none;

  white-space: nowrap;

  cursor: pointer;

  box-sizing: border-box;

  transition:
    transform .15s ease,
    background .2s ease,
    color .2s ease,
    border-color .2s ease;

}


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

.lbl-site .lbl-cta-btn:hover {

  transform: translateY(-2px);

}


/* =====================================================
   BOTÃO WHATSAPP
===================================================== */

.lbl-site .lbl-cta-btn-cream {

  background: #EBE1C5;

  color: #4F522F;

  border-color: #EBE1C5;

}


.lbl-site .lbl-cta-btn-cream:hover {

  background: #FBFAF4;

  color: #4F522F;

  border-color: #FBFAF4;

}


/* =====================================================
   BOTÃO INSTAGRAM
===================================================== */

.lbl-site .lbl-cta-btn-outline {

  background: transparent;

  color: #EBE1C5;

  border-color: #EBE1C5;

}


.lbl-site .lbl-cta-btn-outline:hover {

  background: #EBE1C5;

  color: #4F522F;

  border-color: #EBE1C5;

}


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

@media (max-width: 600px) {

  .lbl-site .lbl-cta-final {

    padding:
      48px
      0;

  }


  .lbl-site .lbl-cta-wrap {

    padding:
      0
      20px;

  }


  .lbl-site .lbl-cta-box {

    border-radius: 26px;

    padding:
      2.2rem
      1.4rem;

  }


  .lbl-site .lbl-cta-btns {

    flex-direction: column;

    width: 100%;

  }


  .lbl-site .lbl-cta-btn {

    width: 100%;

    max-width: 320px;

  }

}


/* ── Título da seção Blog: branco em vez de oliva ── */
.lbl-site .blog .sec-head h2,
.lbl-site .blog-90vh .sec-head h2 {
  color: #fbfaf4 !important;
}