/** Shopify CDN: Minification failed

Line 415:0 Unexpected "}"

**/
/* ───────────────────────────────
   BLOQUE‑PRODUCTOS.CSS COMPLETO - TÍTULOS FLEXIBLES
   ─────────────────────────────── */


/* ---------- Tipografías generales ---------- */

.product-image{
    filter: contrast(0.95) /* Reduce ligeramente el contraste */ brightness(0.98) /* Reduce ligeramente el brillo */ drop-shadow(0 0 0 #f5f5f5cc);
    background-color: #f5f5f5cc;
    border-radius: 8px;
}

.product-card{
  padding: 10px !important;
}


.variant-indicators-inline{
  display: none;
}

.sfcconta2{
  font-weight:600;
  font-size:30px;
}
@media(max-width:767px){
  .sfcconta2{font-size:20px;}
}

/* ---------- Contenedor principal ---------- */
.container{
  max-width:1400px;
  margin:0 auto;
  padding:0 20px;
  margin-top:-50px;
}

/* ---------- Grid de productos ---------- */
.products-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:30px;
}
@media(max-width:768px){
  .products-grid{
    grid-template-columns: 1fr 1fr; /* Exactamente 2 columnas en móvil */
    gap:15px;
    justify-content: center;
  }
}

/* ---------- Tarjeta del producto ---------- */
.product-card{
  display:flex;
  flex-direction:column;
  height: 100%;           
  background:#fff;
  border-radius:8px;
  padding:15px;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  transition:transform .3s ease,box-shadow .3s ease;
  position:relative;
}

@media(max-width:768px){
  .product-card{
    width: 100%; /* Ocupa todo el ancho disponible en su columna */
    max-width: 100%;
    min-width: 0; /* Permite que se contraiga si es necesario */
    padding: 12px;
  }
}

/* Solo aplicar hover en desktop */
@media(min-width:769px){
  .product-card:hover{
    transform:translateY(-5px);
    box-shadow:0 4px 16px rgba(0,0,0,.15);
  }
}

/* botón abajo siempre */
.product-actions{margin-top:auto;}

/* ---------- Imagen con altura fija ---------- */
.product-image-wrapper {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 8px;
  background-color: #F7F7F7;
  /* ALTURA FIJA DESKTOP */
  height: 300px;
  width: 100%;
}


.product-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Mantiene la proporción pero llena todo el contenedor */
  object-position: center; /* Centra la imagen */
  display: block;
  transition: transform .3s ease;
  mix-blend-mode: darken;
  border-radius: 8px;
}

/* ALTURA FIJA MÓVIL */
@media (max-width: 768px) {
  .product-image-wrapper {
    height: 160px; /* Altura proporcional */
    width: 100%; /* Ocupa todo el ancho disponible */
    max-width: 100%;
  }
}

/* Solo aplicar hover de imagen en desktop */
@media(min-width:769px){
  .product-card:hover .product-image {
    transform: scale(1.03);
  }
}

/* ---------- Área de contenido de la tarjeta ---------- */
.product-content {
  display: flex;
  flex-direction: column;
  flex: 1; /* Ocupa todo el espacio disponible */
}

/* ---------- Título (altura flexible) ---------- */
.product-title-completo{
  font-size:24px;
  font-weight:600;
  line-height:1.4;
  margin-bottom:8px;
  color:#333;
  display:block;
  word-break:break-word;
  white-space:normal;
  overflow:visible;
  flex: 1; /* Permite que el título crezca y empuje el resto hacia abajo */
  align-items: flex-start; /* Alinea el texto al inicio */
}

@media(max-width:768px){
  .product-title-completo{
    font-size:14px;
    line-height:1.2;
    margin-bottom:6px;
  }
}

/* ---------- Contenedor inferior (precio, rating, variantes, botón) ---------- */
.product-bottom-content {
  margin-top: auto; /* Empuja todo este contenido hacia abajo */
}

