/** Shopify CDN: Minification failed

Line 101:0 Unexpected "}"

**/
/* =========================================================
   NUVEX — CSS PREMIUM PARA TEMA DAWN (Shopify)
   Cómo instalarlo:
   1. Panel Shopify > Tienda online > Temas > "..." > Editar código
   2. Dentro de "Assets", clic en "Añadir un recurso nuevo" > "Crear un archivo en blanco"
   3. Nómbralo: custom-nuvex.css
   4. Pega TODO este archivo dentro y guarda
   5. Ve a "Layout" > theme.liquid y justo antes de </head> añade:
      {{ 'custom-nuvex.css' | asset_url | stylesheet_tag }}
   6. Guarda. Con eso el CSS ya se carga en toda la tienda.
   ========================================================= */

/* ---------- 1. VARIABLES DE MARCA ---------- */
:root{
  --nuvex-primario:#0b1f3a;      /* azul oscuro premium */
  --nuvex-acento:#d4af37;        /* dorado, sensación premium */
  --nuvex-acento-suave:#f4e7c1;
  --nuvex-exito:#1e7d4b;
  --nuvex-oferta:#c0392b;
  --nuvex-fondo-claro:#f7f8fa;
  --nuvex-borde:#e5e7eb;
  --nuvex-radio:14px;
  --nuvex-sombra:0 8px 24px rgba(11,31,58,0.10);
}

/* ---------- 2. TIPOGRAFÍA GENERAL MÁS PREMIUM ---------- */
body{
  -webkit-font-smoothing:antialiased;
}
.product__title h1{
  font-weight:700;
  letter-spacing:-0.02em;
  color:var(--nuvex-primario);
}

/* ---------- 3. BARRA DE ANUNCIO / URGENCIA (arriba del todo) ---------- */
/* Requiere el bloque HTML "Barra de urgencia" que te doy más abajo,
   colocado en la sección Announcement bar o en un bloque de Custom Liquid */
