/** Shopify CDN: Minification failed

Line 301:2 Unexpected "}"

**/
/* ==========================================================
   VILUX DESIGN SYSTEM
   Version 1.0
   ========================================================== */


/*------------------------------------------------------------
01. VARIABLES
-------------------------------------------------------------*/

:root{

  --vilux-gold:#C6A15B;
  --vilux-gold-hover:#B18B48;
  --vilux-black:#111111;
  --vilux-white:#FFFFFF;

  --vilux-radius:0px;

  --vilux-transition:0.30s ease;

}


/*------------------------------------------------------------
02. BOTONES
-------------------------------------------------------------*/

.button{

    border-radius:var(--vilux-radius);

    transition:all var(--vilux-transition);

}

.button:hover{

    transform:translateY(-2px);

}

/*------------------------------------------------------------
03. BOTONES PREMIUM VILUX
-------------------------------------------------------------*/

.banner__buttons{
    display:flex;
    flex-wrap:nowrap;
    gap:20px;
    justify-content:flex-start;
}

.banner__buttons .button{
    width:auto;
    min-width:220px;
}

.button{
    min-height:56px;
    padding:0 38px;
    font-size:1.6rem;
    font-weight:600;
    letter-spacing:.03em;
    transition:all .30s ease;
}

.button--primary{

    background:var(--vilux-gold) !important;

    border-color:var(--vilux-gold) !important;

    color:var(--vilux-black) !important;

}

.button--primary:hover{

    background:var(--vilux-gold-hover) !important;

    border-color:var(--vilux-gold-hover) !important;

    color:var(--vilux-black) !important;

    transform:translateY(-2px);

    box-shadow:0 12px 30px rgba(0,0,0,.18);

}

.button--secondary{

    border:1px solid rgba(255,255,255,.70);

    color:white;

}

.button--secondary:hover{

    background:white;

    color:#111111;

}

/*------------------------------------------------------------
04. TARJETAS DE PRODUCTO VILUX
-------------------------------------------------------------*/

/* Contenedor general */
.card-wrapper {
  height: 100%;
}

/* Tarjeta limpia y elegante */
.card-wrapper .card {
  background: transparent;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 0;
  overflow: hidden;
  transition:
    transform var(--vilux-transition),
    box-shadow var(--vilux-transition),
    border-color var(--vilux-transition);
}

/* Elevación discreta */
.card-wrapper:hover .card {
  transform: translateY(-5px);
  border-color: rgba(198, 161, 91, 0.35);
  box-shadow: 0 16px 34px rgba(17, 17, 17, 0.10);
}

/* Fotografía */
.card-wrapper .card__inner {
  background: #f7f7f5;
  overflow: hidden;
}

/* Zoom sutil sobre el producto */
.card-wrapper .card__media img {
  transition: transform 0.45s ease;
}

.card-wrapper:hover .card__media img {
  transform: scale(1.035);
}

/* Área de información */
.card-wrapper .card__information {
  padding: 1.8rem 1.6rem 2rem;
}

/* Nombre del producto */
.card-wrapper .card__heading {
  font-size: 1.55rem;
  line-height: 1.35;
  letter-spacing: 0.01em;
  margin-bottom: 0.8rem;
}

/* Enlace del producto */
.card-wrapper .card__heading a {
  text-decoration: none;
  transition: color var(--vilux-transition);
}

.card-wrapper:hover .card__heading a {
  color: var(--vilux-gold-hover);
}