/* fragmentos de título */
.product-title-link{font-weight:600;text-transform:uppercase;display:inline;color:#333;}
.product-subtitle{font-weight:400;font-size:18px;color:#666;display:inline;text-transform:none;white-space:normal}
@media(max-width:768px){
  .product-title-link{font-size:14px;font-weight:600;}
  .product-subtitle{text-transform:none !important;color:#000;font-size:11px}
}

/* ---------- Precio ---------- */
.product-price{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:18px;font-weight:600; line-height: 3;}
.price-current{color:#333;}
.price-compare{color:#999;text-decoration:line-through;margin-right:8px;font-size:16px;}
@media(max-width:768px){
  .product-price{gap:0;}
  .product-price .price-current{font-size:14px;line-height:1.2;}
  .product-price .price-compare{font-size:10px;line-height:1.2;margin-right:3px;}
}

/* ---------- Indicadores variantes (móvil) ---------- */
.variant-indicators{display:none;align-items:center;gap:4px;margin-left:auto;}
.variant-count{font-size:12px;color:#666;}
.variant-swatch{width:8px;height:8px;border-radius:50%;display:inline-block;border:1px solid #ccc;}
@media(max-width:768px){
  .variant-indicators{display:flex !important;}
}

/* ---------- Rating ---------- */
.product-rating{display:flex;gap:4px;align-items:center;margin-bottom:8px;font-size:14px;}
.star-icon{width:16px;height:16px;display:inline-block;}
.star{color:#ddd;}
.star.filled{color:#ffd700;}

@media(max-width:768px){
  .product-rating{
    gap:2px;
    margin-bottom:4px;
  }
  .star-icon{
    width:12px;
    height:12px;
  }
}

/* ---------- Selector de variantes (colores/tallas) ---------- */
.variant-container{position:relative;margin-bottom:12px;}
.variant-selector{display:flex;flex-direction:column;gap:12px;}
.option-group{display:flex;flex-direction:column;gap:6px;}
.option-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;}
.option-label-light{color:#999;}
.option-label-dark{color:#000;}

/* carrusel variantes */
.variant-carousel-container{position:relative;display:flex;align-items:center;}
.variant-carousel{overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1;margin:0 5px;}
.variant-carousel::-webkit-scrollbar{display:none;}
.options-row{display:flex;gap:8px;transition:transform .3s ease;scroll-behavior:smooth;}
.options-row::-webkit-scrollbar{display:none;}

.carousel-arrow{border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s ease;flex-shrink:0;}
.carousel-arrow:hover{background:#f5f5f5;}
.carousel-arrow:disabled{opacity:0;cursor:not-allowed;pointer-events:none;}
.carousel-arrow svg{width:16px;height:16px;}

/* botón variante */
.variant-option{padding:0;border:none;background:none;cursor:pointer;transition:.3s ease;flex-shrink:0;position:relative;}
.variant-square{width:54px;height:54px;border:1px solid #fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;transition:.3s ease;}
.variant-option.size-option .variant-square{background:#f8f9fa;border-radius:6px;}
.size-text{font-size:11px;font-weight:600;color:#333;text-align:center;line-height:1;text-transform:uppercase;}
.variant-option.color-option .variant-square{padding:2px;}
.variant-option.color-option:hover .variant-square{border-color:#999;}
.variant-option.color-option.active .variant-square{border:2.5px solid #999 !important;}
.variant-option.size-option:hover .variant-square{background:#e9ecef;border-color:#39cfa1;}
.variant-option.size-option.active .variant-square{background:#39cfa1;border-color:#39cfa1;}
.variant-option.size-option.active .size-text{color:#fff;}

/* out‑of‑stock */
.variant-option.out-of-stock{opacity:.5;cursor:not-allowed;}
.variant-option.out-of-stock .variant-square::before{
  content:'';
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
  width:100%;height:2px;background:#f00;z-index:1;
}

/* tooltip */
.variant-option:hover::after{
  content:attr(title);
  position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);
  background:#333;color:#fff;padding:4px 8px;border-radius:4px;
  font-size:11px;white-space:nowrap;z-index:10;pointer-events:none;
}

/* ---------- Select tallas (mobile friendly) ---------- */
.size-select{
  width:auto;min-width:60px;max-width:83px;
  padding:4px 12px;font-size:14px;font-weight:500;line-height:1.2;
  color:#333;border:1px solid #ddd;border-radius:20px;cursor:pointer;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 8px center;background-size:10px 6px;
  transition:border-color .2s;
}
.size-select:focus{outline:0;border-color:#999;box-shadow:0 0 0 2px rgba(0,0,0,.05);}
.size-select option{background:#fff;color:#333;}

@media(max-width:768px){
  .size-select{
    width:100%;
    max-width:100%; /* Se ajusta automáticamente al ancho de la card */
    font-size:12px;
    padding:3px 8px;
  }
}

/* ---------- Botón "Añadir al carrito" ---------- */
.quick-buy-btn{
  width:100%;padding:8px 20px;background:#000;color:#fff;border:0;border-radius:8px;
  font-size:15px;font-weight:500;cursor:pointer;transition:.3s ease;
  display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;
  font-family:"Helvetica Neue","Assistant",sans-serif !important;
  height: 44px;
}

/* Solo aplicar hover del botón en desktop */
@media(min-width:769px){
  .quick-buy-btn:hover:not(:disabled){background:grey;transform:translateY(-2px);}
  .quick-buy-btn:hover:not(:disabled) .basket-icon{animation:iconBounce .3s ease-out;}
}

.quick-buy-btn:active:not(:disabled){background:#4A4A4A;transform:none;box-shadow:0 2px 4px rgba(57,207,161,.3);}
.quick-buy-btn:disabled{background:#4A4A4A;cursor:not-allowed;}
.quick-buy-btn .basket-icon{width:18px;height:18px;stroke:currentColor;fill:none;}
@keyframes iconBounce{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}

@media(max-width:768px){
  .quick-buy-btn{
    font-size:12px;
    padding:6px 12px;
    gap:6px;
  }
}

/* ---------- Icono "+" (solo móvil) ---------- */
.mobile-plus-icon{position:absolute;bottom:0;right:0;width:25px;height:25px;display:none;align-items:center;justify-content:center;z-index:3;padding:2px;}
.mobile-plus-icon img{width:100%;height:100%;object-fit:contain;}
@media(max-width:768px){.mobile-plus-icon{display:flex !important;}}

/* ---------- Quick cart ---------- */
.quick-cart{
  position:fixed;
  bottom:-100%;
  left:0;
  width:100%;
  height:374px;
  background:#fff;
  border-radius:12px 12px 0 0;
  box-shadow:0 -4px 10px rgba(0,0,0,.2);
  padding:24px 16px;
  display:flex;
  flex-direction:column;
  transition:bottom .4s ease;
  z-index:9999;
}

/* MODIFICACIÓN PRINCIPAL: En móvil, cambiar el layout del quick-cart */
@media(max-width:768px){
  .quick-cart{
    padding:24px 16px 16px 16px; /* menos padding bottom para dar espacio */
  }
  
  .quick-cart-content{
    display:flex;
    flex-direction:column;
    height:100%;
  }
  
  .quick-cart-actions{
    margin-top:auto !important; /* empuja hacia abajo */
    position:absolute;
    bottom:16px;
    left:16px;
    right:16px;
    margin:0 !important;
  }
}

.quick-cart.active{bottom:0;}
.quick-cart-close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:24px;cursor:pointer;}
.quick-cart-product{display:flex;align-items:center;gap:12px;}
.quick-cart-image{width:60px;height:60px;border-radius:8px;object-fit:cover;}
.quick-cart-title{font-size:16px;font-weight:700;margin:0;letter-spacing:0!important;}
.quick-cart-price{font-size:14px;}
.quick-cart-variants{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;}
.quick-cart-variant-btn{width:48px;height:48px;border:2px solid transparent;border-radius:6px;background:none;cursor:pointer;overflow:hidden;}
.quick-cart-variant-btn.selected{border-color:#9B9898;}
.quick-cart-variant-btn img{width:100%;height:100%;object-fit:cover;}
.quick-cart-select{width:100%;margin-top:12px;padding:6px;border:1px solid #ccc;border-radius:6px;font-size:14px;}
.quick-cart-actions{display:flex;align-items:center;gap:12px;margin-top:16px;}
.quick-cart-quantity{display:flex;align-items:center;border:1px solid #d1d1d1;border-radius:8px;overflow:hidden;height:44px;}
.quick-cart-quantity button{width:32px;height:100%;background:#f5f5f5;border:0;font-size:18px;}
.quick-cart-quantity input{width:40px;height:100%;text-align:center;border:0;}
.quick-cart-btn{flex:1;height:44px;background:#000;color:#fff;border:0;border-radius:8px;font-size:16px;cursor:pointer;}
.quick-cart-btn:hover{background:grey;}

/* ---------- Ocultar elementos solo móvil ---------- */
@media(max-width:768px){
  .no-in-mobile{display:none !important;}
}

/* ---------- Ajustes responsivos extra ---------- */
@media(max-width:768px){
  .variant-square{width:36px;height:36px;}
  .carousel-arrow{width:24px;height:24px;}
  .variant-name{font-size:12px;}
  .quick-buy-btn{font-size:14px;padding:10px 16px;}
  .size-text{font-size:9px;}
  .option-label{font-size:11px;}
}

/* Fin del CSS */
/* --- FIX Alineación precios en móvil --- */
@media (max-width: 768px){

  #shopify-section-template--25643234361690__product-recommendations .sfcconta2{

        font-size: 20px !important;
}

  }
  
  .quick-cart-actions{
    margin-bottom: 10px !important;
  }

  .product-card{
    padding: 0px;
  }
  .product-price{
    align-items: baseline;   /* alinea por la línea de base de la tipografía */
    gap: 4px;                /* un pequeño hueco entre precios */
    white-space: nowrap;     /* evita que salten de línea */
    margin-bottom: 25px;
  }

  .price-current,
  .price-compare{
    line-height: 1;          /* misma altura de línea */
    display: inline-block;   /* asegura que la línea de base exista */
  }
}

.anfgd{
  color: #999;
}
.quick-cart-link{
  border-bottom:1px solid black;
}