/** Shopify CDN: Minification failed

Line 308:18 Unexpected "{"
Line 308:27 Expected ":"
Line 308:34 Unexpected "{"

**/
.banner-hero-main-home {   
    display: grid;
    position: relative;
    width: 100%;
    height: 85vh;
    min-height: 600px;
    max-height: 885px;
    grid-template-columns: 1fr 2fr 2fr 1fr;
    grid-template-rows: 1fr 0.9fr 0.9fr;
    gap: 1.5px;
    background-color: #fff;
    overflow: hidden;
  }

  .banner-grid-item {
        position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1a1a1a;
    transition: transform 0.3s ease;
    padding-bottom: 50px;
  }

  /* Overlay Verde para os itens laterais */
  .banner-grid-item.has-overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--overlay-color);
    opacity: var(--overlay-opacity);
    z-index: 1;
    transition: opacity 0.3s ease;
  }

  .banner-grid-item:hover.has-overlay::before {
    opacity: calc(var(--overlay-opacity) + 0.15);
  }

  /* Conteúdo acima do overlay */
  .banner-content-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .banner-icon {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 12px;
  }

  .banner-title-small {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0;
    color: #fff;
  }

  /* Banners Centrais (4 e 5) */
  .banner-grid-item.is-main .banner-content-wrap {
    justify-content: center;
    height: 100%;
    padding: 40px;
  }
  
  .banner-grid-item.is-main.left-align .banner-content-wrap {
    align-items: flex-start;
    text-align: left;
  }

  .banner-grid-item.is-main.right-align .banner-content-wrap {
    align-items: flex-end;
    text-align: right;
  }

  .banner-subtitle {
    font-size: 29px;
    font-weight: 400;
    margin: 0 0 5px 0;
  }

  .banner-title-large {
    font-size: 57px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
  }

  /* Pílula Central */
  .banner-floating-pill {
        position: absolute;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f2f2f2;
    color: #001C1F;
    padding: 0px 60px;
    border-radius: 50px;
    font-size: 30px;
    font-weight: 500;
    z-index: 10;
    white-space: nowrap;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.99px;
  }

  /* Posições no Grid - Desktop */
  .item-1 { grid-column: 1; grid-row: 1; }
  .item-2 { grid-column: 1; grid-row: 2; }
  .item-3 { grid-column: 1; grid-row: 3; }
  .item-4 { grid-column: 2; grid-row: 1 / span 3; }
  .item-5 { grid-column: 3; grid-row: 1 / span 3; }
  .item-6 { grid-column: 4; grid-row: 1; }
  .item-7 { grid-column: 4; grid-row: 2; }
  .item-8 { grid-column: 4; grid-row: 3; }

 


/* ===== AJUSTES DE ALTURA DESKTOP POR FAIXA DE TELA ===== */

/* ===== AJUSTES DE ALTURA DESKTOP POR FAIXA DE TELA ===== */

@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .banner-hero-main-home {
    grid-template-columns: 1fr 2.2fr 2.2fr 1fr;
    max-height: 820px;
  }

  .banner-floating-pill {
    font-size: 26px;
    padding: 0px 50px;
  }

  .banner-title-large {
    font-size: 50px;
  }

  .banner-subtitle {
    font-size: 25px;
  }

  .banner-title-small {
    font-size: 20px;
  }
}

@media screen and (min-width: 1536px) and (max-width: 1599px) {
  .banner-hero-main-home {
    grid-template-columns: 1fr 2.1fr 2.1fr 1fr;
    max-height: 780px;
  }

  .banner-floating-pill {
    font-size: 24px;
    padding: 0px 45px;
  }

  .banner-title-large {
    font-size: 46px;
  }

  .banner-subtitle {
    font-size: 23px;
  }

  .banner-title-small {
    font-size: 19px;
  }
}