.nuvex-urgency-bar{
  background:linear-gradient(90deg,var(--nuvex-oferta),#e0574a);
  color:#fff;
  text-align:center;
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
  padding:10px 14px;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
/* ---------- BARRA SUPERIOR CON MARCA — PALETA ROJA PREMIUM ---------- */
.nuvex-urgency-bar{
  background:linear-gradient(90deg,#4a0404,#8c1c1c 45%,#b53030 100%);
  color:#fdf3ef;
  text-align:center;
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
  padding:11px 14px;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.nuvex-urgency-brand{
  font-family:inherit;
  font-weight:800;
  font-size:14px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#f3c98b;              /* dorado suave, contraste sobre el rojo */
  border-right:1px solid rgba(255,255,255,.25);
  padding-right:14px;
}

.nuvex-urgency-bar strong{
  font-weight:800;
  color:#ffffff;
}

.nuvex-urgency-timer{
  display:inline-flex;
  gap:6px;
  font-variant-numeric:tabular-nums;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
  padding:3px 10px;
  border-radius:6px;
  font-weight:700;
}
}

/* ---------- 4. GALERÍA DE PRODUCTO ---------- */
.product__media-wrapper{
  border-radius:var(--nuvex-radio);
  overflow:hidden;
}
.product__media img{
  border-radius:var(--nuvex-radio);
}
.thumbnail-list__item{
  border-radius:10px;
  overflow:hidden;
}
.thumbnail:hover{
  border-color:var(--nuvex-acento) !important;
}

/* ---------- 5. INFO DEL PRODUCTO (columna derecha) ---------- */
.product__info-wrapper{
  padding-left:2.5rem;
}
.product__text.inline-richtext.vendor{
  color:var(--nuvex-acento);
  font-weight:700;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
}

/* ---------- 6. PRECIO CON OFERTA (tachado + ahorro) ---------- */
.price{
  font-size:1.4rem;
}
.price__container{
  gap:10px;
  align-items:center;
}
.price s,
.price .price-item--regular{
  color:#9aa1ab;
  font-weight:400;
}
.price__sale .price-item--sale,
.price-item--sale{
  color:var(--nuvex-oferta) !important;
  font-weight:800;
  font-size:1.5em;
}
.price--on-sale .price__badge-sale,
.price__badge-sale{
  background:var(--nuvex-oferta);
  color:#fff;
  border:none;
  border-radius:6px;
  padding:4px 8px;
  font-weight:700;
}

/* ---------- 7. BADGES DE CONFIANZA (bajo el precio) ---------- */
/* Va con el bloque HTML "Badges de confianza" */
.nuvex-trust-badges{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:16px 0;
  padding:14px 0;
  border-top:1px solid var(--nuvex-borde);
  border-bottom:1px solid var(--nuvex-borde);
}
.nuvex-trust-badge{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12.5px;
  font-weight:600;
  color:var(--nuvex-primario);
}
.nuvex-trust-badge svg{
  width:18px;height:18px;
  flex-shrink:0;
  color:var(--nuvex-exito);
}

/* ---------- 8. DESCUENTOS POR CANTIDAD (bundle visual) ---------- */
/* Va con el bloque HTML "Bloque de ofertas por cantidad" */
.nuvex-bundle-offers{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:18px 0;
}
.nuvex-bundle-option{
  position:relative;
  border:2px solid var(--nuvex-borde);
  border-radius:var(--nuvex-radio);
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  transition:.15s ease;
  background:#fff;
}
.nuvex-bundle-option:hover{
  border-color:var(--nuvex-acento);
}
.nuvex-bundle-option input[type="radio"]{
  accent-color:var(--nuvex-primario);
  margin-right:12px;
  width:18px;height:18px;
}
.nuvex-bundle-option.is-selected,
.nuvex-bundle-option:has(input:checked){
  border-color:var(--nuvex-primario);
  background:var(--nuvex-fondo-claro);
  box-shadow:var(--nuvex-sombra);
}
.nuvex-bundle-badge{
  background:var(--nuvex-exito);
  color:#fff;
  font-size:11px;
  font-weight:700;
  padding:3px 8px;
  border-radius:20px;
  margin-left:8px;
}
.nuvex-bundle-left{ display:flex; align-items:center; }
.nuvex-bundle-title{ font-weight:700; color:var(--nuvex-primario); }
.nuvex-bundle-sub{ font-size:12px; color:#6b7280; }
.nuvex-bundle-price{ font-weight:800; color:var(--nuvex-primario); font-size:1.1em; }
.nuvex-bundle-price-old{ text-decoration:line-through; color:#9aa1ab; font-size:.85em; margin-right:6px; }

/* ---------- 9. SELECTOR DE CANTIDAD ---------- */
.quantity{
  border-radius:10px;
  border-color:var(--nuvex-borde);
}

/* ---------- 10. BOTÓN AÑADIR AL CARRITO ---------- */
.product-form__buttons .button,
.product-form__submit{
  background:var(--nuvex-primario);
  border:none;
  border-radius:12px;
  font-weight:700;
  letter-spacing:.02em;
  padding:16px;
  font-size:1.05rem;
  transition:transform .12s ease, box-shadow .12s ease;
  box-shadow:0 6px 18px rgba(11,31,58,.25);
}
.product-form__buttons .button:hover,
.product-form__submit:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(11,31,58,.32);
}
/* Botón de comprar ya (dynamic checkout / shop pay) */
.shopify-payment-button__button{
  border-radius:12px !important;
}

/* ---------- 11. BARRA STICKY DE COMPRA EN MÓVIL ---------- */
/* Va con el bloque HTML "Sticky add to cart mobile" */
.nuvex-sticky-atc{
  position:fixed;
  bottom:0; left:0; right:0;
  background:#fff;
  border-top:1px solid var(--nuvex-borde);
  box-shadow:0 -6px 20px rgba(0,0,0,.08);
  padding:10px 14px;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  z-index:999;
}
@media (max-width:749px){
  .nuvex-sticky-atc.is-visible{ display:flex; }
}
.nuvex-sticky-atc .nuvex-sticky-price{
  font-weight:800;
  color:var(--nuvex-primario);
  font-size:1.1rem;
}
.nuvex-sticky-atc button{
  background:var(--nuvex-primario);
  color:#fff;
  border:none;
  border-radius:10px;
  padding:12px 20px;
  font-weight:700;
}

/* ---------- 12. SECCIÓN DE GARANTÍAS / ENVÍO / PAGO SEGURO ---------- */
/* Va con el bloque HTML "Franja de garantías" */
.nuvex-guarantees{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  max-width:1100px;
  margin:60px auto;
  padding:0 20px;
  text-align:center;
}
@media (max-width:749px){
  .nuvex-guarantees{ grid-template-columns:1fr; gap:26px; }
}
.nuvex-guarantee-item svg{
  width:36px;height:36px;
  color:var(--nuvex-primario);
  margin-bottom:10px;
}
.nuvex-guarantee-item h3{
  font-size:15px;
  font-weight:700;
  color:var(--nuvex-primario);
  margin:0 0 4px;
}
.nuvex-guarantee-item p{
  font-size:13px;
  color:#6b7280;
  margin:0;
}

/* ---------- 13. RESEÑAS / TESTIMONIOS ---------- */
/* Va con el bloque HTML "Testimonios" */
.nuvex-reviews{
  max-width:1100px;
  margin:60px auto;
  padding:0 20px;
}
.nuvex-reviews h2{
  text-align:center;
  font-size:1.8rem;
  color:var(--nuvex-primario);
  margin-bottom:8px;
}
.nuvex-reviews-summary{
  text-align:center;
  color:#6b7280;
  margin-bottom:30px;
  font-size:14px;
}
.nuvex-reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
@media (max-width:749px){
  .nuvex-reviews-grid{ grid-template-columns:1fr; }
}
.nuvex-review-card{
  background:#fff;
  border:1px solid var(--nuvex-borde);
  border-radius:var(--nuvex-radio);
  padding:20px;
  box-shadow:var(--nuvex-sombra);
}
.nuvex-review-stars{
  color:var(--nuvex-acento);
  font-size:14px;
  margin-bottom:8px;
}
.nuvex-review-card p{
  font-size:14px;
  color:#374151;
  line-height:1.5;
}
.nuvex-review-author{
  font-weight:700;
  font-size:13px;
  color:var(--nuvex-primario);
  margin-top:10px;
}

/* ---------- 14. FAQ ACORDEÓN ---------- */
/* Va con el bloque HTML "FAQ" (usa <details>/<summary> nativos, sin JS) */
.nuvex-faq{
  max-width:800px;
  margin:60px auto;
  padding:0 20px;
}
.nuvex-faq h2{
  text-align:center;
  font-size:1.8rem;
  color:var(--nuvex-primario);
  margin-bottom:26px;
}
.nuvex-faq details{
  border-bottom:1px solid var(--nuvex-borde);
  padding:16px 0;
}
.nuvex-faq summary{
  cursor:pointer;
  font-weight:700;
  color:var(--nuvex-primario);
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.nuvex-faq summary::after{
  content:"+";
  font-size:1.4rem;
  color:var(--nuvex-acento);
  transition:transform .2s ease;
}
.nuvex-faq details[open] summary::after{
  transform:rotate(45deg);
}
.nuvex-faq details p{
  margin:12px 0 0;
  color:#6b7280;
  font-size:14px;
  line-height:1.6;
}

/* ---------- 15. FOOTER DE PAGO SEGURO ---------- */
.nuvex-payment-icons{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  opacity:.85;
  margin:20px 0;
}
.nuvex-payment-icons img{
  height:26px;
  filter:grayscale(15%);
}
/* ---------- BOTÓN AÑADIR AL CARRITO — MÁS LLAMATIVO ---------- */
.product-form__submit{
  background:linear-gradient(90deg,#0b1f3a,#173a63) !important;
  border:2px solid #d4af37 !important;
  border-radius:12px !important;
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:1.1rem !important;
  letter-spacing:.03em !important;
  padding:16px !important;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(11,31,58,.35) !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
}
.product-form__submit:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(212,175,55,.35) !important;
  border-color:#e8c766 !important;
}
.product-form__submit span{
  color:#ffffff !important;
}

/* Botón "Comprar con Shop Pay" — le damos un borde a juego para que no desentone */
.shopify-payment-button__button--unbranded{
  border-radius:12px !important;
}