/* CSS Document */

html {
  scroll-behavior: smooth;
}

body{
  background: var(--cor_fundo_site);
  color: var(--cor_texto_site);
  font-family: var(--fonte_site) !important;
  font-size: var(--tam_texto_site) !important;
  font-weight: normal;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Prevent body scroll when sidebar is open */
body.sidebar-open {
  overflow: hidden;
}

a {color: var(--cor5);}a:hover {color: var(--cor7);}
.container {width: 95% !important; max-width: var(--largura_maxima_site);}
.shadow{
  box-shadow: 0px 5px 7px #ddd;
  /*box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.3);*/
}
.text-right{text-align: right;}

/* ------------------------- NOTIFY OUTLINE ------------------------- */
[data-notify="container"].alert-wg-danger{background-color: var(--sn-error-color) !important; background: var(--sn-error-color) !important; border: none; border-bottom: 3px solid var(--sn-error-progress-color); color:#fff !important}

[data-notify="container"].alert-wg-success{background-color: var(--sn-success-color) !important; background: var(--sn-success-color) !important; border: none; border-bottom: 3px solid var(--sn-success-progress-color) ; color:#fff !important}

[data-notify="container"].alert-wg-info{background-color: var(--sn-info-color) !important; background: var(--sn-info-color) !important; border: none; border-bottom: 3px solid var(--sn-info-progress-color) ; color:#fff !important}

[data-notify="container"].alert-wg-warning{background-color: var(--sn-warning-color) !important; background: var(--sn-warning-color) !important; border: none; border-bottom: 3px solid var(--sn-warning-progress-color) ; color:#fff !important}

  /* ------------------------- NOTIFY OUTLINE ------------------------- 
  [data-notify="container"].alert-wg-danger{background-color: #fff !important; background: #fff !important; border: 1px solid var(--sn-error-color); border-bottom: 3px solid var(--sn-error-color)}

  [data-notify="container"].alert-wg-success{background-color: #fff !important; background: #fff !important; border: 1px solid var(--sn-success-color); border-bottom: 3px solid var(--sn-success-color)}

  [data-notify="container"].alert-wg-info{background-color: #fff !important; background: #fff !important; border: 1px solid var(--sn-info-color); border-bottom: 3px solid var(--sn-info-color)}

  [data-notify="container"].alert-wg-warning{background-color: #fff !important; background: #fff !important; border: 1px solid var(--sn-warning-color); border-bottom: 3px solid var(--sn-warning-color); border-radius: 6px}
  */

  .container {
    width: 95% !important;
    max-width: var(--largura_maxima_site);
  }

  .promo-banner {
    background: linear-gradient(90deg, var(--cor1_fundo_aviso_topo) 0%, var(--cor2_fundo_aviso_topo) 100%);
    color: var(--cor_texto_aviso_topo);
    text-align: center;
    padding: 5px 0;
    font-size: var(--tam_texto_aviso_topo);
    font-weight: 600;
    display: var(--status_aviso_topo);
  }

  .promo-banner i {
    color: var(--cor5);
    margin-right: 10px;
    font-size: 18px;
  }

  .promo-hidden{position: absolute; top: -100px}

  .top-header {
    background: linear-gradient(135deg, var(--cor_fundo1_barra_logo) 0%, var(--cor_fundo2_barra_logo) 100%);
    padding: 10px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
  }

  /* Quando rolar mais de 150px, esconde o header */
  #top-header.hidden {
    position: fixed;
    transform: translateY(-100%);
  }

  /* Quando rolar mais de 300px, mostra o header fixo deslizando suavemente */
  #top-header.fixed-visible {
    position: fixed;
    transform: translateY(0);
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
  }

  #top-header.fixed-visible img{max-height: 50px}

  #top-header .logo {
    color: #fff;
    font-size: 34px;
    font-weight: 900;
    text-decoration: none;
    letter-spacing: -2px;
    text-transform: lowercase;
    transition: all 0.4s ease;
  }

  #top-header img {
    transition: all 0.4s ease;
  }

  #top-header .menu-toggle-btn {
    background: none;
    border: none;
    color: var(--cor_links_barra_logo);
    font-size: 28px;
    cursor: pointer;
    padding: 8px;
    margin-right: 15px;
    transition: all 0.3s ease;
    float: right;
  }

  #top-header .menu-toggle-btn:hover {
    color: var(--cor4);
    transform: scale(1.1);
  }

  #top-header .search-bar {
    max-width: 650px;
    margin: 0 auto;
  }

  #top-header .search-wrapper {
    display: flex;
    align-items: center;
  }

  #top-header .search-bar input {
    border-radius: 25px 0 0 25px;
    border: none;
    padding: 14px 24px;
    background-color: #f5f5f5;
    font-size: 15px;
    transition: all 0.3s ease;
    border: 1px solid #e8e8e8;
  }

  #top-header .search-bar input:focus {
    outline: none;
    background-color: #fff;
    border: 2px solid var(--cor1);
    border-right: none;
    box-shadow: none !important;
    /*box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);*/
  }

  #top-header .search-bar button {
    border-radius: 0 25px 25px 0;
    border: var(--cor5);
    background-color: var(--cor5);
    color: #fff;
    padding: 14px 24px;
    transition: all 0.3s ease;
  }
  #top-header .view-search-sm{display: none; visibility: hidden; position: absolute;}

  #top-header .search-bar button:hover {
    background-color: var(--cor7);
    transform: scale(1.05);
  }

  #top-header .top-icons {
    display: flex;
    gap: 30px;
    align-items: center;
  }

  #top-header .top-icons a {
    color: var(--cor_links_barra_logo);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    transition: all 0.3s ease;
  }

  #top-header .top-icons a:hover {
    color: var(--cor4);
    transform: translateY(-2px);
  }

  #top-header .top-icons i {
    font-size: 26px;
    color: var(--cor_icones_barra_logo);
  }

  #top-header .cart-badge {
    background: linear-gradient(135deg, var(--cor4) 0%, var(--cor7) 100%);
    color: #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: -10px;
    right: -10px;
  }

  #top-header .hidden{display: none}

  /* Added dropdown menu styles for top icons */
  #top-header .icon-dropdown {
    position: relative;
  }

  #top-header .icon-dropdown-menu {
    position: absolute;
    top: 100%;
    right: -18px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    min-width: 280px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1100;
    margin-top: 10px;
  }

  #top-header .icon-dropdown:hover .icon-dropdown-menu,
  #top-header .icon-dropdown-menu:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  #top-header .icon-dropdown-menu::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
  }

  #top-header .dropdown-header {
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
    font-size: 14px;
  }

  #top-header .dropdown-header i {
    font-size: 20px;
    color: #999;
  }

  #top-header .dropdown-item {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
  }

  #top-header .dropdown-item:last-child {
    border-bottom: none;
  }

  #top-header .dropdown-item:hover {
    background-color: #f8f8f8;
    padding-left: 25px;
  }

  #top-header .dropdown-item i {
    font-size: 20px;
    color: #666;
  }

  #top-header .dropdown-item-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  #top-header .dropdown-item-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }

  #top-header .dropdown-item-subtitle {
    font-size: 12px;
    color: #999;
  }

  #top-header .dropdown-contact-section {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
  }

  #top-header .dropdown-contact-title {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: 600;
  }

  #top-header .dropdown-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  #top-header .dropdown-contact-item:hover {
    color: #ff6600;
  }

  #top-header .dropdown-contact-item i {
    font-size: 18px;
    color: #4CAF50;
  }

  #top-header .dropdown-contact-item i.bi-telephone-fill {
    color: #2196F3;
  }

  #top-header .dropdown-contact-item i.bi-envelope-fill {
    color: #FF9800;
  }

  #top-header .dropdown-contact-item i.bi-clock-fill {
    color: #9C27B0;
  }

  #top-header .dropdown-contact-info {
    display: flex;
    flex-direction: column;
  }

  #top-header .dropdown-contact-number {
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }

  #top-header .dropdown-contact-label {
    font-size: 11px;
    color: #999;
  }

  #top-header .dropdown-contact-hours {
    font-size: 13px;
    color: #333;
    line-height: 1.5;
  }

  .main-nav {
    background: linear-gradient(135deg, var(--cor_fundo1_menu_topo) 0%, var(--cor_fundo2_menu_topo) 100%);
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  }

  .main-nav .nav-link {
    color: var(--cor_texto_menu_topo);
    padding: 16px 22px;
    border: none;
    background: none;
    font-size: var(--tam_links_menu_topo);
    font-weight: 600;
    transition: all 0.3s ease;
    white-space: nowrap;
    position: relative;
  }

  .main-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background-color: var(--cor_fundo2_menu_topo_hover);
    transition: all 0.3s ease;
    transform: translateX(-50%);
  }

  .main-nav .nav-link:hover::after {
    width: 80%;
  }

  .main-nav .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }  

  /* Improved sidebar with smoother animations */
  .sidebar-menu {
    position: fixed;
    left: -320px;
    top: 0;
    width: 320px;
    height: 100%;
    background-color: var(--cor_fundo_categ);
    box-shadow: 4px 0 15px rgba(0,0,0,0.3);
    transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1050;
    overflow-y: auto;
    will-change: left;
  }

  .sidebar-menu.active {
    left: 0;
  }

  .sidebar-header {
    background: linear-gradient(135deg, var(--cor_fundo_tit_categ) 0%, var(--cor_fundo_tit_categ) 100%);
    color: var(--cor_texto_tit_categ);
    padding: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .sidebar-header h5 {
    margin: 0;
    font-size: var(--tam_texto_tit_categ);
    font-weight: 700;
  }

  .close-sidebar {
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .close-sidebar:hover {
    transform: rotate(90deg);
  }

  .sidebar-category {
    /*border-bottom: 1px solid #e0e0e0;*/
  }



  /* Smoother overlay transition */
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    z-index: 1040;
    backdrop-filter: blur(2px);
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .overlay.active {
    opacity: 1;
    visibility: visible;
  }


  /* Added modal styles for contact information */
  .contact-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    padding: 20px;
  }

  .contact-modal.active {
    opacity: 1;
    visibility: visible;
  }

  .contact-modal-content {
    background: #fff;
    border-radius: 12px;
    max-width: 400px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    position: relative;
    transform: scale(0.9);
    transition: transform 0.3s ease;
  }

  .contact-modal.active .contact-modal-content {
    transform: scale(1);
  }

  .contact-modal-header {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .contact-modal-close {
    background: none;
    border: none;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .contact-modal-close:hover {
    color: #333;
    transform: rotate(90deg);
  }

  .contact-modal-section {
    padding: 15px 20px 5px 20px;
    border-bottom: 1px solid #f0f0f0;
  }

  .contact-modal-section:last-child {
    border-bottom: none;
  }

  .contact-modal-title {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }

  .contact-modal-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .contact-modal-item:hover {
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 10px;
  }

  .contact-modal-item i {
    font-size: 22px;
    color: #4CAF50;
    min-width: 24px;
  }

  .contact-modal-item i.bi-telephone-fill {
    color: #2196F3;
  }

  .contact-modal-item i.bi-envelope-fill {
    color: #FF9800;
  }

  .contact-modal-item i.bi-clock-fill {
    color: #9C27B0;
  }

  .contact-modal-info {
    display: flex;
    flex-direction: column;
  }

  .contact-modal-number {
    font-size: 16px;
    font-weight: 600;
    color: #333;
  }

  .contact-modal-label {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
  }

  .contact-modal-hours {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
  }

  /* Added search modal styles using same structure as contact modal */
  .search-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    /* Changed from center to flex-start and added padding-top to position modal 50px from top */
    align-items: flex-start;
    justify-content: center;
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    padding: 150px 20px 20px 20px;
  }

  .search-modal.active {
    opacity: 1;
    visibility: visible;
  }

  .search-modal-content {
    background: #fff;
    border-radius: 12px;
    max-width: 500px;
    width: 100%;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    position: relative;
    transform: scale(0.9);
    transition: transform 0.3s ease;
  }

  .search-modal.active .search-modal-content {
    transform: scale(1);
  }

  .search-modal-header {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .search-modal-close {
    background: none;
    border: none;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .search-modal-close:hover {
    color: #333;
    transform: rotate(90deg);
  }

  .search-modal-body {
    padding: 20px;
  }

  .search-modal-input-group {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .search-modal-input-group:focus-within {
    background-color: #fff;
    box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.2);
  }

  .search-modal-input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 14px 18px;
    font-size: 15px;
    outline: none;
  }

  .search-modal-button {
    background: none;
    border: none;
    padding: 14px 18px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .search-modal-button:hover {
    color: #ff6600;
  }

  .search-modal-button i {
    font-size: 20px;
  }

  #bannerTopo .carousel-item img{width: 100%}

  /* Added feature boxes styles (static, no transitions) */
  .feature-boxes {
    background-color: var(--cor_fundo_mini_banners);
    padding:0;
  }

  .feature-box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
  }

  .feature-icon {
    font-size: 40px;
    color: #333;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .feature-content {
    display: flex;
    flex-direction: column;
  }

  .feature-title {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin: 0 0 -4px 0;
  }

  .feature-subtitle {
    font-size: 13px;
    color: #666;
    margin: 0;
  }

  /* Cards de Produtos */
  .product-card {
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    height: 100%;
  }

  .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    border-color: #ff6600;
  }

  .product-image {
    position: relative;
    padding-top: 100%;
    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
    overflow: hidden;
  }

  .product-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .product-card:hover .product-image img {
    transform: scale(1.05);
  }

  .product-badges {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .badge-new {
    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.4);
  }

  .badge-offer {
    background: linear-gradient(135deg, #E91E63 0%, #C2185B 100%);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(233, 30, 99, 0.4);
  }

  .badge-free-shipping {
    background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.4);
  }

  .product-info {
    padding: 18px;
  }

  .product-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px;
    min-height: 42px;
    line-height: 1.5;
    font-weight: 500;
  }

  .product-price {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .price-old {
    text-decoration: line-through;
    color: #999;
    font-size: 13px;
  }

  .price-current {
    color: #ff6600;
    font-size: 26px;
    font-weight: 800;
  }

  .price-installment {
    color: #666;
    font-size: 12px;
  }

  /*
  .section-title {
    font-size: 32px;
    font-weight: 800;
    color: #1a1a1a;
    margin: 50px 0 35px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
  }

  .section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 3px;
    background: linear-gradient(90deg, var(--cor8) 0%, var(--cor4) 100%);
    border-radius: 2px;
  }
  */

  .site-footer {
    background-color: var(--cor_fundo1_rodape);
    color: var(--cor_texto_rodape);
    padding: 50px 0 20px;
    margin-top: 80px;
    border-top: 3px solid var(--cor_fundo2_rodape);
  }

  .footer-logo {
    font-size: 32px;
    font-weight: 900;
    color: #1a1a1a;
    margin-bottom: 15px;
  }

  .footer-logo span {
    color: #00b050;
  }

  .footer-description {
    color: var(--cor_texto_rodape);
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .footer-social {
    display: flex;
    gap: 10px;
  }

  .footer-social a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--cor_titulos_rodape);;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cor_titulos_rodape);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 22px;
  }

  .footer-social a:hover {
    background-color: var(--cor_titulos_rodape);
    color: var(--cor_fundo1_rodape);
    transform: translateY(-3px);
  }

  .footer-title {
    font-size: var(--tam_titulos_rodape);
    font-weight: 700;
    color: var(--cor_titulos_rodape);
    margin-bottom: 15px;
    text-transform: uppercase;
  }

  .footer-contact,
  .footer-contact p {
    color: var(--cor_texto_rodape);
    font-size: var(--tam_texto_rodape);
    margin-bottom: 8px;
    line-height: 1.6;
  }

  .footer-contact i {
    color: #00b050;
    margin-right: 8px;
  }

  .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .footer-links li {
    margin-bottom: 10px;
  }

  .footer-links a {
    color: var(--cor_texto_rodape);
    text-decoration: none;
    font-size: var(--tam_texto_rodape);
    transition: all 0.3s ease;
  }

  .footer-links a:hover {
    color: var(--cor7);
    padding-left: 5px;
  }

  .footer-payment-icons,
  .footer-delivery-icons,
  .footer-security-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin-top: 0px;
  }

  .footer-payment-icons img,
  .footer-delivery-icons img,
  .footer-security-icons img {
    height: 30px;
    width: auto;
  }

  .footer-bottom {
    border-top: 1px solid #ddd;
    margin-top: 40px;
    padding-top: 20px;
    text-align: center;
  }

  .footer-bottom p {
    color: var(--cor_texto_rodape);
    font-size: var(--tam_texto_rodape);
    margin: 0;
  }

        /* Responsive adjustments for mobile */
        @media (max-width: 1300px) {
            #top-header .top-icons {
                gap: 20px;
            }
        }
        @media (max-width: 1200px) {
            #top-header .top-icons {
                gap: 15px;
            }
        }
        @media (max-width: 768px) {
            #top-header .view-search-bs{display: none}
            #top-header .view-search-sm{display: block; visibility: initial; position: relative;}
            #top-header .menu-toggle-btn {
                font-size: 24px;
                margin-right: 10px;
            }

             #top-header .top-icons {
                gap: 15px;
            }
            /* Hide support dropdown on mobile and show sidebar item instead */
            .icon-dropdown.support-dropdown .icon-dropdown-menu {
                display: none !important;
            }
            
            .sidebar-support-item {
                display: block;
            }
            
            /* Hide login dropdown on mobile, keep link functional */
            .icon-dropdown.login-dropdown .icon-dropdown-menu {
                display: none !important;
            }
        }
        @media (max-width: 600px) {
            #top-header .top-icons {
                gap: 30px;
            }
        }




