/* Precio */
.card-wrapper .price {
  font-size: 1.55rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Etiquetas Nuevo / Oferta */
.card-wrapper .badge {
  border: 0;
  border-radius: 0;
  background: var(--vilux-black);
  color: var(--vilux-white);
  padding: 0.6rem 1rem;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Ajuste móvil */
@media screen and (max-width: 749px) {
  .card-wrapper .card__information {
    padding: 1.3rem 1rem 1.6rem;
  }

  .card-wrapper .card__heading,
  .card-wrapper .price {
    font-size: 1.35rem;
  }

  .card-wrapper:hover .card {
    transform: none;
    box-shadow: none;
  }
}/* Botón Agregar al carrito - Página de producto */
.product-form__submit {
  --color-button: 255, 255, 255;
  --color-button-text: 17, 17, 17;

  color: #111111 !important;
  border: 1px solid #111111 !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
}

/* Borde interno utilizado por Dawn */
.product-form__submit::after {
  box-shadow: 0 0 0 1px #111111 !important;
}

/* Texto dentro del botón */
.product-form__submit span {
  color: inherit !important;
}

/* Efecto hover */
.product-form__submit:hover:not([disabled]) {
  --color-button: 17, 17, 17;
  --color-button-text: 255, 255, 255;

  color: #ffffff !important;
  background-color: #111111 !important;
}

/* Estado deshabilitado o agotado */
.product-form__submit[disabled] {
  opacity: 0.45 !important;
  cursor: not-allowed;
}
/* ==================================================
   VILUX - BOTÓN AGREGAR AL CARRITO EN TARJETAS
   Colecciones, productos destacados y relacionados
   ================================================== */

.product-card-wrapper .quick-add__submit,
.card-wrapper .quick-add__submit,
.quick-add .quick-add__submit {
  --color-button: 255, 255, 255;
  --color-button-text: 17, 17, 17;

  background-color: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #111111 !important;
  opacity: 1 !important;
}

/* Borde generado internamente por Dawn */
.product-card-wrapper .quick-add__submit::after,
.card-wrapper .quick-add__submit::after,
.quick-add .quick-add__submit::after {
  box-shadow: 0 0 0 1px #111111 !important;
}

/* Fuerza el color del texto y otros elementos internos */
.quick-add__submit span,
.quick-add__submit .button__text {
  color: inherit !important;
}

/* Al pasar el cursor */
.product-card-wrapper .quick-add__submit:hover:not([disabled]),
.card-wrapper .quick-add__submit:hover:not([disabled]),
.quick-add .quick-add__submit:hover:not([disabled]) {
  --color-button: 17, 17, 17;
  --color-button-text: 255, 255, 255;

  background-color: #111111 !important;
  color: #ffffff !important;
}

/* Producto agotado */
.quick-add__submit[disabled] {
  background-color: #f1f1f1 !important;
  color: #777777 !important;
  border-color: #bdbdbd !important;
  opacity: 0.65 !important;
  cursor: not-allowed;
}
/* =====================================================
   VILUX: HERO PRINCIPAL EN MÓVIL
   Un solo botón compacto
   ===================================================== */
  }
}
@media(max-width:749px){
.template-index main .shopify-section:first-child .banner__buttons{
display:flex!important;
justify-content:center!important;
width:100%!important
}
.template-index main .shopify-section:first-child .banner__buttons .button:nth-child(2){
display:none!important
}
.template-index main .shopify-section:first-child .banner__buttons .button:first-child{
width:220px!important;
min-width:0!important;
min-height:46px!important;
font-size:0!important
}
.template-index main .shopify-section:first-child .banner__buttons .button:first-child:before{
content:"Ver colecciones";
font-size:14px
}
}/* VILUX: botones del aviso de carrito */
.cart-notification__links .button,
.cart-notification__links a.button {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #111 !important;
  opacity: 1 !important;
}

.cart-notification__links .button::after,
.cart-notification__links a.button::after {
  box-shadow: 0 0 0 1px #111 !important;
}

.cart-notification__links .button:hover,
.cart-notification__links a.button:hover {
  background: #111 !important;
  color: #fff !important;
}

.cart-notification__links .button span,
.cart-notification__links a.button span {
  color: inherit !important;
}
@media(max-width:749px){.multicolumn-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 8px!important}.multicolumn-list__item{width:100%!important;max-width:none!important;margin:0!important}.multicolumn-card__image-wrapper{width:48px!important;margin:0 auto 8px!important}.multicolumn-card__info{padding:0 5px!important}.multicolumn-card__info h3{font-size:14px!important;line-height:1.3}.multicolumn-card__info .rte{font-size:12px!important;line-height:1.45}}

/* VILUX: botón flotante de WhatsApp */
.vilux-whatsapp{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:40;
  display:flex;
  align-items:center;
  gap:9px;
  padding:13px 18px;
  border-radius:999px;
  background:#25d366;
  color:#fff!important;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  line-height:1;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  transition:transform .2s ease,box-shadow .2s ease
}
.vilux-whatsapp:hover{
  color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.24)
}
.vilux-whatsapp__icon{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:2px solid currentColor;
  border-radius:50%;
  font-size:13px
}
@media(max-width:749px){
  .vilux-whatsapp{
    right:14px;
    bottom:18px;
    padding:13px;
    border-radius:50%
  }
  .vilux-whatsapp__text{display:none}
  .vilux-whatsapp__icon{
    width:27px;
    height:27px
  }
}