@media screen and (min-width: 1440px) and (max-width: 1535px) {
  .banner-hero-main-home {
            height: 90vh !important;
        grid-template-columns: 1.25fr 2fr 2fr 1.25fr !important;
  }

  .banner-floating-pill {
    font-size: 22px;
    padding: 0px 42px;
  }

  .banner-title-large {
    font-size: 44px;
  }

  .banner-subtitle {
    font-size: 22px;
  }

  .banner-title-small {
    font-size: 18px;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1439px) {
  .banner-hero-main-home {
    max-height: 700px;
  }

  .banner-floating-pill {
    font-size: 20px;
    padding: 0px 38px;
  }

  .banner-title-large {
    font-size: 42px;
  }

  .banner-subtitle {
    font-size: 21px;
  }

  .banner-title-small {
    font-size: 17px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .banner-hero-main-home {
    max-height: 660px;
  }

  .banner-floating-pill {
    font-size: 18px;
    padding: 0px 34px;
  }

  .banner-title-large {
    font-size: 38px;
  }

  .banner-subtitle {
    font-size: 20px;
  }

  .banner-title-small {
    font-size: 16px;
  }

  .banner-icon {
    width: 42px;
    height: 42px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .banner-hero-main-home {
    max-height: 600px;
    min-height: 520px;
  }

  .banner-floating-pill {
    font-size: 15px;
    padding: 0px 28px;
    letter-spacing: 0.5px;
  }

  .banner-title-large {
    font-size: 32px;
  }

  .banner-subtitle {
    font-size: 17px;
  }

  .banner-title-small {
    font-size: 14px;
  }

  .banner-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 8px;
  }

  .banner-grid-item.is-main .banner-content-wrap {
    padding: 24px;
  }
}


 /* ===== AJUSTES DE ALTURA MOBILE POR FAIXA DE TELA ===== */
 /* Responsivo - Mobile */
  @media (max-width: 768px) {
    .banner-grid-{{ section.id }} {
      height: auto;
      grid-template-columns: repeat(6, 1fr);
      grid-template-rows: 130px 450px 130px;
    }

    .banner-floating-pill {
      top: 150px; /* Posiciona logo abaixo da primeira linha */
      width: 90%;
      white-space: normal;
      text-align: center;
      padding: 10px 20px;
      font-size: 12px;
      display: none;
    }

    #shopify-section-template--19248503554198__la_dovas_hero_banner_iYG8cm{
      margin-top: 75px;
    }

    /* Reordenação Mobile usando Grid Area */
    .item-3 { grid-column: 1 / span 2; grid-row: 1; } /* Inspiração */
    .item-2 { grid-column: 3 / span 2; grid-row: 1; } /* Conexão */
    .item-1 { grid-column: 5 / span 2; grid-row: 1; } /* Celebração */

    .item-4 { grid-column: 1 / span 3; grid-row: 2; } /* Nosso Café */
    .item-5 { grid-column: 4 / span 3; grid-row: 2; } /* Seja Assessor */

    .item-8 { grid-column: 1 / span 2; grid-row: 3; } /* Assinatura */
    .item-7 { grid-column: 3 / span 2; grid-row: 3; } /* Delivery */
    .item-6 { grid-column: 5 / span 2; grid-row: 3; } /* Trabalhe Conosco */

    .banner-title-large { font-size: 24px; }
    .banner-subtitle { font-size: 14px; }
    .banner-title-small { font-size: 12px; }
    .banner-icon { width: 24px; height: 24px; margin-bottom: 8px; }
    
    .banner-grid-item.is-main.left-align .banner-content-wrap,
    .banner-grid-item.is-main.right-align .banner-content-wrap {
      align-items: center;
      text-align: center;
      padding: 20px;
    }
    .banner-grid-item.is-main.left-align .banner-content-wrap{
      align-items: flex-start;
        text-align: left;
    }
    .banner-grid-item.is-main.right-align .banner-content-wrap {
      align-items: flex-end;
      text-align: right;
    }
  }
 
@media screen and (min-width: 430px) and (max-width: 767px) {
  .banner-grid-item {
    justify-content: center;
    padding-bottom: 0px;
  }

  .banner-title-small{
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 16px;
  }

  .banner-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 0;
  }

 .banner-grid-item.is-main.left-align .banner-content-wrap, 
 .banner-grid-item.is-main.right-align .banner-content-wrap{
    padding: 10px;
  }

  .banner-grid-item .banner-content-wrap{
    gap: 10px;
  }

  .banner-subtitle {
    font-size: 14px;
    margin: 0;
  }

  .banner-title-large {
    font-size: 30px;
  }
}
@media screen and (min-width: 412px) and (max-width: 429px) {
  .banner-grid-item {
    justify-content: center;
    padding-bottom: 0px;
  }

  .banner-title-small{
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
  }

  .banner-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 0;
  }

 .banner-grid-item.is-main.left-align .banner-content-wrap, 
 .banner-grid-item.is-main.right-align .banner-content-wrap{
    padding: 15px;
  }

  .banner-subtitle {
    font-size: 14px;
    margin: 0;
  }

  .banner-title-large {
    font-size: 26px;
  }
}
@media screen and (min-width: 390px) and (max-width: 411px) {
  .banner-grid-item {
    justify-content: center;
    padding-bottom: 0px;
  }

  .banner-title-small{
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
  }

  .banner-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 0;
  }

 .banner-grid-item.is-main.left-align .banner-content-wrap, 
 .banner-grid-item.is-main.right-align .banner-content-wrap{
    padding: 10px;
  }

  .banner-subtitle {
    font-size: 14px;
    margin: 0;
  }

  .banner-title-large {
    font-size: 26px;
  }
}
@media screen and (min-width: 375px) and (max-width: 389px) {
  .banner-grid-item {
    justify-content: center;
    padding-bottom: 0px;
  }

  .banner-title-small{
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
  }

  .banner-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 0;
  }

 .banner-grid-item.is-main.left-align .banner-content-wrap, 
 .banner-grid-item.is-main.right-align .banner-content-wrap{
    padding: 10px;
  }

  .banner-subtitle {
    font-size: 14px;
    margin: 0;
  }

  .banner-title-large {
    font-size: 26px;
  }
}
@media screen and (min-width: 360px) and (max-width: 374px) {
  .banner-grid-item {
    justify-content: center;
    padding-bottom: 0px;
  }

  .banner-title-small{
    height: 30px;
    display: flex;
    align-items: center;
  }

  .banner-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 0;
  }

 .banner-grid-item.is-main.left-align .banner-content-wrap, 
 .banner-grid-item.is-main.right-align .banner-content-wrap{
    padding: 5px;
  }

  .banner-subtitle {
    font-size: 14px;
    margin: 0;
  }

  .banner-title-large {
    font-size: 26px;
  }
}
@media screen and (min-width: 320px) and (max-width: 359px) {
  .banner-grid-item {
    justify-content: center;
    padding-bottom: 0px;
  }

  .banner-title-small{
    height: 30px;
    display: flex;
    align-items: center;
  }

  .banner-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 0;
  }

 .banner-grid-item.is-main.left-align .banner-content-wrap, 
 .banner-grid-item.is-main.right-align .banner-content-wrap{
    padding: 5px;
  }

  .banner-subtitle {
    font-size: 14px;
    margin: 0;
  }

  .banner-title-large {
    font-size: 22px;
  }
}