/*--------------------- topo --------------------*/
.promo-bar {
  background: linear-gradient(135deg, var(--cor1_fundo_aviso_topo) 30%, var(--cor2_fundo_aviso_topo) 100%);
  color: var(--cor_texto_aviso_topo);
  padding: 6px 0;
  text-align: center;
  font-size: var(--tam_texto_aviso_topo);
  font-weight: 500;
  display: var(--status_aviso_topo);
}

.promo-bar i {font-size: 20px; padding:0; margin: 0 8px 0 0;}
}
.main-header{position: relative; z-index: 100 !important;}
#wg-web{padding: 0;}
#wg-web .header-content{display: flex; align-items: center; justify-content: space-between; background:var(--cor_fundo_barra_logo); padding: 0 15px; min-height: 130px;}
#wg-web .iconMenuTopo{width: 35px; color:var(--cor_icones_barra_logo)}
#wg-web .logo-section{flex: 0 0 300px;}
#wg-web .logo-section img{max-width: 100%; height: auto;}

#wg-web .search-section{flex: 1; max-width: 600px; margin: 0 50px;}
#wg-web .search-wrapper{position: relative; width: 100;}
#wg-web .search-wrapper input{width: 100%; padding: 12px 50px 12px 20px; border: 2px solid var(--cor2); border-radius: 25px; font-size: 14px; transition: all 0.3s ease; height: 40px;}
#wg-web .search-wrapper input:focus{outline: none; border-color: var(--cor4); box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);}
#wg-web .search-wrapper .search-icon{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #666; font-size: 18px; cursor: pointer; transition: color 0.3s ease;}
#wg-web .search-wrapper .search-icon:hover{color: #4a90e2;}

#wg-web .header-actions{display: flex; align-items: center; gap: 15px;}
#wg-web .header-action-item{position: relative; display: flex; flex-direction: column; align-items: center; cursor: pointer; transition: all 0.3s ease; padding: 5px 10px; z-index: 1001 !important;}
#wg-web .header-action-item:hover{transform: translateY(-2px);}
#wg-web .header-action-item i{font-size: 28px; color: #ff6b35; margin-bottom: 5px;}
#wg-web .header-action-item span{font-size: var(--tam_links_barra_logo); color: var(--cor_links_barra_logo); font-weight: 500;}

#wg-web .car a{position: relative; display: flex; flex-direction: column; align-items: center; cursor: pointer; transition: all 0.3s ease; padding: 5px 10px; z-index: 1001 !important; text-decoration: none}
#wg-web .car a:hover{text-decoration: none}
#wg-web .car a i{font-size: 28px; color: #ff6b35; margin-bottom: 5px;}
#wg-web .car a span{font-size: var(--tam_links_barra_logo); color: var(--cor_links_barra_logo); font-weight: 500;}

#wg-web .cart-badge{position: absolute; top: -2px; right: 15px; background-color: var(--cor9); color: #fff !important; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 10px !important; font-weight: bold !important;}

#wg-web .dropdown-menu-custom{display: none; position: absolute; top: 100%; right: 0; background-color: #ffffff; min-width: 280px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 8px; margin-top: 5px; z-index: 1000; padding: 10px 0; border: none;  z-index: 1000 !important;}
#wg-web .dropdown-menu-custom::before{content: ''; position: absolute; top: -8px; right: 50px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid #ffffff; filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.05));}
#wg-web .dropdown-menu-custom::after{content: ''; position: absolute; top: -15px; left: 0; right: 0; height: 15px; background: transparent;}
#wg-web .header-action-item:hover .dropdown-menu-custom{display: block;}

#wg-web .dropdown-header-custom{padding: 15px 20px; background-color: #f8f9fa; border-radius: 8px 8px 0 0; display: flex; align-items: center; gap: 10px;}
#wg-web .dropdown-header-custom i{font-size: 24px; color: #666;}
#wg-web .dropdown-header-custom span{font-size: 14px; color: #666; font-weight: 400;}

#wg-web .dropdown-item-custom{padding: 0px 20px; display: flex; align-items: center; gap: 12px; color: #333; text-decoration: none; transition: background-color 0.2s ease; border: none;}
#wg-web .drop-pc{padding: 5px 20px;}
#wg-web .dropdown-item-custom:hover{background-color: #f8f9fa; text-decoration: none; color: #333;}
#wg-web .dropdown-item-custom i{font-size: 20px; color: #666; width: 24px; text-align: center;}
#wg-web .dropdown-item-custom .item-content{flex: 1; line-height: 115%;  padding: 5px 0px;}
#wg-web .dropdown-item-custom .item-title{font-size: 13px; font-weight: 500; color: #333; margin: 0;}
#wg-web .dropdown-item-custom .item-hatend{line-height: 150%}
#wg-web .dropdown-item-custom .item-subtitle{font-size: 12px; color: #999; margin: 0;}

#wg-web .dropdown-item-custom.whatsapp-item i{color: #25D366;}

#wg-web .dropdown-divider-custom{height: 1px; background-color: #e9ecef; margin: 0 0 8px 0;}

#wg-web .dropdown-section-title{padding: 0px 20px 0px; font-size: 12px; color: #999; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px;}
#wg-web .inf-register{float:left; padding: 0 20px; font-size: 12px !important;}
#wg-web .inf-register h4{ font-size: 13px; font-weight: bold;}

/* Responsive */
@media (max-width: 768px){
    #wg-web .header-content{flex-direction: column; gap: 15px; min-height: initial;}
    #wg-web .logo-section{flex: none;}
    #wg-web .search-section{width: 100%; margin: 0;}
    #wg-web .header-actions{width: 100%; justify-content: space-around;}
}

#line-top, #line-top-fix{height:3px; width:100%;z-index:99999;position:relative;clear:both; background: var(--linha-top);}

.header-main {
  background-color: #fff;
  box-shadow: 0 0 7px #ddd;
  min-height: 132px;
  margin:0 auto;
}
.logo{
  height:130px; cursor:pointer; padding: 10px 0
  /*background-image:url(../images/logo.png);background-position:left center; background-repeat:no-repeat;  background-size: contain;*/ }

.line-box-top{min-height:132px}
.line-box-top > div{padding-top:31px}

.header-main .box-top{  position:relative; width:100%; height:70px; background-color:#EFEFEF  ; overflow:hidden;}
.header-main .icon-user, .icon-phone, .icon-cart{height:70px; background-repeat:no-repeat;}
.header-main .icon-user{background-image:url(../images/icon-user.png)}
.header-main .icon-phone{background-image:url(../images/icon-phone.png)}
.header-main .icon-cart{background-image:url(../images/icon-cart.png); }
.header-main .box-top .data-txt{height:70px; display:table; padding-left:70px; background-position:20px center}
.header-main .box-top .data-txt > div { display: table-cell; vertical-align: middle; width: 100%;margin:0;line-height:120%; font-size:.85em}
.header-main .box-top .data-txt > div > p{margin:0; padding:0}
.header-main .box-top .data-txt > div > p > a {font-weight: bold; color: var(--cor7);}

.div-icon-smarth{height:65px; padding:0 2px; margin:0 0 5px 0}
.div-icon-smarth .box{background-position:center 4px; background-color:#EFEFEF; height:65px}
.div-icon-smarth > div{padding:0 2px; text-align:center;}
.div-icon-smarth  .box  span{position:relative;margin-top:43px;display:inline-block; font-size:0.834em}
.div-icon-smarth  .box:hover, .act-user:hover{background-color:#ddd; cursor:pointer}
.div-icon-smarth  .box:hover, .act-phone:hover{background-color:#ddd; cursor:pointer}
.div-icon-smarth  .box:hover, .act-cart:hover{background-color:#ddd; cursor:pointer}
/*------------------------- menu top ----------------------------- */
.nav-menu-top{min-height:45px; height:auto; background: var(--cor_fundo2_menu_topo);}
.menu-top{height:45px;clear:both; background: var(--cor1);}
#wrap_menu{
  position: relative;
   z-index: 50 !important;
  height:45px;
  min-height:45px;
  width:100%;
  margin:0;
  padding:0;
  background-color: var(--cor_fundo1_menu_topo);
  overflow: hidden;
}
.wide_menu{
  clear: both;
  display: block;
  float: none;
  height:auto;
  margin:0 auto;
  overflow:hidden;
  /*font-family: 'Oswald';*/
  font-weight: 600;
}
.wide_menu > ul{
  float: left;
  text-align: center;
  position: relative;
  z-index: 1;
  list-style:none;
  margin:0;
  padding:0;
  overflow:hidden;
  width: 100%;
}

.wide_menu > ul > li{
  display: inline-block;
  float: none;
  position:relative;
}
.wide_menu > ul >  li > a{
  float: left;
  padding: 12px 15px;
  font-size: var(--tam_links_menu_topo);
  color: var(--cor_texto_menu_topo);
  -webkit-transition: all .8s;
  transition: all .3s;
  text-transform:uppercase;
}
.wide_menu > ul > li a:hover{text-decoration:none; cursor:pointer; background: var(--cor_fundo2_menu_topo_hover); }

.icon-search{float: right; width: 40px; background: var(--cor7); color: #fff; font-size: 18px; float: right; height: 32px; padding: 3px; text-align: center; margin-top: 7px; border-radius: 3px; cursor: pointer;}
.icon-search i{margin-top: 5px;  float: left;  text-align: center;  width: 100%;}
.icon-search:hover{ cursor: pointer; background: var(--cor8);}

/*----------------------- smart -------------------*/
.wg-smart{display: none;}
.wg-smart-footer{display: none;}
.ciclo-msmarth{float:right; width: 40px; height: 40px; border-radius: 100px; background:#333; color:#fff;padding: 11px 10px 10px 12px; font-size: 20px; cursor: pointer; vertical-align: middle; margin-top: 30px; background: var(--cor1) !important;}
.ciclo-msmarth:hover {background: #FF3333 !important;}

.icon-car{margin-right: 10px; padding: 10px}

.wg-smart-footer{float: left; width: 100px; height: 50px; position: fixed; bottom: 0; background: #666}


.menu_smart {
  display:block;
  height:40px;
  display:none;
  top:0;
  overflow: hidden;
}
.menu_smart > .row > .title{padding-right:0}
.menu_smart h1{
  font-size:22px;
  font-weight:bold;
  text-align:right;
  padding:0;
  margin:6px 8px 0 0;
  float:right
}
.menu_smart span{
  font-size:28px;
  float:left;
  margin:3px 5px;
}
.menu_smart h1, .menu_smart span{color:#fff}
.icon-menu-smart{width:30px; height:35px;}
/*----------------------- menu smart -------------------*/
#wrap_menu_smart{
  overflow:hidden;
  height:0px;
  display:block;
  -webkit-transition: height 1s;
  transition: height 1s;
  float:left;
  top:0;
  z-index:999999;
}
.act-show-menu-smart{
  cursor:pointer;
  float:left;
  margin:0;
  padding:0
}
.menu_smart_visible{height:auto;}
.wide_menu_smart{
  float: left;
  margin-bottom: 15px;
  padding: 0;
  position: relative;
  display: none;
  background-color: var(--cor6);
  /*
  clear: both;
  display: block;
  height:0;
  float: none;
  padding:0;
  margin: 0 -15px 0 -15px !important;
  overflow:hidden;
  -webkit-transition: height 1s;
  transition: height 1s;
  */
}
.wide_menu_smart > ul{
  text-align: left;
  position: relative;
  z-index: 1;
  list-style:none;
  margin:0;
  padding:0;
  overflow:hidden;
  width:90%;
  margin:0 auto
}

.wide_menu_smart > ul > li{
  display: inline-flex;
  float: none;
  padding: 7px 10px;
  width:100%;
  position:relative;
  -webkit-transition: background 1s;
  transition: background 1s;
  border-bottom: 1px dotted #444;
}
.wide_menu_smart > ul > li > a{
  /*font-family:'Archivo';*/
  font-weight: 700;
  font-size:18px;
  color:#fff;
  width:100%;
  -webkit-transition: color .8s;
  transition: color .8s;
  text-transform:uppercase;
}
.wide_menu_smart > ul > li:hover{background: #222; }
.wide_menu_smart > ul > li > a:hover{text-decoration: none;}
.wide_menu_smart > ul > a:hover{
  background:#222;
  -webkit-transition: background .5s; 
  transition: background .5s; 
}
/* ---------------------- categorias -------------------------*/
.title-categories {
  display: var(--exibir_tit_categ);
  background: var(--cor_fundo_tit_categ);
  color: var(--cor_texto_tit_categ);
  min-height: 45px;
  width: 100%;
  padding: 15px 20px;
  text-transform: uppercase;
  font-size: var(--tam_texto_tit_categ);
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 2px solid #e8e8e8;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
  line-height: 130%;
}

#box-categories {
  background: var(--cor_fundo_categ);
  width: 100%;
  padding: 0;
  font-size: var(--tam_font_categ);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  border-width: 0;
  border-color: none;
  border-style: solid;
}

#box-categories .mnplus {
  float: right;
  color: #bbb;
  transition: color 0.2s;
}

#box-categories .mnplus .fa {
  font-size: 16px;
}

#box-categories .tree a {
  cursor: pointer;
  color: var(--cor_texto_categ);
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.2s;
  font-size: var(--tam_font_categ);
}

#box-categories .tree a:hover {
  background: var(--cor_fundo_categ_hover);
}

#box-categories .tree a:hover .mnplus {
  color: #333;
}

#box-categories .tree ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#box-categories .tree li a {
  padding: var(--padding_link_categ);
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  border-bottom: 1px solid var(--cor_bordas_categ);
}

#box-categories .tree li > ul > li > a {
  margin-left: 15px;
  font-size: var(--tam_font_categ_nivel2);
  padding: 8px 20px;
}

#box-categories .tree li > ul > li > ul > li > a {
  margin-left: 30px;
  font-size: var(--tam_font_categ_nivel2);
  padding: 8px 20px;
}

#box-categories .tree li > ul > li > ul > li > ul > li > a {
  margin-left: 45px;
  font-size: var(--tam_font_categ_nivel2);
  padding: 8px 20px;
}

#box-categories .tree li > ul > li > ul > li > ul > li > ul > li > a {
  margin-left: 60px;
  font-size: var(--tam_font_categ_nivel2);
  padding: 8px 20px;
}

#box-categories .tree > ul > li > a {
  color: var(--cor_texto_categ);
  font-weight: 500;
}

#box-categories .tree ul li ul {
  display: none;
  background: var(--corFundoCategN2);
}

#box-categories .tree ul li.active > ul {
  display: block;
}

#box-categories .catsel {
  font-weight: 600;
  color: var(--cor8) !important;
  background: var(--corFundoCategN2);
  text-decoration: underline;
}

