.announcement-bar {
    color: var(--primary-contrast);
    background: #374f6d;
    border: none;
       }

    /* Aca empieza menú */
    
    .bs-menu__lv1 {
    color: black;
  
}
    .bs-menu__lv1:hover {
    color: #d6aa50;
    
}
/* Aca iconos menu */

    .bs-grid-header-lg .btn-search {
    color: black;
    background: white;
    border-color: black;
    } 
    .bs-grid-header-lg .btn-search:hover {
    color: white;
    background: #d6aa50;
    border: none;
    } 
  .btn-login {
   color: black;
    background: white;
    border-color: black;
    }
    .btn-login:hover {
    color: white;
    background: #d6aa50;
    border: none;
    }

    .btn-cart {
    color: black;
    background: white;
    border-color: black;
    }

    .btn-cart:hover {
    color: white;
    background: #d6aa50;
    border: none;
    }
/* Aca iconos menú */

  /* Aca termina menú */
    
    /* Aca empieza Alta Costura... */
    .bs-info {
    background: white !important;
    color: black;
    border-top: 1px solid black;    /* Línea superior fina */
    border-bottom: 1px solid black; /* Línea inferior fina */
    padding-top: 20px;    /* Espacio entre la línea de arriba y el texto */
    padding-bottom: 20px; 
    }
    
   .bs-info h2 {
    font-size: 26px !important;      /* El tamaño que pediste */
    font-weight: 400 !important;    /* Lo deja "Regular", quita la negrita */
     text-transform: capitalize;
   }

   .btn-secondary {
    background: white;
    transition: box-shadow 0.15s ease-in-out; /* Velocidad rápida y fluida */
    border: 1px solid #e0e0e0; /* Opcional: un borde fino */
    border-color: black;
    color: black;
    border-radius: 10px;
    
    
   }

  .btn-secondary:hover {
    background: #d6aa50;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border: none; /* Opcional: un borde fino */
    color:white;
    border-radius: 10px;
    
      }
/* Aca termina alta costura... */
   
    
    /* Aca empieza espacio glam */

    .info-2 .info-grid__info {
        background: #e6e6e6;
        border: 1px solid #e6e6e6; /* El borde debe existir para que se   vea el redondeo */
    border-radius: 8px;        /* <--- Esta es la clave */
   
      } 
      .info-2 .info-grid__title {
        color: black;
         font-weight:400;
         font-size: 30px;

      } 
      .info-grid__title:after {
    background: #d6aa50;

      }
      .info-2 .info-grid__description {
        color: black;
         font-weight: 400;
         font-size: 18px;

      } 
      .btn-primary {
    background: #e6e6e6;
    transition: box-shadow 0.15s ease-in-out; /* Velocidad rápida y fluida */
    border: 1px solid #e0e0e0; /* Opcional: un borde fino */
    border-color: black;
    color: black;
    border-radius: 10px;
}

    .btn-primary:hover {
    background: #d6aa50;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    border:none; /* Opcional: un borde fino */
    color:white;
    border-radius: 10px;
    }
      

      
    
       /*** Aca termina espacio glam ***/

      /*** Aca empieza footer ***/
        .bs-footer-title {
        color: black;
        font-weight: 400;
      }

        .bs-footer-title::after {
        background: #5b6a81;   
      }
      .bs-footer__link__icon {
         color: #d6aa50;
          }


    .noUi-connect {
    background:  #6d6d6d ;
}
    .bs-collection-filter .btn-secondary {
    background-color: white;
    border-color: black;
    color: black;
}
.bs-collection-filter .btn-secondary:hover {
    background-color: #d6aa50;
    border-color: #d6aa50;
    color: white;
}

    /*** agrega aqui los estilos necesarios para modificar el template ***/


.estilo-textodestacado {
    font-style: italic;
    color: #676767;
    font-size: 0.8rem;
}
@media screen and (min-width: 992px){
    .info-3 .info-grid__info {
        margin-bottom: -260px;
    }}
/*** showroom ***/

.info-3 .btn {
     background: white;
    transition: box-shadow 0.15s ease-in-out; /* Velocidad rápida y fluida */
    border: 1px solid #e0e0e0; /* Opcional: un borde fino */
    border-color: black;
    color: black;
    border-radius: 10px;
  }
.info-3 .btn:hover {
    background: #d6aa50;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border:none; /* Opcional: un borde fino */
    color:white;
    border-radius: 10px;
  }
  /*** showroom ***/
#cookies__container {
    background-color: #6d6d6d!important;
  }
button#btnAcceptCookies:hover {
    background: #d6aa50!important;
  }
.announcement-bar {
    background: #6d6d6d;
  }
.term {
font-weight:700;
}
.term:hover {
font-weight:700;
opacity:.7;
}
.bs-collection__product-notices {
    font-style: italic;
    color: #676767;
    font-size: 0.8rem;
}
#cookies__container {
    z-index: 2000!important;
  }
  .bs-footer-title::after {
    background: black;
}
.chat-widget__btn {
    background: white;
    borde-color: red;
    color: #676767;
} 
.chat-widget__btn:hover {
    background: #d6aa50;
    borde-color: black;
    color: white;
} 

.info-3 .info-grid__info {
background: rgba(255, 255, 255, 0.2);
  
  /* 2. El efecto de desenfoque del fondo */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Soporte para Safari */
  
  /* 3. Bordes sutiles para definir la forma */
  
  border-radius: 16px;
  
  /* 4. Sombra para dar profundidad */
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
.boton-estilo {
    background-color: white;
    color: black;
    padding: 0px 6px;
    border-bottom: 2px dashed black;
    border-radius: 0px;
}

.boton-estilo:hover {
  background-color: #e6e6e6; /* Color más oscuro al pasar el mouse */
}

.bs-collection__product-title {
    color: black;
    fon-style: 400;
}
a.btn.btn-light {
    background: #f9f5f5;
}
a.btn.btn-light:hover {
    background: #d6aa50;
    color:white;
}
.container-search {
    background: #6d6d6d;
}
.cart-items {
    background: #d6aa50;
    color:white;
}
button.btn.btn-primary.w-100 {
    background: #d2a948;
    color: white;
    border: #d2a948;
}
button.btn.btn-primary.w-100:hover {
    background: white;
    color: black;
    border-radius: 10px;
      border: solid 1px black;
}
.bs-footer__social .btn-social:hover {
    color: black;
    background: none;
    border: solid 1px black;
}
.bs-footer__social .btn-social {
    color: white;
    background: #d6aa50;
    border: none;
}