/*----------------------- mini-banners --------------------------*/
.mini-banners{height:auto; overflow: hidden; height: 100px; }
.mini-banners .mb{padding: 20px 15px 20px 28px; height: 80px; background: var(--cor_caixa_mini_banners); border-radius: 2px; display: none; overflow: hidden;}
.mini-banners h2{font-size: var(--tam_titulo_mini_banners); font-weight: bold; text-transform: uppercase; color: var(--cor_titulo_mini_banners); margin: 0;}
.mini-banners h2 i{color: var(--cor_icone_mini_banners); font-size: var(--tam_icone_mini_banners) !important;}
.mini-banners h5{font-size: var(--tam_texto_mini_banners); margin-top: 0px; font-stretch:condensed; margin-bottom: 0; color: var(--cor_texto_mini_banners)}
.mini-banners span{font-size: 10px; font-weight: 100; color: var(--cor5); display: inline-block; background: #e1e1e1; padding: 2px 5px; border-radius: 3px; float: right; font-weight: bold;}
.mini-banners .owl-nav{display: none;}
.mini-banners .mb:hover{cursor: grab;}



/*----------------------- produtos --------------------------*/
  .owl-vitrine{overflow: hidden; margin-right: 0; margin-bottom: 35px; margin-top: 15px; display: flex; }

  .owl-vitrine .owl-stage-outer{order: 1;}
  .owl-vitrine .owl-item{
    float: left;
    margin-bottom: 20px;
  }

  .owl-stage{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: 0;
    padding-top: 8px;
  }

  .s-vitrines h3.title {
    padding: 0 0 2px 0;
    line-height: 30px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    position: relative;
    font-size: 24px;
    font-weight: bold;
  }
  .s-vitrines h3.title > span{
    color: var(--cor_titulo_vitrines);
    border-bottom: 3px solid var(--cor_borda_titulo_vitrine);
    padding-bottom: 4px;    
  }

  .owl-vitrine .owl-nav{
    order: 3;
    width: 100%;
    text-align: center;
  }

  .owl-vitrine .owl-nav button{
    border: 1px solid #ccc;
    background: #fff;
    padding: 3px 7px;
    margin: 0 2px;
    color:  #aeaeae;
  }
  .owl-vitrine .owl-nav button:hover{
    border-color: var(--cor5);
    color: var(--cor5);
  }

  .owl-vitrine .owl-dots{
    order: 2;
    width: 100%;
    text-align: center;
    margin-top: 0 ;
  }
  .owl-vitrine .owl-dots button{border: none; background: none; padding: 0;}
  .owl-vitrine .owl-dots .owl-dot span{width: 15px; height: 15px; transition: all 0.3s ease;}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 5px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
  transition: all 0.6s ease;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
.owl-theme .owl-dots .owl-dot.active span {
  background: var(--cor5);
  width: 25px;
  transition: all 0.6s ease;
}

  .owl-vitrine .owl-nav{display: none;}
  .vit-act{float: right; width: 70px; text-align: right; line-height: 20px;}
  .vit-act .vit-prev,
  .vit-act .vit-next{float: right; padding: 3px 8px; font-size: 16px; border: 1px solid #666;margin: 2px; border-radius: 3px; color: #666;}
  .vit-act .vit-prev:hover,
  .vit-act .vit-next:hover{border-color: var(--cor5); color: var(--cor5); background: #e8e8e8; cursor: pointer;}

  .valor-parcelado, .valor-desconto{float: left; width: 96%; font-size: 12px !important; line-height: 100%; padding: 8px 10px; background: #f4f4f4; margin-bottom: 5px;border-radius: 2px;}
  .valor-parcelado b, .valor-desconto b{font-size: 12px !important;}

  @media (max-width: 768px) {
  
  }

  @media (max-width: 420px) {
    .owl-vitrine .owl-dots{display: none;}
    .owl-vitrine{margin-bottom: 60px;}
  }

.my-5{margin-top: 1.5rem !important}
.my-view-produto{display: grid}
/*
.my-view-produto .col-img{padding-left: 0;}
.my-view-produto .col-dados{padding-right: 0;}
*/
#row-produtos{float:left; width: 75%; padding-right: 0; padding-left: 15px;}
.div-sem-reg{font-size: 17px; text-align: center; padding: 30px; font-weight: bold}
.products{
  height:auto;
  min-height:300px;
  width:100%;
  margin:0;
  padding:0;
}
.box-full-product{
  background:#fff;
  padding: 15px 20px;
  min-height: 340px;
}


.row-menu-cat{padding-left: 0 !important;}


.row-produtos .row-title{
  float:left;
  width:100%;
  height:auto;
  /*border-bottom:1px dotted #e9e9e9;
  margin-bottom:15px;
  margin-right: 15px;
  /*margin-left: 15px;*/
  /*min-height:50px;*/
}
.row-produtos .row-title > div{
  padding-right: 15px;
  padding-left: 15px;

  /*height:40px;*/
}
.row-produtos .col-title{
  float:left;
  font-size:13px;
  width: calc(100% - 250px);
  line-height:130%;
  margin:0 !important;
  padding: 0 !important;
  padding-bottom: 15px !important;
  
}
.row-produtos .col-title a{color: var(--cor-texto-site);}

.row-produtos .col-title > .title-categ-select{
  font-size: 16px;
  font-weight: bold;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.row-produtos .col-title span{padding: 2px 5px 2px 0; font-size: 13px; margin-right: 2px;}
.row-produtos .col-title-desc{
  float:left;
  font-size:16px;
  width:100%;
  line-height:110%;
  margin-bottom: 5px
}




.div-sem-reg{
  float: left;
  width: 100%;
  padding: 50px 15px;
}
.div-sem-reg > .desc-no-product{
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 100;
}
.col-order{
  float:left;
  width:250px;
  padding-right: 15px !important;
}
.div-select-order{float:right;width:170px;}

.dropdown > #dropdownMenu1{float:right}
.dropdown-menu{margin:0; float:left}

.div-select-order {
  display: inline-block;
}

/*------------------------ ordenar produtos -----------*/
.combo-order-product {background-color: #f8f9fa; border: 1px solid #dee2e6; color: #212529; padding: 0.5rem 1rem; font-size: 0.95rem; border-radius: 0.25rem; display: flex; align-items: center; white-space: nowrap; float: right;margin-right: 5px;}
.combo-order-product:hover, .combo-order-product:focus {background-color: #e9ecef; border-color: #adb5bd; color: #212529; }
.combo-order-product i { font-size: 1rem; }
.div-select-order .dropdown-menu {min-width: 200px;}
.div-select-order .dropdown-item {display: flex; align-items: center; padding: 0.5rem 1rem; font-size: 0.95rem;}
.div-select-order .dropdown-item:hover {background-color: #f8f9fa;}
.div-select-order .dropdown-item i {font-size: 1rem;}

.col-product{
  float:left;
  margin-bottom:30px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  transition: all 0.5s ease
  /*border-right:1px solid #e9e9e9;*/
}

/*----------- Botao model ---------------*/
.btn-model{background: var(--cor5) !important; transition: background 0s; color:#fff !important;}
.btn-model:active,
.btn-model:focus-visible{background: var(--cor6) !important; transition: background 0s; color:#fff !important;}
.btn-model:hover{ background: var(--cor7) !important;  transition: background 0.5s; color:#fff;}


.btn-default{color: #333;  background-color: #ececec !important;  border-color: #ccc !important;  margin-top: 5px;  margin-bottom: 5px;}
.btn-default:hover{background-color: #d2cfcf !important;  border-color: #a6a6a6 !important;}
/*----------- totais produto_view ---------------*/
.total-full-product{font-size: 32px !important;font-weight: 600 !important; border-bottom: none !important; text-align: right !important; padding: 5px 0 0 0 !important; line-height: 100%; margin-bottom: -10px !important;}
.total-full-product span{font-size: 15px !important}
.value-pagto, .value-card, .value-discount, .value-balcao, .value-pagseguro, .value-paypal, .value-moip, .value-cielo{color:#555; font-weight: bold; font-size: 16px}
.val-parcela, .parc-pagseguro, .parc-moip, .parc-cielo, .parc-mp{font-size:11px; float:left; width:100%; margin:-5px 0; cursor: pointer; text-decoration: underline; color: #999}
.val-parcela:hover, .parc-pagseguro:hover, .parc-moip:hover, .parc-cielo:hover, .parc-mp:hover{color: #333}
.txtMaisDetailNoG{border-top: 4px solid #ccc; margin-top: 10px; padding-top:5px;}

/* ----------------------------- rodape ----------*/
.page-footer {
  background-image: linear-gradient(to right, var(--cor_fundo1_rodape) 50%, var(--cor_fundo2_rodape) 50%);
  color: var(--cor_texto_rodape);
  font-size: var(--tam_texto_rodape);
}
.footer-left {
  display: inline-block;
  padding: 25px 10px 25px 15px;
  background: var(--cor_fundo1_rodape)
}
.page-footer a{color: var(--cor_texto_rodape); font-size: var(--tam_texto_rodape);}
.page-footer a:hover{text-decoration: underline; color: var(--cor_texto_rodape);}
.page-footer .container {
  background-image: linear-gradient(to right, var(--cor_fundo1_rodape) 25%, var(--cor_fundo2_rodape) 25%);
}
.footer-logo img {
  margin-bottom: 20px;
  max-width: 95%
}
.page-footer .footer-frase{font-size: 13px}
.footer-text {color: var(--cor_texto_rodape); font-size: var(--tam_texto_rodape); }
.page-footer .social-links { margin: 20px 0 0; padding-left: 0;}
.social-links li {display: inline-block;}
.page-footer .social-links a {
  background: transparent none repeat scroll 0 0;
  border: 2px solid var(--cor_texto_rodape);;
  color: var(--cor_texto_rodape);;
  font-size: 22px;
  height: 41px;
  line-height: 35px;
  width: 40px;
}
.social-links li a {
  background: #3b3b3b none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  margin-right: 5px;
  text-align: center;
  width: 26px;
}
.footer-extra-links {margin-top: 20px;}
.page-footer .footer-extra-links a {
  border: 2px solid var(--cor_texto_rodape);
  border-radius: 20px;
  color: var(--cor_texto_rodape);
  margin-right: 10px;
  padding: 6px 12px;
  text-transform: uppercase;
  float: left;
  margin-bottom: 3px
}
.page-footer .social-links a:hover {background: var(--cor_texto_rodape); color: var(--cor_fundo2_rodape); border-color: transparent; transition: 0.5s all;}
.footer-extra-links { margin-top: 20px; display: -moz-grid-line}

.page-footer .footer-extra-links a {
  border: 2px solid var(--cor_texto_rodape);;
  border-radius: 20px;
  color: var(--cor_texto_rodape);
  margin-right: 10px;
  padding: 6px 12px;
  text-transform: uppercase;
  font-size: 12px;
}
.page-footer .footer-extra-links a:hover {
  border-color: transparent;
  color: var(--cor_fundo2_rodape);
  background: var(--cor_texto_rodape);
  text-decoration: none;
  transition: 0.65s all;
}
.page-footer .footer-title{float: left; width: 100%;}
.page-footer .footer-title h4 {
  font-size: var(--tam_titulos_rodape);
  margin-bottom: 11px;
  padding-bottom: 2px;
  text-transform: uppercase;
  font-weight: bold;
}
@media (max-width: 768px) {
  .page-footer, .page-footer .container {
    background: #252525 none repeat scroll 0 0;
  }
  .container {width: 100% !important;}
}
.footer-right {
  background-color: var(--cor_fundo2_rodape);
  overflow: hidden;
  padding: 25px 0;
}
.footer-right ul {
  list-style: outside none none;
  padding-left: 0;
}
.footer-right ul li {
  padding: 3px 0;
}
.footer-right .widget_recent_entries .recent-blog-posts li::before {
  display: none;
}
.footer-right .widget_recent_entries .recent-blog-post {
  padding: 12px 0;
}
.copyright {
  color: var(--cor_texto_copyright); 
  height: auto;
  line-height: 150%;
  font-size: 13px;
  text-align: center;
  overflow: hidden;
  padding: 10px 0
}
.copyright .col-md-3 {
  position: relative;
}
.copyright a{color: var(--cor_texto_copyright); text-decoration: underline;}

.wg-plataforma{
  background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: inline-block;
  margin: 4px auto 0;
  padding: 3px 20px;
}
.wg-plataforma:hover{
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.2);
  transition: 0.65s all;
}



#rodape{
  /*background:url(../images/bg-rodape.jpg) repeat  ; */
  padding-bottom:0px;
  overflow: hidden;
}

.full-rodape{
  background:url(../images/bg-rodape.jpg) repeat  ;
  min-height:200px;
  height:auto;
  padding:10px 15px;
}
.full-rodape > div > div{margin-bottom:10px; overflow:hidden}
.full-rodape .title{
  float:left;
  width:100%;
  height:auto;
  min-height:30px;
  line-height:120%;
  font-size:22px;
  color:#fff;
  background:rgba(255, 255, 255, 0.10);
  padding:5px 10px;
  font-weight: 600;
  border-radius:2px;
  margin-bottom:5px;
  text-transform:uppercase
}
.full-rodape .div-atend{
  float:left;
  width:100%;
  padding-left:10px;
  color:#FFF
}
.full-rodape ul{
  float:left;
  margin:0;
  padding:0 0 0 10px;
  list-style:none;
  margin-bottom:10px;
}
.full-rodape ul a{ color:#fff; font-size:14px}
.full-rodape ul a:hover{ color:#fff}
.pag-balcao,
.pag-deposito,
.pag-pagseguro,
.pag-mercadopago,
.pag-paypal,
.pag-cielo,
.pag-moip{
  float:left;
  width: 260px;
  height:53px;
  margin:4px 0 0 0px;
  /*opacity:0.7;*/
  border-radius:2px;
  transition: all .7s ease 0s;
}
.pag-balcao{background:url(../images/pag_balcao.jpg) no-repeat; height:35px;}
.pag-deposito{background:url(../images/pag_deposito.jpg) no-repeat; height:35px;}
.pag-pagseguro{background:url(../images/pag_pagseguro.jpg) no-repeat;}
.pag-mercadopago{background:url(../images/pag_mercadopago.jpg) no-repeat;}
.pag-moip{background:url(../images/pag_moip.jpg) no-repeat;}
.pag-cielo{background:url(../images/pag_cielo.jpg) no-repeat;}
.pag-paypal{background:url(../images/pag_paypal.jpg) no-repeat;}
.icon-pag:hover{opacity:1}

.corp-rodape{
  background:url(../images/bg-rodape2.jpg) repeat ;
  min-height:90px;
  height:auto;
  padding:40px 10px 5px 15px;
}
.corp-rodape > .row > div{min-height:40px; height:auto}
.corp-rodape .security > img{float:left; margin-right:1px; opacity:.7;transition: all .7s ease 0s;}
.corp-rodape .security > img:hover{opacity:1;}
.corp-rodape .security > img.google:hover{cursor:pointer}
.corp-rodape .corp > span {line-height:110%; font-size:12px; color:#FFF; text-align:center; margin-top:20px; width:100%; float:left}
.corp-rodape .plataforma > span{float:left;margin:0 auto; width:100%;}
.corp-rodape .plataforma > span img{
  margin-top:20px;
  transition: all .7s ease 0s;
}
.corp-rodape .plataforma > span img.xs{float:right;}
.corp-rodape .plataforma > span  img:hover{
  cursor:pointer;
  transform: scale(1.08);
}

.icon-pag{float: left; padding: 5px 10px;  margin: 3px;  border-radius: 3px;  background: rgba(255,255,255,0.3);}
.icon-security {float: left; margin: 3px; border-radius: 3px; background: #fff; padding: 1px;}
.icon-shipping{float: left; margin: 3px; border-radius: 3px; background: #fff; padding: 1px;}

/*------------------- WHATSAPP NO RODAPE ------------------------*/
.footerFix {
  position: fixed;
  right: 5px;
  width: 55px;
  height: 55px;
  right: 20px;
  margin-bottom:10px;
  bottom: 0;
  z-index: 99999;
}
.wsGel{
  animation: gelatine 7s ease infinite;
  -webkit-animation: gelatine 7s ease infinite;
}
.footerFix div {
  float: right;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  text-align: center;
  margin-bottom: 5px;
  background: #4DC247;
  padding: 0px 5px;
  cursor: pointer;
  box-shadow: 0 8px 6px -7px #000;
  -webkit-box-shadow: 0 8px 6px -7px #000;
  -moz-box-shadow: 0 8px 6px -7px #000;
  transition: background 0.995s;  
  animation-iteration-count:infinite;
  animation-fill-mode:both;
}

.footerFix > .ws{

  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #transparent;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse_ws 2s infinite;
}
.footerFix .ws:hover{
  background: #32892E;
  transition: background 0.995s;
}
.footerFix > .ws > a {
  font-size: 32px !important;
  color: #fff !important;
  transition: color 3s;
  cursor: pointer;
}

.footerFix > .ws{
  font-size: 32px !important;
  color: #fff !important;
  transition: color 3s;
  cursor: pointer;
}

.footerFix > .bubbleWhats{
  position: absolute;
  width: 140px;
  height: 40px;
  padding: 0px;
  background: #32892E;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  right: 70px;
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  margin-top: 5px;
  display: none;
}
.footerFix > .bubbleWhats:after{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 9px 0 9px 15px;
  border-color: transparent #32892E;
  display: block;
  width: 0;
  z-index: 1;
  right: -15px;
  top: 11px;
}

@-webkit-keyframes pulse_ws {
 0% {
  -webkit-box-shadow: 0 0 0 0 rgba(255,0,0,0.3);
 }
 70% {
  -webkit-box-shadow: 0 0 0 10px rgba(255,0,0, 0);
 }
 100% {
  -webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 0);
 }
}
@keyframes pulse_ws {
 10% {
  -moz-box-shadow: 0 0 0 0 #4DC247;
  box-shadow: 0 0 0 0 #4DC247;
 }
 80% {
  -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  box-shadow: 0 0 0 15px rgba(204,169,44, 0);
 }
 100% {
  -moz-box-shadow: 0 0 0 0 rgba(255,0,0,0.3);
  box-shadow: 0 0 0 0 rgba(204,169,44, 0);
 }
}

/*----------------- banner sob categorias ------------------------ */
.banner-sob-categ{
  float:left;
  width:100%;
  height:auto;
  margin:15px 0 10px 0;
  overflow:hidden
}
.banner-sob-categ img{
  margin:5px 0;
  width:100%;
  height:auto;
}
.banner-sob-categ a{transition: all .7s ease 0s;}
.banner-sob-categ a:hover{
  opacity:0.88
}
/* ----------------- conteudos diversos ----------------------*/

.title-page, .title-page-leiamais{
  color: var(--cor_titulo_vitrines);
  position: relative;
  padding-bottom:3px;
  height:auto;
  margin:15px 0;
  font-size:20px;
  /*border-bottom:2px solid #666;*/
  font-weight:bold;
  text-transform:uppercase;
  transition: all 0.65s ease;
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
  border-bottom: 1px solid #eee;
}
.title-page{border-color: var(--cor1); margin:0 0 15px 0;}

.subtitle-page{
  font-weight: 600;
  position: relative;
  padding-bottom:3px;
  height:auto;
  line-height:100%;
  margin:25px 0 15px 0;
  font-size:18px
}
#wpConteudoView{
  padding:15px
}
/* ----------------- conteudo como comprar ----------------------*/
#wp-ComoComprar > .lines{
    position: relative;
  padding-bottom:3px;
  height:auto;
  margin:15px;
  padding:5px 0;
  border-bottom:1px dotted #ccc;
}
#wp-ComoComprar > .lines > .box1{
  border-radius: 2px;
  color: #fff;
  float: left;
  font-size: 30px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  text-align: center;
  width: 45px;
  background:var(--cor5)
}
#wp-ComoComprar > .lines > .box2{
  font-size: 18px;
  font-weight: bold;
  height: auto;
  min-height: 20px;
  font-weight: 600;
  color:var(--cor5)
}
#wp-ComoComprar > .lines > .box3{
  font-size: 15px;
}

/* ------------------- conteudo como pagar -------------- */
#wp-ComoPagar{margin:15px 0; font-size:15px}
#wp-ComoPagar h3 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin: 15px 0 5px 0;
  text-transform: uppercase;
  height: 30px;
  border-bottom:3px solid var(--cor7);
}
#wp-ComoPagar h3 > span {
  float:left;
  width:auto;
  padding:5px 10px;
  color:#fff  ;
  border-radius:2px;
  background:var(--cor7);
}
#wp-ComoPagar b{color:#333; text-decoration:underline}
#wp-ComoPagar br{margin-bottom:5px}
/*--------------------- conteudo solicitar orcamento -----------------*/
#divMsgOKCad, #divMsgErroCad{display:none; line-height:110% !important}
#divMsgOKCad > h2, #divMsgErroCad > h2{font-size:22px; font-weight: 600;margin:0; margin-bottom:10px}
#divMsgOKCad{margin-top:20px; margin-bottom:60px}
#wp-SolicOrcamento .marginTopBot{border-bottom:2px solid #666; height:10px; float:left}
#wp-SolicOrcamento .tit-files{
    color: #333;
    font-weight: 600;
    font-size: 22px;
    height: auto;
    padding-bottom: 3px;
    position: relative;
  margin-bottom:15px;
}
#wp-SolicOrcamento .line-files{
  font-weight: 600;
  font-size:17px;
}
#wp-SolicOrcamento .line-files > i{font-size:25px}
#wp-SolicOrcamento .cx-files{ margin-bottom:7px; height:auto;}
#wp-SolicOrcamento .cx-upload{border:1px solid #E1E1E1;padding:10px; border-radius:3px; background:#EFEFEF}
.cmpAddConta {margin:10px 0 }
#wp-SolicOrcamento .row .col-sm-6{float: left}
/* ------------------ tabela de precos --------------------------*/
#wpTabelaPrecos{float:left;width:100%;padding:15px 0; margin-top:-20px}
#wpTabelaPrecos #idCat{max-width:450px;}
#wpTabelaPrecos .divTabela-Precos{min-height:5px; margin:20px 0}
#tabelaPrecos > tbody tr > td > span{display:none; font-weight:bold; width:auto; margin-right:7px; float:left}
/* ------------------ tabela de precos --------------------------*/
#wp-Cadastro .form-group{margin-bottom: 10px;}
#wp-Cadastro .form-group .control-label{text-align:left !important}
#wp-Cadastro .subtitle-form-cad{
  background-color: #EBEBEB;
  padding:10px 10px;
  color:#333;
  font-weight: 600;
  font-size:20px;
  border-radius:2px;
  margin-bottom:5px
}
#wp-Cadastro .tam200{max-width:200px}
#wp-Cadastro .tam300{max-width:300px}
#wp-Cadastro .tam400{max-width:400px}
/* ------------------ login  --------------------------*/
#wp-login .box{
  max-width:350px;
  margin: 0 auto;
  margin-bottom:40px
}
#wp-login h2, #wp-login h3{
  color:#333;
  font-size:22px;
  border-radius:2px;
  margin-bottom:5px;
  font-weight:bold
}
#wp-login h3{
  font-size:20px;color:#333
}

/*------------------- View Produtos -------------------- */
#view-produto-full{}
.viewProTop{
  float: left;
  height: auto;
  min-height: 150px;
  padding: 0px;
  width: 100%;
  margin-bottom:10px
}
.viewProTop .cxImgPro {
  float: left;
  height: auto;
  margin-right: 10px;
  width: auto;
}
#row-produtos .titPro {
  float: left;
  width: 100%;
  height: auto;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 7px;
  font-weight: 600;
  line-height: 100%;
}
.viewProTop .lnDescPro {
  width: 100%;
  height: auto;
  color: #4E4E4E;
  font-size: 14px;
  min-height: 15px;
  margin-bottom: 5px
}
.viewProTop .lnDescPro p{line-height: 140%; margin: 0}

.viewProTop .cmpVar label,
.viewProTop .cmpVar2 label{
  font-weight: normal; margin-bottom: 0;
}
.viewProTop .cmpVar2 select,
.viewProTop .cmpVar select{ min-width: 100% !important; width: auto;max-width: 200px !important}
.viewProTop .cmpVar .input-group-addon,
.viewProTop .cmpVar2 .input-group-addon{min-width: 230px; text-align: right; font-size: 11px !important; text-align: right;}
.viewProTop .cmpVar .input-group-addon b,
.viewProTop .cmpVar2 .input-group-addon b{font-size: 14px !important;}
.viewProTop .value-purchase{
  width: 100%
}
.divBuyValue{float: left;width: 100%}
.divBuyValue .divValues,
.divBuyValue .divActionBuy{float: left; width: 50%}
.viewProTop .desMaisDetal {
  float: left;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  height: 20px;
  margin-top: 10px;
  text-decoration: underline;
  width:100%
}
.txtMaisDetailNoG{float: left;}
.viewProTop .txtMaisDetal{
  float: left;
  color: #444 !important;
  font-size: 13px;
  height: auto;
  margin-top: 5px;
  max-height: 160px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%
}

.viewProTop .txtMaisDetal::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-button {
  width: 4px;
  height: 4px;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 6px solid #a8a09f;
  border-radius: 0px;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-track {
  background: #666666;
  border: 1px solid #ffffff;
  border-radius: 3px;
}
::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-track:active {
  background: #333333;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-corner {
  background: transparent;
}

.viewProTop .txtMaisDetalNoG{
  height:auto !important
}

.viewProTop .leia-mais{text-decoration: underline; font-weight: bold; cursor: pointer; display:initial; float: left; width: 100%}

.cxQuantAcabFull{
  height: auto;
  min-height: 10px;
  margin-bottom:10px;
}
.cxQuantAcab {
  float:left;
  color: #666;
  height: auto;
  min-height: 10px;
}



.cxQuant{width: 35%; padding-right:1.5%; margin-bottom:10px; overflow: hidden;}
.cxAcab{width: 65%;}
.cxPorMLinear{width: 50%}
.cxAcabObrig{width: 100%;}
.descAcabObrig{line-height: 24px !important;}
.objAcabObrig{margin: 8px 0 0 0 !important}

.cxPorM2{width: 50% !important}
.cxPorM2 .col-sm-3{}
.cxPorM2 label{display: table-caption; margin-bottom:0; font-size: 13px; font-weight: normal;}
.cxAcabM2{width: 50% !important}
.cxAcabM2 input{width: 100%}
.cxPorM2 .div-qtd-linear{padding-right: 5px}
.cxPorM2 .div-medidas-linear{padding-right:5px; padding-left: 5px}
.cxPorM2 .div-btn-linear{padding-left: 5px}

.table-faixa-valores {margin-top:5px; float: left; width: 100%}
.table-faixa-valores table{font-size: 11px !important; }
.faixa-p-nografico {width: 100% !important}

.cxPorMLinear .col-sm-2{padding: 0 5px;  }
.cxPorMLinear .div-qtd-linear{padding-right: 5px}
.cxPorMLinear .div-medidas-linear{padding-right:5px; padding-left: 5px}
.cxPorMLinear .div-btn-linear{padding-left: 5px}
.cxPorMLinear .col-sm-5{padding-left: 5px;  }
.cxPorMLinear label{margin: 5px 0 0 0; font-size: 12px}
.cxPorM2 .alert,
.cxPorMLinear .alert{float: left; width: 100%; font-size: 12px !important; margin-bottom: 0 !important; line-height: 130% !important}
.cxPorM2 .alert-default,
.cxPorMLinear .alert-default{background-color: #eee; border:1px solid #cecece; margin-top: 5px; padding: 3px 10px !important; }
.spinnerMLinear{min-width: 100%; float: left; position: relative; display: initial !important;}
.spinnerMLinear .input-group-btn-vertical {
    position: relative;
    z-index: 10;
    margin-left: -17px;
    float: left;
}

/*------------ adaptacao ------------------*/
.row-calcule{padding: 7px; float: left; max-width: 450px;}
.cxPorM2 .input-group-addon{padding: 6px 5px !important}
.cxPorM2 .div-qtd-linear{float: left; width: 20%; min-width: 60px; }
.cxPorM2 .div-medidas-linear{float: left; width: 40%; min-width: 110px; }
.cxPorM2 .last{padding-right: 0}
.cxPorM2 .div-btn-linear{float: left; width: 50%; margin-top: 5px ; padding: 0}
.div-avisoM2{float: left; width: 100%}
.alert-valorML{height: 30px; line-height: 30px; margin: 0; background-color: #eee ; font-size: 10px; font-size: 12px; text-align: center;}
.full-line{width: 100% !important}
.div-tabelado{float: left; width: 100%; margin-top: 5px}
.div-tabelado table{margin: 0;}



.cmpVar .qtd-unit-diversos{width: 100% !important}
.cmpVar .form-group label{width: 100%; }
.cmpVar .form-group #quantUnit{border-radius: 3px 0 0 3px; font-size: 18px; font-weight: bold; text-align: center;}
.spinner-no-graf{width: 100% !important}
.alert-qtd-minima{padding: 2px 10px; margin: 3px 0; font-size: 12px; text-align: center;}

.row-calcule #quantUnit{border-radius: 4px 0 0 4px !important}

.titCol {
  background: #e5e5e5 none repeat scroll 0 0;
  color: #333;
  float: left;
  font-size: 18px;
  font-weight: bold;
  height: auto;
  line-height: 100%;
  width: 100%;
  font-weight: 600;
  border-radius: 2px;
  padding: 10px;
}
.cxQuantAcab .lnTit {
  float: left;
  font-size: 14px;
  padding: 7px 5px 0px 5px;
  font-size:14px;
  width:100%;
  color:#333
}
.cxQuantAcab .lnCmp {
  float: left;
  height: auto;
  margin-left: 5px;
  width:100%
}
.cxQuantAcab .lnCmp #quantUnit{
  max-width: 200px !important;
}
.cxQuantAcab .divCmps {
  border-bottom: 1px dotted #dfdfdf;
  float: left;
  height: auto;
  line-height: 100%;
  margin: 2px 0;
  min-height: 27px;
  width: 100%;
  padding: 0 5px;
}
.cxQuantAcab .divCmps label{
  display: block !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  max-width: none !important;
}

.cxQuantAcab .divCmps .cmpSelect {
  float: left;
  height: 13px;
  width: 25px;
  z-index:999;
  height:30px
}
.cxQuantAcab .divCmps .cmpDescricao {
  float: none;
  font-size: 14px;
  height: auto;
  line-height: 13px;
  width: 100%;
  z-index:999
}
.cxQuantAcab .divCmps .cmpDiasAdd {
  color: #666;
  float: none;
  font-size: 11px;
  height: 15px;
  z-index:999;
  width: 100%
}

.cxQuantAcab .divFullM2{float:left}
.cxQuantAcab .lnTitM2,
.cxQuantAcab .lnCmpM2{float:left;width:24.5%; font-size:13px;}
.cxQuantAcab #larguraM2,
.cxQuantAcab #alturaM2{width:100%; margin-bottom:0px;}
.cxQuantAcab #quantSelect{max-width:200px}
.cxQuantAcab .lnCmpM2_{float:left;height:auto}
.cxQuantAcab .msgErroMedidas,
.cxQuantAcab .msgOKMedidas{display:none; float:left; padding:3px 10px; margin:5px 0; width:100%}


.cxRsArte{margin-bottom:5px; /*padding: 0 15px*/}
.cxQtdAcab{margin-bottom:10px;float:left; width:100%; /*padding: 0 15px*/ }
.cxDownGab{float: left; /*padding: 0 15px*/; margin-bottom: 10px; width: 100%}
.cxRsArte label{
  display: block !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  max-width: none !important;
}
.cxRsArte .divCmpArte {
    float: left;
    height: auto;
    line-height: 110%;
    padding: 3px 0 5px 0px;
}
.cxRsArte .divValorArte {
  float: right;
  padding: 3px 0 10px;
  color:#333;
  font-size: 22px;
  height: 20px;
  margin-top: 0px;
  text-align: right;
  font-weight: 600;
}
.cxRsArte .divDescValorArte{
  float: left;
  text-align: right;
  padding: 3px 0 5px
}
.cxRsArte .divDescArteFull{display:none;}
.cxRsArte .divDescArte {
  color: #333;
  display: none;
  float: left;
  font-size: 15px;
  font-weight: bold;
  width:100%;
  display:block;
  line-height:110%;
}
.cxRsArte .descInfor{
  float: left;
  width: 100%;
  padding: 5px;
  height: auto;
}
.divDescCmpArte {float: left; width: 100%}
.divDescCmpArte textarea{width:100%;height:70px; font-size:13px; color:#333; padding: 5px; margin-top:10px; line-height: 120%; margin-bottom: 5px}
.jqte{margin:5px 0 !important;}

.down-gabaritos, .inf-gabaritos{height: auto; float: left; color:#666; border-radius: 3px}
.down-gabaritos h3{font-size: 15px; font-weight: bold; color: #333; margin:0; padding: 5px 0; border-top: 1px dotted #ccc}
.down-gabaritos img{margin-right: 5px;}
.down-gabaritos img:hover{opacity: .7}

.inf-gabaritos .line-gab{float: left; width: 100%; height: auto;}
.inf-gabaritos h3,
.inf-gabaritos h2{font-size: 15px; margin:0; padding: 0px 0; }
.inf-gabaritos h3{padding-top: 5px}
.inf-gabaritos h3 b{color: #0066FF;}
.inf-gabaritos h2{font-size: 15px; color:#333; }
.inf-gabaritos .img-attention{padding: 0 10px 0 0; width: auto; }
.inf-gabaritos .txt-criate-arte{padding: 0}

.cxRsTotal{
  width: 100%;
  float: left;
  height: auto;
  min-height: 10px;
  margin-top: 7px;
  /*padding: 0 15px*/
}
.cxRsTotal .col-total{
  float: left;
  width: 50%;
  height: auto;
}
.cxRsTotal .ln_valores {
  float: left;
  text-indent: 5px;
  width: 100%;
}
.cxRsTotal .ln_valores span {
  font-weight: bold;
}

.cxRsTotal .totalgeral {
  color:#333;
  float: left;
  font-size: 36px;
  font-weight: 600;
  margin:0 -5px;
  height: 48px;
  line-height: 65px;
  text-align: right;
  width:100%;
  font-weight:bold;
}
.cxRsTotal .totalgeral > span { font-size: 20px; font-weight:800;}
.cxRsTotal .totalparc{text-align:right; float:left; width:100%;margin:0 -5px;}
.div-totais{margin: 0; float: left; width: 100%}
.div-totais .alert-no-stock{float: left; width: 100%; font-size: 12px; display: none; margin-bottom: 5px; padding: 5px 10px}
.div-totais .alert-no-stock h5{margin: 0; padding: 0; font-size: 14px; font-weight: bold}
.cxBtnComprar{ padding-top:7px;}
.cxBtnComprar .botao-comprar {
  float: right;
  font-size: 20px;
  font-weight:bold;
  height: 60px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  max-width: 200px;
}
.cxBtnComprar .botao-comprar i{font-size: 24px}
.col-6-produto{
  float:left;
  width:50%;
  padding:15px;
  height:auto
}
.dadosProd{padding: 0 !important}
.cmpVar1{margin-top: 10px}
.cmpVar, .cmpVar1, .cmpVar2, .cmpVar3, .cmpVar4, .cmpVar5{float: left; padding: 3px 15px 3px 40%; width: 100%}
.cmpVar2, .cmpVar3, .cmpVar4, .cmpVar5{display:none}
.descValor{
  font-size:13px;text-align:right
}
select option:first-child { font-weight: bold; !important; }
.showValue{
  /*font-family: "Istok";*/
  font-weight:bold;
  color: #333;
  display: block;
  font-size: 26px;
  height:auto;
  text-align:right;
  float: left;
  width: 100%

}

.value-purchase{float: left; margin-right: 0}
.value-purchase > div{height:auto; padding:0 !important}
.value-purchase .value-desc{border-bottom: 1px dotted #ccc; margin-bottom: 2px; padding-bottom: 2px !important;}
.value-purchase .badge{font-size:14px; margin: 0 5px;}
.value-purchase .value-discount{font-size:22px; float:right}
.value-purchase .transfer-ticket{font-size:11px; float:right; padding-right: 5px; font-weight: normal !important; width: 100%}
.value-purchase .desc-value-card{font-size: 11px; line-height: 150%; text-align: right}
.value-purchase .desc-value-card .value-card{font-size: 18px; color:#333; font-weight: bold}
.value-purchase .desc-plots,
.value-purchase .desc-balcao{font-size: 11px; text-align: right;}
.showValue > span { font-size: 18px; font-weight:800}
.value-geral{font-size: 32px}
.value-purchase .plots{line-height: 10px; padding-bottom: 7px !important}

.stMainServices,
.stButton .stButton_gradient {height:22px !important}

.cxRsSolicitarOrc{
  width: 100%;
  padding: 15px 0;
  text-align: center;
  font-size: 18px;
}
.cxRsSolicitarOrc p{padding:20px 0;}
.cxRsSolicitarOrc i{font-size: 22px; margin-right: 10px}
.cxRsSolicitarOrc .btn{padding:10px 20px; font-size: 16px; font-weight: bold;}

.col-full{width:100% !important; padding-right:0px}
/* --------------------- VIEW PRODUTOS GALLERY ------------------------ */
.view-images-produto{padding: 0px}
.sp-loading{width: 100% ; height: 315px ; background: #fff; margin:0; border: none; max-width: 430px ; border:5px solid #eee; overflow: hidden; }
.sp-wrap{width: 100% ; height: 315px ; background: #fff; margin:0; border: none; max-width: 430px ; border:5px solid #eee; overflow: hidden; margin: 0 15px 15px 0;}
.sp-wrap-one-image{height: 250px !important}
.sp-large { height: 240px !important; max-width: 420px !important; width: 100%; background: #fff none repeat scroll 0 0; padding: 2px;}
.sp-large a img {max-height: 235px; width: auto; max-width: 420px; display: flex; margin:0 auto; }
.sp-thumbs{
  background-color: #eee !important;
  display: flex !important;
  height: 67px;
  margin-top: 2px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  max-width: 420px;
  bottom: -5px;
}
.sp-thumbs a {height: 60px !important; width: 60px !important;  background-position: center; margin: 2px; }

/* --------------------- NUMBER FORMATE ------------------------ */
.spinner {
  width: 200px;
}
.spinner input {
  text-align: right;
  border-radius:0
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: bottom;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
  color:#333 !important
}
/*----------------------- CARRINHO RIGHT-------------------------------*/


/*----------------------- CARRINHO -------------------------------*/
#row-carrinho .title-carrinho .title{ color: var(--cor5);
  position: relative;
  padding-bottom:3px;
  height:auto;
  margin:15px 0;
  font-size:20px;
  border-bottom:2px solid #666;
  font-weight:bold;
  text-transform:uppercase;
  transition: all 0.65s ease;}
#row-carrinho .title-carrinho .stepper .stepper-container {width: 280px; height: 36px; position: relative}
#row-carrinho .title-carrinho .stepper .stepper {display: flex; align-items: center; width: 100%; height: 100%; }
#row-carrinho .title-carrinho .stepper .step {display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; }
#row-carrinho .title-carrinho .stepper .step-circle {width: 24px; height: 24px; border-radius: 50%; background-color: #cccccc; display: flex; align-items: center; justify-content: center;}
#row-carrinho .title-carrinho .stepper .step.completed .step-circle {background-color: #2196F3;}
#row-carrinho .title-carrinho .stepper .step-label {position: absolute; top: 26px; font-size: 12px;white-space: nowrap; color: #333;}
#row-carrinho .title-carrinho .stepper .check-icon {width: 14px; height: 14px; fill: white; }
#row-carrinho .title-carrinho .stepper .connector {height: 3px; background-color: #cccccc; flex: 1;position: relative; z-index: 1;}
#row-carrinho .title-carrinho .stepper .connector.completed {background-color: #2196F3;}

#row-carrinho .carrinho-vazio {float: left; width: 100%; padding: 70px 0; text-align: center; color: #ccc; font-size: 26px; font-weight: 700}
#row-carrinho .product-item {background-color: #fff; border: 1px solid #ddd;  border-radius: 4px;  padding:7px 10px 5px 10px;  margin-bottom: 10px;  box-shadow: 0 1px 3px rgba(0,0,0,0.1); float: left; width: 100%;}
#row-carrinho .product-item:hover{border-color: var(--cor2);}

#row-carrinho .product-item .col-image{float:left ;width: 90px; padding: 5px}
#row-carrinho .product-item .col-desc{float:left ;width: calc(100% - 291px); padding: 5px}
#row-carrinho .product-item .col-val{float:left ;width: 200px; padding: 5px}

#row-carrinho .product-item .dhvalid{display: none}
#row-carrinho .product-item .timer-display {display: inline-block; padding: 3px 8px; background-color: #f8f8f8; border-radius: 3px; font-size: 12px; color: #333;}    
#row-carrinho .product-item .timer-warning {color: #d9534f;}
#row-carrinho .product-item .blink {animation: blink-animation-timer 1s steps(5, start) infinite;}  
@keyframes blink-animation-timer {to {visibility: hidden;}}


#row-carrinho .product-image {  width: 80px;  height: 80px;  border: 1px solid #eee;  display: flex;  align-items: center;  justify-content: center;  background-color: #f9f9f9; }
#row-carrinho product{font-size: 16px; font-weight: 600; line-height: 105%; margin-bottom: 5px;  float: left;  width: 100%;}
#row-carrinho .product-details {margin-left: 10px; }
#row-carrinho .product-tag {display: inline-block;  background-color: #f0f0f0;  padding: 0px 8px;  border-radius: 3px;  margin-right: 3px;  margin-bottom: 3px;  font-size: 12px; }
#row-carrinho .product-tag:hover{background-color: #e1e1e1}
#row-carrinho .badge-digital{background-color: #888; color: #fff}

#row-carrinho .price-original {text-decoration: line-through; color: #999; font-size: 12px;}
#row-carrinho .price-current {font-size: 16px; font-weight: bold; color: #333;}
#row-carrinho .price-prefix {font-size: 12px; color: #666; margin-right: 0px;}

#row-carrinho .product-price {font-size: 18px; color: #333;  margin-bottom: 15px; }
#row-carrinho .section-title {color: #424242; font-weight: bold; margin-bottom: 15px; border-bottom: 2px solid var(--cor2); padding-bottom: 3px; font-size: 17px}
#row-carrinho .delivery-option {border: 1px solid #ddd;  border-radius: 4px;  padding: 15px;  margin-bottom: 10px;  background-color: #f4f4f4; width: 100%}
#row-carrinho .delivery-option:hover{cursor: pointer;  background: #eaeaea;  border: 1px solid #bdbdbd}
#row-carrinho .delivery-option label {font-weight: normal;  margin-left: 5px;  cursor: pointer; }
#row-carrinho .delivery-option #cep-carrinho{float: left;  width: 150px !important;  border-radius: 0.375rem 0 0 0.375rem;}
#row-carrinho .delivery-option .act-simula-frete{float: left; border-radius: 0 0.375rem 0.375rem 0;}
#row-carrinho .active-entrega{border:1px solid var(--cor3); }
#row-carrinho .coupon-section {margin-top: 20px; float: left; width: 100%}
#row-carrinho .coupon-section .input-group{max-width: 300px}
#row-carrinho .order-summary {background-color: #fff;  border: 1px solid #ddd;  border-radius: 4px;  padding: 15px; float: left; width: 100%}
#row-carrinho .summary-title {border-bottom: 1px solid #eee;  padding-bottom: 10px;  margin-bottom: 15px;  font-weight: bold; margin-top:0}
#row-carrinho .summary-row {display: flex;  justify-content: space-between;  padding: 1px 0; }
#row-carrinho .summary-total {font-size: 16px;  font-weight: bold;  margin-top: 5px;  padding-top: 7px;  border-top: 1px solid #eee; padding-bottom: 10px}
#row-carrinho .summary-row:hover{background: #f0f0f0}
#row-carrinho .summary-desconto-produtos{color:#b50e0e}
#row-carrinho .summary-cashback{color: var(--cor4); padding-bottom: 10px;  margin-top: -10px;}
#row-carrinho .price-cashback{font-size: 12px; background: #666; padding: 1px 10px; color: #fff; margin-right: 10px; border-radius: 15px 0; background: var(--cor1); color: var(--cor6); font-weight: 600;}

#row-carrinho .div-entrega1{padding:0;  margin-bottom: 10px;  float: left; width: 100%; border-radius: 5px}

#row-carrinho .btn-proceed {background-color: #0a7c45;  color: white;  border: none;  margin-top: 15px; }
#row-carrinho .btn-proceed:hover {background-color: #086537;  color: white; }
#row-carrinho .btn-add-more {background-color: #f5f5f5;  color: var(--cor5) !important;  border: 1px solid #ddd;  margin-bottom: 10px; width: 100%}
#row-carrinho .btn-clear {background-color: transparent;  color: #777;  border: 1px solid #ddd;  margin-bottom: 15px; }
#row-carrinho .action-buttons {display: flex;  justify-content: flex-end; }
#row-carrinho .action-btn {border: 1px solid #ddd;  background-color: #f9f9f9;  border-radius: 3px;  padding: 1px 6px;  margin-left: 5px;  color: #555;  font-size: 12px;  cursor: pointer;  transition: all 0.2s; margin-bottom: 3px}
#row-carrinho .action-btn:hover {background-color: #f0f0f0;  color: #333; }
#row-carrinho .action-btn i {margin-right: 3px; }
#row-carrinho .terms-checkbox { margin-bottom: 15px; float: left; width: 100%}
#row-carrinho .terms-checkbox a {color: #0a7c45; }
#row-carrinho .product-info {margin-top: 10px;  font-size: 12px;  color: #666; }
#row-carrinho .product-info div {margin-bottom: 3px; }
#row-carrinho .product-title {font-weight: bold;  color: #333;  margin-top: 0;  margin-bottom: 10px; }

#row-carrinho .obs-produto{float: left; width: 90%; height: auto; line-height: 120%; font-size: 11px}
#row-carrinho .obs-produto .obs-item{float: left; padding: 3px 5px; background:#D9D9D9; border-radius: 2px;  margin-top: 3px;}
#row-carrinho .act-delete i{font-size: 14px; cursor: pointer; color: #d9534f;}
#row-carrinho .divAvisoErroCupom{padding: 5px 10px; margin: 5px 0; font-size: 13px; display: none;}
#row-carrinho .divSimulaFrete{display: none;}
#row-carrinho .box-cep-frete{width: calc(100% - 45px) !important}
#row-carrinho .act-simula-fret{float: left;}
#row-carrinho .aviso-check-cep{display: none; float: left; font-size: 11px; font-weight: 500; margin: 4px 0 1px; padding: 2px 5px 0; text-align: left;    width: 100%;}
#row-carrinho .viewEntregaCep{padding-bottom: 10px; background: #f4f4f4; border: 1px solid #DBDBDB; padding:10px; display:none; float: left; width: 100%; margin-top: -6px;}
#row-carrinho .viewEntregaCep label{float: left; width: 100%; height: auto; padding: 10px 5px 10px 10px;; background: #F9F9F9; border:1px solid #E1E1E1; border-radius: 7px; margin-bottom: 10px; transition: all 0.65s; cursor: pointer; font-size: 17px;}
#row-carrinho .viewEntregaCep label:hover{color: var(--cor3);}
#row-carrinho .viewEntregaCep .cmp {float: left; width: 25px;}
#row-carrinho .viewEntregaCep .nomeEntrega { text-transform: uppercase; float: left;  width: calc(100% - 35px); font-size: 15px !important;}
#row-carrinho .viewEntregaCep .prazo {float: left; width: calc(100% - 100px); font-size: 14px; font-weight: 100;}
#row-carrinho .viewEntregaCep .valor {float: left; width: 75px; text-align: right; font-size: 14px !important; font-weight: 100 !important;}
#row-carrinho .viewEntregaCep .label-selected{border: solid 2px var(--cor5) !important; color: #111 !important;}
#row-carrinho .viewEndEntregaSelect .endRetBalcao{float: left; width: 100%; height: auto; background: #fff; padding: 10px 15px; border-radius: 2px; font-size: 14px; color: #555; line-height: 130%; border: 1px solid #dbdbdb;}
#row-carrinho .viewEndEntregaSelect .endRetBalcao h3{margin: 0;  padding: 0 0 5px 0; font-size: 16px; font-weight: 700; color: var(--cor5)}

#row-carrinho .respRetBalcao {float: left; width: 100%; height: auto; background: #fff; padding: 10px 15px; border-radius: 2px; font-size: 13px; color: #555; line-height: 120%; border: 1px solid #dbdbdb; margin-top: 10px}
#row-carrinho .respRetBalcao h3 {margin: 0; margin-bottom: 0px; padding: 0 0 5px 0; font-size: 16px; font-weight: 700;}

#row-carrinho .alert-frete-free {margin-bottom: 5px; padding: 5px 15px; font-size: 14px; text-align: left !important; float: left; width: 100%; border: 1px solid #dca7a7; background: #f2dede; font-weight: 600}

#row-carrinho #act-confirmar-frete{margin-top: 10px; padding: 10px 50px;  font-size: 16px;}

#row-carrinho .aviso-avancar {padding: 5px 20px; margin: -10px 0 5px 0;  display: none;}
#row-carrinho .btn-add-more {background-color: #f5f5f5; border: 1px dashed #999; color: #333; margin-bottom: 20px;}
#row-carrinho .btn-add-more:hover {background-color: #eeeeee;} 

#row-carrinho a.act-esvaziar-carrinho {  font-size: 13px !important; padding: 7px 0; color: #a29c9c; margin: 0 auto; width: auto; display: inline-block;}
#row-carrinho .divContrato{float:left; width:100%; padding: 0px 7px; font-weight:100 !important; background:#fff; border-radius: 5px; width:100%; margin-bottom:20px}
#row-carrinho .divContrato .checkbox{margin-top: 5px; margin-bottom: 5px;}
  
/* Labels flutuantes */
#row-carrinho .divNomePedido{ float:left; width:100% }
#row-carrinho .divNomePedido .floating-label {position: relative; pointer-events: none; left: 10px; margin-top: -26px;  transition: all 0.3s ease;  color: #999; font-weight: normal; z-index: 1; float: left; font-size: 12px}
/* Animação ao foco */
#row-carrinho .divNomePedido .form-control:focus ~ .floating-label { margin-top: -60px; left: 5px; font-size: 12px; color: #222; font-weight: bold; /* Negrito quando flutuante */}
/* Estado quando tem conteúdo */
#row-carrinho .divNomePedido .form-control:not(:placeholder-shown):not(:focus) ~ .floating-label {margin-top: -53px; left: 5px; font-size: 12px; color: #666; font-weight: bold; /* Negrito quando tem conteúdo */}

#row-carrinho .incompatible-alert {float: left; background-color: #ffebee; border: 2px solid #e53935; border-radius: 4px; padding: 15px; margin-bottom: 20px; color: #c62828; width: 100%}
#row-carrinho .incompatible-alert h4 {font-weight: bold; margin-top: 0; color: #c62828;}
#row-carrinho .incompatible-alert ul {margin-bottom: 10px;}

#row-carrinho #frm-login{display: none; margin-top: 10px; background: #eee;
  padding: 15px; border-radius: 2px;}
#row-carrinho #frm-login .login-section {background-color: #fff; padding: 20px; border-top: 1px solid #eee; }
#row-carrinho #frm-login .login-title { font-size: 18px; font-weight: 600; margin-bottom: 20px; color: #333; border-bottom: 2px solid var(--cor3); padding-bottom: 10px;}
#row-carrinho #frm-login .form-control {height: 42px; border-radius: 0 3px 3px 0; box-shadow: none; border: 1px solid #ddd; border-left: 1px solid #fff}
#row-carrinho #frm-login .form-control:focus {border-color: var(--cor5); box-shadow: 0 0 5px rgba(46, 125, 50, 0.2);}
#row-carrinho #frm-login .btn-login {background-color: var(--cor5); color: white; border: none; padding: 10px 20px; font-weight: 600; border-radius: 3px; }
#row-carrinho #frm-login .input-group{margin-bottom: 5px}
#row-carrinho #frm-login .btn-login:hover { background-color: var(--cor7); color: white; }
#row-carrinho #frm-login .btn-register {background-color: #f5f5f5; color: #333; border: 1px solid #ddd; padding: 10px 15px; border-radius: 3px;}
#row-carrinho #frm-login .btn-register:hover {background-color: #e0e0e0;}
#row-carrinho #frm-login .forgot-password {display: block; margin-top: 15px; color: var(--cor5); text-decoration: none; font-size: 13px; }
#row-carrinho #frm-login .forgot-password:hover {text-decoration: underline; color: var(--cor3);}
#row-carrinho #frm-login .input-group-addon {background-color: #f5f5f5; border: 1px solid #ddd; color: #777;}

#row-carrinho .delivery-aviso-balcao{float: left; padding: 7px 10px; background: #fbd9d9; border: 1px solid #bf5959; border-radius: 3px; color: #b03434; font-weight: 500 !important; line-height: 120%;
  font-size: 13px;}
#row-carrinho .delivery-aviso-balcao i{font-size: 28px; float: left; padding: 0px 10px 0px 0;}
#row-carrinho .alert-frete-free-bottom{position: fixed; bottom: 0; left: 0; margin-bottom: 0; border-radius: 0; width: 100%; text-align: center; z-index: 5; padding: 5px;}
#row-carrinho .aviso-avancar {padding: 5px 20px; margin: 0px 0 5px 0; display: none; float: left; width: 100%}

#row-carrinho input::placeholder,
#row-carrinho input::-webkit-input-placeholder{font-size: 12px !important;}


@media (max-width: 767px) {
  #row-carrinho .divNomePedido .floating-label{font-size: 12px}

  #row-carrinho .viewEntregaCep .nomeEntrega {width: calc(100% - 30px)}
  #row-carrinho .viewEntregaCep .prazo{width: 100%}
  #row-carrinho .viewEntregaCep .valor{width: 100%; font-size: 15px !important; font-weight: 600 !important; padding-top: 2px; color: var(--cor5); text-align: left !important;}

  #row-carrinho .respRetBalcao .col-sm-4{padding-left: 0;  padding-right: 0;  margin-bottom: 15px;}
  #row-carrinho .respRetBalcao .col-sm-4 .wg_holder{left: 9px}

  #row-carrinho .action-links .action-btn{ padding: 5px 6px; font-size: 14px}
  #row-carrinho .act-continuar-comprando{padding-top: 15px; padding-bottom: 16px; font-size: 16px;}
  #row-carrinho .act-validarCupom,
  #row-carrinho #numcupom{height: 45px}
  #row-carrinho .product-details{margin-left: 0}

  .page-footer {background: var(--cor_fundo1_rodape) !important}
  .menu-categ-smart > ul{padding: 0}
}


#row-carrinho-envio .product-item {background-color: #fff; border: 1px solid #ddd;  border-radius: 4px;  padding:7px 10px 5px 10px;  margin-bottom: 10px;  box-shadow: 0 1px 3px rgba(0,0,0,0.1); float: left; width: 100%;}
#row-carrinho-envio .product-item:hover{border-color: var(--cor2);}

#row-carrinho-envio .product-item .col-image{float:left ;width: 90px; padding: 5px}
#row-carrinho-envio .product-item .col-desc{float:left ;width: calc(100% - 291px); padding: 5px}
#row-carrinho-envio .product-item .col-val{float:left ;width: 200px; padding: 5px}
#row-carrinho-envio .product-image {  width: 80px;  height: 80px;  border: 1px solid #eee;  display: flex;  align-items: center;  justify-content: center;  background-color: #f9f9f9; }
#row-carrinho-envio product{font-size: 16px; font-weight: 600; line-height: 105%; margin-bottom: 5px;  float: left;  width: 100%;}
#row-carrinho-envio .product-details {margin-left: 10px; }
#row-carrinho-envio .product-tag {display: inline-block;  background-color: #f0f0f0;  padding: 0px 8px;  border-radius: 3px;  margin-right: 3px;  margin-bottom: 3px;  font-size: 12px; }
#row-carrinho-envio .product-details .obs-item {float: left; padding: 2px 10px 2px 5px ; background: #D9D9D9;  border-radius:2px;  margin-top: 0px;}
#row-carrinho-envio .action-buttons {display: flex;  justify-content: flex-end; }
#row-carrinho-envio .action-btn {border: 1px solid #ddd;  background-color: #f9f9f9;  border-radius: 3px;  padding: 2px 6px 0px 6px;  margin-left: -3px;  color: #555;  font-size: 13px;  cursor: pointer;  transition: all 0.2s; margin-bottom: 3px}
#row-carrinho-envio .action-btn:hover {background-color: #f0f0f0;  color: #000; }
#row-carrinho-envio .action-btn i {font-size: 16px}


#row-carrinho-envio .btn-upfiles {border-radius: 25px; overflow: hidden; cursor: pointer; transition: transform 0.3s ease; border: 2px solid var(--cor3); background: white; padding: 7px 10px;}
#row-carrinho-envio .btn-upfiles i {color: var(--cor7); font-size: 20px; float: left; padding-right: 10px;}
#row-carrinho-envio .btn-upfiles:hover{border-color: var(--cor2); background: #ececec; transform: translateY(-2px);}

#row-carrinho-envio .btn-briefing {border-radius: 25px; overflow: hidden; cursor: pointer; transition: transform 0.3s ease; border: 2px solid var(--cor3); background: white; padding: 7px 10px;}
#row-carrinho-envio .btn-briefing i {color: var(--cor7); font-size: 20px; float: left; padding-right: 10px;}
#row-carrinho-envio .btn-upfiles:hover{border-color: var(--cor2); background: #ececec; transform: translateY(-2px);}

#row-carrinho-envio .order-summary {background-color: #fff;  border: 1px solid #ddd;  border-radius: 4px;  padding: 15px; float: left; width: 100%}
#row-carrinho-envio .summary-title {border-bottom: 1px solid #eee;  padding-bottom: 10px;  margin-bottom: 15px;  font-weight: bold; margin-top:0}
#row-carrinho-envio .summary-row {display: flex;  justify-content: space-between;  padding: 1px 0; }
#row-carrinho-envio .summary-total {font-size: 16px;  font-weight: bold;  margin-top: 5px;  padding-top: 7px;  border-top: 1px solid #eee; padding-bottom: 10px}
#row-carrinho-envio .summary-row:hover{background: #f0f0f0}
#row-carrinho-envio .summary-desconto-produtos{color:#b50e0e}
#row-carrinho-envio .summary-cashback{color: var(--cor4); padding-bottom: 10px;  margin-top: -10px;}
#row-carrinho-envio .price-cashback{font-size: 12px; background: #666; padding: 1px 10px; color: #fff; margin-right: 10px; border-radius: 15px 0; background: var(--cor1); color: var(--cor6); font-weight: 600;}
#row-carrinho-envio .summary-saldo {font-size: 16px;  font-weight: bold;  margin-top: 5px;  padding-top: 7px;  border-top: 1px solid #eee; padding-bottom: 10px}


#row-carrinho-envio .div-entrega1{
background-color: #fff; padding:0;  margin-bottom: 10px;  float: left; width: 100%; border-radius: 5px}

#row-carrinho-envio .table-entrega .nome-produto {float: left; width: 100%; line-height: 100%;}
#row-carrinho-envio .table-entrega .num-itens { font-size: 13px; color: #888;  float: left;  width: 100%;  line-height: 100%;  padding-top: 3px;}
#row-carrinho-envio .table-entrega .valor-produto {font-weight: bold; color: #333;text-align: right;  float: left;  width: 100%;}
#row-carrinho-envio .table-entrega td{border:none; border-bottom: 1px solid #E6E6E6;  padding: 7px 5px;}
#row-carrinho-envio .table-entrega tr:last-child td{ border-bottom: none; padding-bottom: 10px}
#row-carrinho-envio .table-entrega{border-bottom: 3px solid #E6E6E6; margin-bottom: 10px}
#row-carrinho-envio .aviso-avancar {padding: 5px 20px; margin: 10px 0 5px 0; display: none;}
#row-carrinho-envio .resume-desc-frete{padding: 5px 10px; background-color: #eaeaea; font-size: 12px; line-height: 120%; border-radius: 3px; float: left; width: 100%}
#row-carrinho-envio .col-action .btn{margin: 7px 0}
#row-carrinho-envio .col-action{float: left; width: 100%;}

@media (max-width: 768px){
  #row-carrinho-envio .product-details{margin-left: 0;}
  #row-carrinho-envio .col-image{display: none}
  #row-carrinho-envio .product-item .col-desc{width: 100%; padding: 0}
  #row-carrinho-envio .product-item .col-val{width: 100%; text-align: center !important}
}






/* ---- carrinho: edit endereco de entrega -------*/
#row-carrinho .act-editEnderecoCEP, .act-editMeuEndereco{font-size: 14px !important; padding: 10px 35px; margin-top: 10px;}
#row-carrinho .endRetBalcao .cbox-ee{float: left; width: 100%; padding: 10px 0 5px 0 !important}
#row-carrinho .endRetBalcao .line-edit{margin-bottom: 5px !important; float: left}
#row-carrinho .endRetBalcao .ee-logr{float: left !important; width: 100% !important;}
#row-carrinho .endRetBalcao .ee-num{float: left !important; width: 100% !important; margin-right:15px !important}
#row-carrinho .endRetBalcao .ee-comp{float: left !important; width: 100% !important}
#row-carrinho .aviso-ee{font-size: 13px !important; padding: 6px 20px;margin: 5px 0 !important; float: left; white-space: initial; font-weight: 400 !important;}

#row-carrinho .line-frete {float: left; width: 100%;}
#row-carrinho .icon-balcao-fav{padding: 4px 7px 5px 10px; background: var(--cor2); border-radius: 0 0 0px 10px; color: #111; margin-top: -34px; margin-right: -16px; font-size: 15px; float: right;}


@media (max-width: 767px) {
  #row-carrinho .product-item .col-desc{width: calc(100% - 101px)}
  #row-carrinho .product-item .col-val{width: 100% }
}
@media (max-width: 500px) {
  #row-carrinho .product-item .col-image,
  #row-carrinho .product-item .col-desc,
  #row-carrinho .product-item .col-val{width: 100% }
}
/* ---------------------- carrinho entrega ----------------------------*/
#row-carrinho .div-forma-entrega{background: #F0F0F0; padding: 15px; float: left; width: 100%; height: auto; margin-bottom: 15px;}
#row-carrinho .div-forma-entrega div{}
#row-carrinho .div-forma-entrega > .title{ width: 100%; font-weight: bold; font-size: 20px; margin-bottom: 10px; color: #444}
#row-carrinho .div-forma-entrega label{float: left; width: 100%; height: auto; padding: 10px 5px 10px 10px;; background: #F9F9F9; border:1px solid #DBDBDB; border-radius: 2px; margin-bottom: 5px; transition: all 0.65s; cursor: pointer; font-size: 17px;}
#row-carrinho .div-forma-entrega .divSimulaFrete{display: none;}
#row-carrinho .div-forma-entrega .input-group .input-group-btn{float: left;}
#row-carrinho .div-forma-entrega .input-group input{max-width: 150px; float: left;}
#row-carrinho .div-forma-entrega .div-cupomDesconto > .input-group input{max-width: 200px; float: left;}

#row-carrinho .div-forma-entrega .input-group .btn{float: left;}
#row-carrinho .div-forma-entrega .divSimulaFrete{display: none;}
#row-carrinho .div-forma-entrega .aviso-check-cep{display: none; float: left; font-size: 11px; font-weight: 500; margin: 4px 0 1px; padding: 2px 5px 0; text-align: left;
    width: 100%;}
#row-carrinho .div-forma-entrega .endRetBalcao{float: left; width: 100%; height: auto; background: #fff; padding: 7px; border-radius: 2px; font-size: 13px; color: #555; line-height: 120%; border:1px solid #dbdbdb;}
#row-carrinho .div-forma-entrega .endRetBalcao h3{ margin:0; padding: 0 0 5px 0; font-size: 20px; font-weight: 600}

#row-carrinho .div-cupomDesconto .divAvisoErroCupom{padding: 5px 10px; margin: 5px 0; font-size: 12px; display: none; max-width: 300px}

#row-carrinho .div-resume-entrega{background: #F0F0F0; padding: 17px; float: left; width: 100%; height: auto; margin-bottom: 15px;  }
#row-carrinho .div-resume-entrega > .title{ font-weight: bold; font-size: 20px; margin-bottom: 10px; color: #444; border-bottom: 1px solid #444}
#row-carrinho .div-resume-entrega > .sub-title{ font-size: 16px; margin-bottom: 10px; color: #444; border-bottom: 1px solid #cecece; padding: 7px 0; text-align: center; background-color: #fff}
#row-carrinho .div-resume-entrega .table-entrega {margin:0}
#row-carrinho .div-resume-entrega .table-entrega td{border:none; border-bottom: 1px solid #E6E6E6; padding: 5px; }
#row-carrinho .div-resume-entrega .table-entrega .nome-produto{font-size: 15px;
  font-weight: bold; color: #333;  float: left; width: 100%; line-height: 100%;}
#row-carrinho .div-resume-entrega .table-entrega .num-itens{font-size: 13px; color:#888;float: left; width: 100%; line-height: 100%; padding-top: 3px}
#row-carrinho .div-resume-entrega .table-entrega .valor-produto{font-weight: bold; color: #333; font-size: 17px; text-align: right; float: left; width: 100%}

#row-carrinho .div-resume-entrega .col-pesoprazo{float: left; width: 100%; height: auto;border-top: 3px solid #DBDBDB; font-size: 12px; color: #333; padding: 5px}
#row-carrinho .div-resume-entrega .col-pesoprazo .col-1{float: left;width: 60%}
#row-carrinho .div-resume-entrega .col-pesoprazo .col-2{float: left;width: 40%; text-align: right;}

#row-carrinho .div-resume-entrega .col-subtotal{float: left; width: 100%; height: auto;border-top: 3px solid #DBDBDB; font-size: 16px; color: #333; padding: 5px; font-weight: bold}
#row-carrinho .div-resume-entrega .col-subtotal .col-1{float: left;width: 60%; padding-bottom: 3px; }
#row-carrinho .div-resume-entrega .col-subtotal .col-2{float: left;width: 40%; text-align: right; font-size: 18px; padding-bottom: 3px; }
#row-carrinho .div-resume-entrega .col-subtotal .col-3{float: left;width: 100%;  font-size: 11px; color: #666;font-weight: 100; line-height: 100%; margin-top: -5px; }

#row-carrinho .div-resume-entrega .col-totalGeral{float: left; width: 100%; height: auto;border-top: 3px solid #DBDBDB; font-size: 13px; color: #333; padding: 5px; font-weight: bold}
#row-carrinho .div-resume-entrega .col-totalGeral .col-1{float: left;width: 60%; padding-bottom: 3px; font-size: 18px}
#row-carrinho .div-resume-entrega .col-totalGeral .col-2{float: left;width: 40%; text-align: right; font-size: 24px; padding-bottom: 3px}
#row-carrinho .div-resume-entrega .col-totalGeral .col-2 span{font-size: 13px}

#row-carrinho .div-resume-entrega .col-action{float: left; width: 100%; height: auto; padding: 10px 0; }
#row-carrinho .div-resume-entrega .act-avancar-envio,
#row-carrinho .div-resume-entrega .act-finalizar-compra{padding: 5px 50px; font-size: 20px; font-weight: bold}
#row-carrinho .div-resume-entrega .act-cancelar-pedido{font-weight: 100 !important; text-decoration: underline; font-size:12px; color:#919191;}
#row-carrinho .div-resume-entrega .aviso-avancar{padding: 5px 20px; margin:-10px 0 5px 0; display: none;}
#row-carrinho .div-resume-entrega .act-edit-carrinho{text-decoration: underline;}
#row-carrinho .div-resume-entrega .act-edit-carrinho:hover{color:#333;}

#row-carrinho .col-uploads{line-height: 100%}
#row-carrinho .col-uploads .title{color: #444;  font-size: 20px; font-weight: 100; margin-bottom: 10px; }
#row-carrinho .col-uploads .col-item-envio{float: left; width: 100%; height: auto; padding: 10px 15px; background: #f0f0f0 none repeat scroll 0 0; margin-bottom: 7px; border-radius: 2px; border: 1px solid #E9E9E9; }
#row-carrinho .col-uploads .col-item-envio  .icon > i{float: left; font-size: 53px; color: #DBDBDB; text-align: center; padding: 0 10px 0 0; min-width: 75px;}
#row-carrinho .col-uploads .col-item-envio .progress{margin-bottom: 0 !important; display: none; text-align: center;}
#row-carrinho .col-uploads .nome{font-size: 18px; font-weight: bold; color: #555; padding-bottom: 3px; font-stretch: condensed;}
#row-carrinho .col-uploads .desc{font-size: 14px; font-weight: 100 !important; width: auto;}
#row-carrinho .col-uploads .ident{font-size: 11px;}
#row-carrinho .col-uploads .line-file{float: left; width: 100%; height: auto; margin-bottom: 3px}
#row-carrinho .col-uploads .line-file > .file{font-size: 12px; font-weight: bold;  background-color: #fff; padding: 4px 10px; float: left; width: auto; border-radius: 3px; border:1px solid #e9e9e9;}
#row-carrinho .col-uploads .nome-file{font-size: 14px; font-weight: normal; line-height: 22px; margin-right: 30px;}
#row-carrinho .col-uploads .nome-file i{font-size: 18px; margin:0 5px 0 0 ; padding: 0; min-width: 1px;}
#row-carrinho .col-uploads .ident .btn-link{cursor: pointer;}
#row-carrinho .col-uploads .objFileupload{float: left; width: 100%; height: 15px; height: auto;}
#row-carrinho .col-uploads .objFileupload .table-files-upload{margin-bottom: 0 !important}
#row-carrinho .col-uploads .objFileupload .fileupload-buttonbar{height: 5px}
#row-carrinho .col-uploads .objFileupload .fileupload-buttonbar div{float: left}
#row-carrinho .col-uploads .aviso-files{font-size: 13px; padding: 5px 10px; background-color: #f9f9f9; line-height: 120%; float: left; width: 100%; height: auto;}
#row-carrinho .col-uploads .file > .btn-link{text-decoration: underline !important}
#row-carrinho .col-uploads .col-item-envio .files .alert{float: left; width: auto; padding: 5px 15px; border: 2px solid #AC1616; margin:5px 0;}
#row-carrinho .col-uploads .col-item-envio .progress-bar{text-align: center !important;}
#row-carrinho .col-uploads .col-item-envio .files div{float: left; width: 100%}
#row-carrinho .col-uploads .border-ne{border-color: #A50A0A}


#row-carrinho .div-forma-pag{background: #fff; float: left; width: 100%; height: auto; margin-bottom: 15px;}
#content-pay .line-pag{float: left; background-color: #F0F0F0; border: 1px solid #E4E4E4; margin-bottom: 10px; padding: 10px; border-radius: 2px; font-size: 13px; min-width: 215px; max-width: 320px; transition: all 0.8s}
#content-pay .line-pag div{float: left; }
#content-pay .div-forma-pag .col-sm-4{display: inline-table; margin-bottom: 15px}
#content-pay .line-pag .pag-img,
#content-pay .line-pag .pag-desc,
#content-pay .line-pag .pag-value,
#content-pay .line-pag .pag-action{float: left; width: 100%;}
#content-pay .line-pag .pag-img{ height: 75px;margin-bottom: 10px; border-bottom: 1px solid #BFBFBF}
#content-pay .line-pag .pag-desc{float: left; width: 100%; min-height: 150px; max-height: 170px; height: 170px; overflow-x: auto;}
#content-pay .line-pag .pag-img img{margin: 0 auto; display: flex;}
#content-pay .line-pag .pag-value{text-align: center; font-weight: bold; font-size: 22px; height: 60px; line-height: 60px; border-top: 1px dashed #BFBFBF; color: #222}
#content-pay .line-pag .pag-action .btn{display: table; float: none; margin: 0 auto; padding: 5px 25px; font-size: 16px}

#content-pay .line-pag .alert-desconto{font-size: 16px; font-weight: bold; padding: 2px 15px;}
#content-pay .line-pag .pag-desc .logo-banco{float: left; margin: 5px 5px; border: 1px solid #E4E4E4;}
#content-pay .line-pag .pag-desc .logo-banco:hover{cursor:help; border-color: #DDDDDD}



.trimlack {
  animation: treme 0.1s;
  animation-iteration-count: 5;
}

@keyframes treme {
  0% {margin-left: 0;}
  25% {margin-left: 5px;}
  50% {margin-left: 0;}
  75% {margin-left: -5px;}
  100% {margin-left: 0;}
}

/* ---------------------- FORM ERRO / VALIDATE -------------------*/
.error{color: #dd4b39 !important; border: 2px solid #dd4b39 !important;}
.error{animation: pulseDanger 1.4s infinite;}
input.error{border-color: #dd4b39 !important;}

.errorVars{color: #dd4b39 !important; background: #f2e4e4; padding: 0 5px; border-radius: 5px}
.errorVars{animation: pulseDanger 1.4s infinite;}

/*
label.error::after {
  border-color: #ce0000 transparent;
  border-style: solid;
  border-width: 0 5px 8px;
  content: "";
  display: block;
  margin-left: 2px;
  margin-top: -20px;
  position: absolute;
  width: 0;
  z-index: 2147483647;
}
label.error {
  background: #ce0000 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff !important;
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  line-height: 100%;
  margin: 1px;
  max-width: 100%;
  padding: 4px;
}
*/
label.error{display:none !important;}

/*-------------------- redes sociais compartilhar -------------*/
.div-social-shared{float: right; width: 100%; padding: 10px 15px; border-radius: 2px; background: #F6F6F6; margin: 15px 0 7px 0}
.color-facebook,
.color-twitter,
.color-linkedin,
.color-pinterest,
.color-whatsapp{float: left; padding: 3px 15px 0 0; font-size: 32px}
a.color-facebook{ color: #337ab7;}
a.color-twitter{ color: #55ACEE;}
a.color-linkedin{ color: #0073B1;}
a.color-whatsapp{ color: #189D0E;}
a.color-pinterest{ color: #E60023;}
.div-social-shared > .title{float: left; width: 100%; font-weight: bold; color: var(--cor5); padding-bottom: 5px}

/*-------------------- redes sociais compartilhar -------------*/
.div-gabaritos{float: right; width: 100%; padding: 10px 15px; border-radius: 2px; background: #F6F6F6; margin: 7px 0}
.div-gabaritos > .title{float: left; width: 100%; font-weight: bold; color: var(--cor5); padding-bottom: 5px}
.div-gabaritos .act-down-gab{float: left; padding: 3px 15px 0 0; cursor: pointer;}

.div-gabaritos .gab-link{float: left; padding: 3px 15px 0 0; cursor: pointer;}

.inf-gabaritos{padding: 5px 10px;  background: #E1E1E159; margin-top: 10px}
.inf-gabaritos h3{font-size: 13px;}
/*----------------------------------------------------------------------------*/
.ep-wg{animation: pulseDanger 1.4s infinite;}
.pulse-red{animation: pulseDanger 1.4s infinite;}
.pulse-cinza{animation: pulseDefault 1.4s infinite;}
.ppulse{padding: 0px 5px !important}

#seloEbit > img{width: 25%}

@-webkit-keyframes pulseDanger {
 0% {-webkit-box-shadow: 0 0 0 0 rgba(255,0,0,0.3);}
 70% {-webkit-box-shadow: 0 0 0 10px rgba(255,0,0, 0);}
 100% {-webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 0);}
}
@keyframes pulseDanger {
 10% {-moz-box-shadow: 0 0 0 0 #CC0000; box-shadow: 0 0 0 0 #CC0000;}
 80% {-moz-box-shadow: 0 0 0 7px rgba(255,0,0, 0); box-shadow: 0 0 0 11px rgba(255,0,0, 0);}
 100% {-moz-box-shadow: 0 0 0 0 rgba(255,0,0,0.1); box-shadow: 0 0 0 0 rgba(204,169,44, 0);}
}

@-webkit-keyframes pulseDefault {
 0% {-webkit-box-shadow: 0 0 0 0 rgba(102,102,102,0.3);}
 70% {-webkit-box-shadow: 0 0 0 10px rgba(102,102,102, 0);}
 100% {-webkit-box-shadow: 0 0 0 0 rgba(102,102,102, 0);}
}
@keyframes pulseDefault {
 10% {-moz-box-shadow: 0 0 0 0 #666666; box-shadow: 0 0 0 0 #666666;}
 80% {-moz-box-shadow: 0 0 0 7px rgba(204,169,44, 0); box-shadow: 0 0 0 11px rgba(102,102,102, 0);}
 100% {-moz-box-shadow: 0 0 0 0 rgba(102,102,102,0.1); box-shadow: 0 0 0 0 rgba(102,102,102, 0);}
}

@keyframes gelatine {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    bottom: 0;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1); }
  92% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    bottom: 0;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1); }
  93% {
    bottom: 30px; }
  94% {
    -webkit-transform: scale(0.8, 1.2);
    transform: scale(0.8, 1.2);
    -moz-transform: scale(0.8, 1.2);
    -ms-transform: scale(0.8, 1.2);
    -o-transform: scale(0.8, 1.2); }
  96% {
    -webkit-transform: scale(1.2, 0.8);
    transform: scale(1.2, 0.8);
    -moz-transform: scale(1.2, 0.8);
    -ms-transform: scale(1.2, 0.8);
    -o-transform: scale(1.2, 0.8); }
  98% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
    -moz-transform: scale(0.9, 1.1);
    -ms-transform: scale(0.9, 1.1);
    -o-transform: scale(0.9, 1.1); }
  99% {
    bottom: 45px; }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    bottom: 0;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1); } 
}

.alert-manutencao{
  text-align: center;
  position: relative;
  top: 0;
  width: 100%;
  background: red;
  color:#fff;
  height: auto;
  padding: 5px 0;
  font-size: 12px;
  line-height: 120%;
  z-index: 99999999999999;

}


.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.row-produtos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
}

.row-categ{width: calc(100% + 20px) !important;}



.pre-box-produto {
   margin-right: 20px;
   width: calc(33.3333% - 0px);
  /*width: 33.33%;*/
   margin-bottom: 35px;
}

.box-produto > .qtd{text-align: center; position: relative; width: 100%;}
.box-produto > .qtd > .quant{font-size: 12px;}
.box-produto > .act-bottom{position: absolute; bottom: 10px; width: 100%; text-align: center}

.box-produto > .qtd-espace{float: left; width: 100%; height: 60px}
.box-produto > .qtd > .quant > bck{background: #e8e8e8; padding: 2px 7px; font-size: 11px; border-radius: 10px 0 10px 0;}
.box-produto > .qtd a:hover{text-decoration: none;}
.box-produto > .qtd > .valor > .price-de{float: left; width: 100%; font-size: 12px; }
.box-produto > .qtd > .valor > .price{float: left; width: 100%; font-size: 12px;}
.box-produto > .qtd > .valor > .price b{font-size: 18px; font-weight: bold; color: var(--cor_preco_produto)}
.box-produto > .qtd > .valor > .price > sup{font-size: 10px !important;}

.box-produto .faca-o-login{font-size: 11px; color: var(--cor5); text-align: center; border: 1px solid var(--cor5); padding:  5px 10px; border-radius: 2px;}
.box-produto .faca-o-login:hover{color: var(--cor7); border-color: var(--cor7); cursor: pointer;}

.box-produto .faca-o-login-desc{font-size: 10px; }
.box-produto .faca-o-login-desc a{color: var(--cor-texto-site) !important;}
.box-produto .faca-o-login i{font-size: 14px; margin-right: 5px;}
.box-produto .link-login-produto a{text-decoration: none;}
.box-produto .link-login-produto{text-decoration: none;}

/*
.pre-box-produto .bot-actions{display: block; width: 100%; position: relative; background: #fff; padding: 10px 0; margin-top: -1px; background-color: red; border-radius: 0 0 7px 7px; opacity: 0; -webkit-transition: opacity .6s ease-in-out; transition: opacity .3s ease-in-out; min-width: 170px;}
*/
.box-produto .bot-actions::after {
  display: table;
  content: "";
  clear: both;
}
.box-produto .bot-actions{
  position: absolute;
  right: 0;
  left: 0;
  bottom: 20%;
  border: none !important;
  background: #fff;
  padding: 12px;
  padding-top: 12px;
  padding-top: 14px;
  z-index: 1;
  transition: opacity ease-in-out 0.2s,bottom ease-out 0.2s;
  border-radius: 0 0 4px 4px;
  opacity: 0;
  text-align: center;
} 

/*
.pre-box-produto:hover .box-produto > .qtd{ -webkit-transition: all .5s ease; transition: all .5s ease; margin-bottom: 20px;}*/

.box-produto .bot-actions > a i{margin-right: 5px;}
.box-produto .bot-actions > a.btn-comprar{
  border-radius: 3px; 
  padding: 10px; 
  background: var(--cor_botao_comprar); 
  font-size: var(--tam_texto_botao_comprar); 
  text-decoration: none; 
  color: var(--cor_texto_botao_comprar);
  width: 100%; 
}
.box-produto .bot-actions > a.btn-comprar:hover{background: var(--cor_botao_comprar_hover);}
.box-produto .bot-actions > a.btn-comprar span{display: none}

.box-produto .bot-actions > a.btn-olhar{
  background: var(--cor_botao_ver_produto); 
  color: var(--cor_texto_botao_ver_produto); 
  border: 1px solid var(--cor_texto_botao_ver_produto); 
  font-size: var(--tam_texto_botao_ver_produto); 
  border-radius: 3px; 
  text-decoration: none; 
  padding: 5px 15px; 
  margin: 5px 0;
  width: 100%;
}
.box-produto .bot-actions > a.btn-olhar:hover{
  border: 1px solid var(--cor_botao_ver_produto); 
  color: var(--cor_botao_ver_produto); 
  background: var(--cor_texto_botao_ver_produto); ;
}

.box-produto .bot-actions > a.btn-comprar-wpp{
  color: var(--cor_texto_botao_comprar_wpp); 
  background: var(--cor_botao_comprar_wpp);
  font-size: var(--tam_texto_botao_comprar_wpp);
  border-radius: 3px; 
  text-decoration: none; 
  padding: 5px 15px; 
  margin: 5px 0;
  width: 100%;
}
.box-produto .bot-actions > a.btn-comprar-wpp:hover{ 
  border: 2px solid var(--cor_botao_comprar_wpp); 
  color: var(--cor_botao_comprar_wpp); 
  background: var(--cor_texto_botao_comprar_wpp); 
  padding: 4px 15px;
}
.box-produto .bot-actions > a.btn-comprar-wpp span{display: none}

/*
.box-produto .bot-actions > a.btn-comprar-full,
.box-produto .bot-actions > a.btn-comprar-wpp{width: 100%}
*/

.btnCalcularM2, .btnCalcularPP{background-color: var(--cor_botao_ver_produto); color: var(--cor_texto_botao_ver_produto); border-radius: 3px; font-size: 14px; text-decoration: none; padding: 8px 15px; margin: 5px; border: 1px solid var(--cor5);color: var(--cor5); width: 100%; margin-top: -4px; margin-bottom: 0;}

.box-produto-footer {
  height: 100%;
  position: absolute;
  top: 20000px;
  left: 0;
}
.box-produto-footer .botao-box-produto-footer {
  width: 100%;
  height: auto;
  background-color: #2980b9;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 5%;
  padding-bottom: 6%;
  color: #fff;
}
.box-produto-footer-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 20000px;
  left: 0;
  opacity: 0.4;
}

.box-produto {  
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  background: var(--cor_fundo_caixa_produto);
  height: 100%;
  position: relative;
  height: var(--auto_ajustar_caixa_produtos);
  color: var(--cor_texto_caixa_produto);

  /*
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  max-height: 800px;
  width: 100%;
  min-width: 170px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--borda_caixa_produto);
  background-color: var(--cor_fundo_caixa_produto);
  border-radius: 7px 7px 4px 4px;
  border-top-width: 5px;
  position: relative;
  overflow: hidden;
  padding: 5px 5px 8px 5px;
  height: var(--auto_ajustar_caixa_produtos);
  color: var(--cor_texto_caixa_produto);
  */
}

.bxp-vit {width: 99% !important;}
.box-produto:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  border-color: var(--cor5);
}
.bxp-vit:hover{cursor: grab}
.box-produto:hover .bot-actions{opacity:1; bottom:0 }
.box-produto:hover .qtd{padding-bottom: 0 !important;}
.bp-hover:hover {
  border: 1px solid #ccc;
  border-top: 5px solid var(--cor5);
}


.bpx-hover:hover {
  /*
  border: 1px solid #ccc;
  border-top: 5px solid var(--cor5);
  .box-produto > .qtd{margin-top: 45px};
  */
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  border-color: var(--cor5);
}

.bpx-hover:hover .bot-actions{display: block; -webkit-transition: all .5s ease; transition: all .5s ease;}



.box-produto .box-produto-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*min-height: 200px;*/
  background-position: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.box-produto .tag-produtos{
  position: absolute;
  padding: 5px;
  width: auto;
  height: auto;
  white-space: nowrap;
}

.box-produto .img-cor-product{
  position: absolute;
  right: 10px;
  top: 10px;
}

.box-produto .tag-produtos .tagp{
  background: var(--cor5);
  font-size: 11px;
  color: #fff;
  padding: 2px 7px 0px 7px;
  display: block;
  width: min-content;
  margin: 0px 5px 5px 0;
  border-radius: 2px;
}
.box-produto .tag-produtos .tagp i{margin-right: 3px; font-size: 14px;}

.box-produto > a {text-align: center; width: 100%}

.box-produto a img {
  max-width: 100%;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 100% !important;
  max-height: var(--max_altura_img_produto);
  margin: 0 auto;
  height: max-content;
  display: flex;
  
}

.box-produto .box-produto-header .box-desconto {
  top: -15%;
  width: 70%;
  height: 15%;
  position: relative;
  left: 30%;
  border: 2px solid #fff;
}

.box-produto .box-produto-body {
  padding: 0 5px 10px 5px;
  float: left;
  width: 100%;
}
.box-produto .box-produto-title {
  padding: 10px;
  margin-bottom: 5px;
  line-height: 130%;
  text-align: center;
  border-top: 1px dotted #ccc;
  color: var(--cor_titulo_produto);
  font-size: var(--tam_titulo_produto) !important;
  font-weight: bold;
}

.box-produto .box-produto-body .produto-detalhes {
  margin: 5px 0;
  font-size: 13px;
  vertical-align: top;
  margin-top: 0 !important;
  /*min-height: 50px;*/
  line-height: 130%;
}

.box-produto .box-produto-body .produto-detalhes .box-prazo-producao{
  float: left;
  width: 100%;
  font-size: 12px;
}

.box-produto .produto--preco-por {font-size: 13px; margin-bottom: 5px;}
.box-produto .produto-detalhes p {margin: 0;}
.box-produto .produto--preco-de {
  opacity: 0.7;
  font-size: 13px;
  margin-bottom: 2px;
  text-decoration: line-through;
}

.box-produto .act-wpp-orcprodlist{display: inline-block; padding:5px 20px;  background-color: #ffffff;  border: 2px solid #25d366; color: #25d366; text-decoration: none; font-weight: bold; border-radius: 5px; transition: background-color 0.3s ease; min-height: 35px; padding-left: 40px; max-width: 90%;}
.box-produto .act-wpp-orcprodlist:hover { background-color: #25d366;  color: #ffffff;}
.box-produto .act-wpp-orcprodlist > i {font-size: 26px; margin-left: -28px; position: absolute; margin-top: -2px;}

.box-produto .faca-o-login-desc{font-size: 10px; line-height: 120%; float: left; width: 100%; padding:
5px; margin-top: 2px;}

.mycart-overlay{
  height: 100vh;
  width: 0;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.7);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  transition: opacity 1s;
}
#myCartSidenav{opacity:0;}
.carrinhoSidenav{  
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  border-left: 1px solid #cecece;
  overflow: hidden;
  z-index: 9999999;
}

.carrinhoSidenav a:hover {
  color: #333;
}

.carrinhoSidenav .myCartHead{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 10px;
}
.carrinhoSidenav .myCartHead .title{
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin: 0;
}

.carrinhoSidenav .myCartHead close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.carrinhoSidenav .myCartHead .closebtn {
  font-size: 36px;
}
.carrinhoSidenav .myCartHead .closebtn:hover {
  cursor: pointer;
  color: var(--cor5);
}

.carrinhoSidenav .myCartBody{
  float: left;
  width: 100%;
  height: calc(100vh - 250px);
  background: #fff;
  overflow-y: auto;
}
.carrinhoSidenav .myCartBottom{
  float: left;
  width: 100%;
  height: 170px;
  background: #f1f1f1;
  padding: 5px 15px;
  border-top: 10px solid #fff;
}

.carrinhoSidenav .myCartBody .cart-items{
  float: left;
  width: 100%;
  padding: 10px 20px 0 20px;
}
.carrinhoSidenav .myCartBody .cart-item {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.carrinhoSidenav .myCartBody .item-image {
  float: left;
  width: 60px;
  margin-right: 15px;
  border: 1px solid #eee;
}

.carrinhoSidenav .myCartBody .item-details {
  float: left;
  width: calc(100% - 150px);
}

.carrinhoSidenav .myCartBody .item-title {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 110%;
}

.carrinhoSidenav .myCartBody .item-info .badge{
  font-weight: 200 !important;
  background-color: #e8e8e8;
  color: #333 !important;
  white-space: normal !important;
  margin: 1px 0 !important;
  text-align: left !important;
  border: 1px solid #d9d9d9;
}

.carrinhoSidenav .myCartBody .item-quantity {
  float: right;
  color: #666;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: right;
}

.carrinhoSidenav .myCartBody .item-price-original {
  color: #999;
  text-decoration: line-through;
  font-size: 12px;
}

.carrinhoSidenav .myCartBody .item-price-current {
  color: var(--cor5);
  font-weight: bold;
  font-size: 16px;
  margin-top: 5px;
}

.carrinhoSidenav .myCartBody .item-savings {
  color: var(--cor2);
  font-size: 12px;
  margin-top: 0px;
}

.carrinhoSidenav .myCartBody .quantity-input {
  width: 55px;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.carrinhoSidenav .myCartBody .remove-btn {
  color: #999;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
  margin-top: 10px;
  float: right;
}
.carrinhoSidenav .myCartBody .remove-btn:hover{color:#000; text-decoration:underline}

.carrinhoSidenav .myCartBottom .summary-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.carrinhoSidenav .myCartBottom .summary-label {
  color: #666;
  font-size: 14px;
}

.carrinhoSidenav .myCartBottom .summary-value {
  font-weight: 400;
  font-size: 14px;
  text-decoration: line-through;
}

.carrinhoSidenav .myCartBottom .summary-total {
  color: var(--cor6);
  font-size: 18px;
  font-weight: bold;
}

.carrinhoSidenav .myCartBottom .checkout-btn {
  display: block;
  width: 100%;
  background-color: var(--cor7);
  color: white;
  border: none;
  border-radius: 25px;
  padding: 12px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  cursor: pointer;
}

.carrinhoSidenav .myCartBottom .btn-continue-buy{
  float: left;
  width: 100%;
  padding: 5px 20px;
  margin-top: 6px;
  font-size: 16px;
  color: var(--cor4);
  text-align: center;
}

.carrinhoSidenav .myCartBottom .btn-continue-buy:hover{
  text-decoration: underline;
  cursor: pointer;
  color: var(--cor5);
}

.carrinhoSidenav .myCartBody .centerVertical{
  display: table;
  width: 100%;
  height: 100%;
}

.carrinhoSidenav .myCartBody .centerVertical > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.msgOKMedidas, .msgErroMedidas{display: none; float: right;  padding: 5px 10px;  font-size: 12px;  margin-right: -6px;  margin-top: 4px;  width: 100%;}

.config-textos-destaque {padding-bottom: 10px;}





  #zoomContainer{position: unset !important}
  .botoes-add-orc{margin-left: -27px}
  .img-product:hover{cursor: pointer;}
  
  
  

  .div-banner-promo{display: none}
  .banner-promo{float: left; width: 100%; padding: 10px; background: #111; color:#fff; height: auto; min-height: 30px; margin-bottom: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 3px;}
  .banner-border{float: left; width: 100%; border:0px dashed #fff; padding: 5px 10px 5px 10px; line-height: 140%}
  .banner-title{float: left; width: 100%; font-size: 22px; font-weight: bold; text-align: center; animation: promoSlideDown 0.5s ease-out; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); padding-bottom:8px; animation: promoPulse 2s infinite;}
  .banner-subtitle{float: left; width: 100%; font-size: 13px; font-weight: bold; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); text-align: center; animation: promoSlideUp 0.5s ease-out;}
  .banner-col1, .banner-col2{float: left; width: 100%;}
  .col1e2{width: calc(100% - 230px) !important}

  .banner-col2{display: block; width: 230px; line-height: 130%; }
  .banner-col2 .tit-cronometro{float: left; width: 100%; text-align: center; font-size: 11px; margin-top: -8px; font-weight: bold; letter-spacing: 3px;}
  .crono-banner .linef-crono{float: left; width: 100%; overflow: hidden;}
   .linef-crono{padding-left: 10px}

  .running{float: left; width: 100%; margin-top: 5px;}
  .running timer {
    font-size: 18px;
    float: left;
    line-height: 1;
    margin: 0 auto;
    float: initial;
    width: 217px;
    display: block;
  }
  .running timer .days,  .running timer .hours, .running timer .minutes,  .running timer .seconds {
    float: left;
    width: 40px;
    text-align: center;
    font-weight: bold;
    padding: 4px 5px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    margin: 0 5px;
  }
  .running timer .dp{float: left; width: 5px; text-align: center}
  .running .labels span {
    padding: 0;
    text-align: center;
    float: left;
    font-size: 7px;
    margin-top: -5px;
    letter-spacing: 1px;
    width: 45px;
    padding: 0px 5px;
    margin: 0 5px;
  }

  /* ------------------ PROMOCOES ----------------------------------*/
  .promo-produto {display: flex; width: calc(100% + 2px); min-height: 48px; background-color: #4A1744; color: white; border-radius: 4px 4px 0 0 ; overflow: hidden; margin-left: -1px; margin-top: -1px; background: linear-gradient(-45deg, var(--cor6), var(--cor7), var(--cor8), var(--cor8)); animation: promoGradientBG 15s ease infinite; background-size: 200% 150%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
  .promo-produto > .col-icon {flex: 0 0 40px; display: flex; justify-content: center; align-items: center; font-size: 26px; padding-left: 5px}
  .promo-produto > .col-text{flex: 1; display: flex; align-items: center; padding: 8px;}
  .promo-produto > .col-text > .label-text {font-size: 15px; font-weight: 600; line-height: 130%; animation: promoPulse 2s infinite}

  .promo-top-produto{background: var(--cor8); border-radius: 4px 4px 0 0; padding: 10px 5px; text-align: left; color: #fff !important; font-weight: bold; border: 1px solid var(--cor8); margin-left: -1px; margin-top: -1px; display: flex; width: calc(100% + 2px); min-height: 48px; overflow: hidden;}
  .promo-top-produto span{animation: promoPulse 2s infinite}
  .promo-top-produto i{flex: 0 0 40px; display: flex; justify-content: center; align-items: center;}
  .promo-top-produto span i{font-size: 20px; margin-right: 3px;}

  @keyframes promoGradientBG {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
  }

  @keyframes promoFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  @keyframes promoSlideDown {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
  }

  @keyframes promoSlideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
  }

  @keyframes promoPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
  }

  /*
  .cronometro-prod{ font-family: arial; width: 100%; line-height: 130%; float: left; top: -50px; margin-bottom: -50px; position: relative; z-index: 999; opacity: 0.9; max-height: 50px;}*/
   .cronometro-prod{width: 100%; line-height: 130%; float: left; margin: -10px 0 5px 0; position: relative; }
  .cronometro-prod .tit-cronometro{float: left; width: 100%; text-align: center; font-size: 11px; margin-top: -8px; font-weight: bold; letter-spacing: 3px;}
  .cronometro-prod .jumbotron{padding: 0; margin: 0; background:none !important;}
  .cronometro-prod h1{width: 100%; text-align: center; font-size: 16px;  margin: 10px 0 3px 0; font-weight: bold;}
  .cronometro-prod h2{width: auto; text-align: center; font-size: 10px;  margin-bottom: 2px; letter-spacing: 3px; background:rgb(255, 255, 255, 0.2); padding: 0px 10px; border-radius: 3px; margin:  0 auto; display: initial;}
  .cronometro-prod .labels{float: initial; margin: 0 auto; display: table; }
  .banner-col2 .jumbotron{padding: 0; margin: 0; background:none !important;}
  .banner-col2 h2{padding: 0; margin: 0; float: left; width: 100%; text-align: center; font-size: 11px; margin-top: -5px; margin-bottom: 2px; font-weight: bold; letter-spacing: 3px;}
  .cronometro-prod .linef-crono{float: left; width: 100%; overflow: hidden;}
  @media (max-width: 700px){
    .banner-col1, .banner-col2{float: left; width: 100%;}
    .banner-col2 .jumbotron{float: left; width: 100%; height: auto; margin-top: 2px; background: rgba(255,255,255,0.1) !important; padding-top: 10px;}
    .crono-banner .labels{float: initial; margin: 0 auto; display: table;}
    .col1e2{width: 100% !important}
  }


  .line-cat-ref{float: left; width: 100%; margin-bottom: 0px; margin-top: 10px}
  .line-cat-ref .tit-categ{float: left; width: calc(100% - 120px); }
  .line-cat-ref .ref-prod{float: right; width: 120px; font-size: 85%; text-align: right;}
  .line-cat-ref .col-title a::first-child;{padding-left: -2px}
  .line-cat-ref .col-title span,
  .line-cat-ref .col-title a{padding: 2px}

  #lgpd{display: none;}
  .modal-title{color: #333 !important}


  .custom-popover {
    --bs-popover-max-width: 300px;
    --bs-popover-border-color: var(--cor5);
    --bs-popover-header-bg: var(--cor7);
    --bs-popover-header-color: #fff;
    --bs-popover-body-color: var(--cor6);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
  }