@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* Bebé Crece — V13: buscador centrado, tipografía de productos y zoom global. */
:root{--bc-product-font-v13:"Inter","Segoe UI",Arial,sans-serif}

/* 1) Centrar el rótulo del buscador sobre el campo. */
html body .bc-product-search-inner .bc-product-search-label{
  width:min(820px,100%)!important;
  margin:0 auto 9px!important;
  padding:0!important;
  text-align:center!important;
  font-family:var(--bc-product-font-v13)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}

/* 2) Fuente menos redonda solamente en módulos de productos. */
html body .product-card,
html body .product-card *,
html body .bc-search-card,
html body .bc-search-card *,
html body .bc-search-result,
html body .bc-search-result *,
html body .recommend-card,
html body .recommend-card *,
html body .similar-card,
html body .similar-card *,
html body .related-card,
html body .related-card *,
html body #productDetailModal,
html body #productDetailModal *,
html body #productModal,
html body #productModal *,
html body .product-detail-modal,
html body .product-detail-modal *{
  font-family:var(--bc-product-font-v13)!important;
}
html body .product-card h3,
html body .product-card .product-title,
html body .product-card .product-name,
html body .bc-search-card-title,
html body .bc-search-result-title,
html body #productDetailModal h1,
html body #productDetailModal h2,
html body #productDetailModal .detail-title,
html body #productModal h1,
html body #productModal h2{
  font-weight:700!important;
  letter-spacing:-.018em!important;
}
html body .product-card .product-card-desc,
html body .product-card p,
html body .bc-search-card p,
html body #productDetailModal .detail-description-box,
html body #productDetailModal .bc-product-description-text,
html body #productModal .detail-description-box{
  font-weight:400!important;
  letter-spacing:0!important;
}
html body .product-card .product-tags span,
html body .product-card .product-sku-badge,
html body .bc-search-card-category,
html body .bc-search-sku,
html body #productDetailModal .product-tags span,
html body #productDetailModal .product-sku-badge{
  font-weight:600!important;
}
html body .product-card .price,
html body .product-card .price *,
html body .bc-search-card-price,
html body .bc-search-card-price *,
html body #productDetailModal .detail-price,
html body #productDetailModal .detail-price *{
  font-family:var(--bc-product-font-v13)!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
html body .product-card button,
html body .bc-search-card button,
html body #productDetailModal button,
html body #productModal button{
  font-family:var(--bc-product-font-v13)!important;
  font-weight:700!important;
  letter-spacing:-.005em!important;
}

/* 3) Indicador de zoom en todas las tarjetas. */
html body .bc-v13-zoom-area{position:relative!important;cursor:zoom-in!important}
html body .bc-v13-zoom-image{cursor:zoom-in!important}
html body .bc-v13-zoom-trigger{
  position:absolute!important;
  right:13px!important;
  bottom:13px!important;
  z-index:12!important;
  width:39px!important;
  height:39px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #cbdcf7!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  color:#174b9f!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 8px 20px rgba(15,57,131,.15)!important;
  cursor:zoom-in!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
html body .bc-v13-zoom-trigger:hover,
html body .bc-v13-zoom-trigger:focus-visible{
  transform:scale(1.08)!important;
  background:#fff!important;
  box-shadow:0 10px 25px rgba(15,57,131,.24)!important;
  outline:3px solid rgba(36,83,181,.15)!important;
  outline-offset:2px!important;
}
html body .bc-v13-zoom-trigger svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* Modal alternativo, utilizado solamente cuando el zoom oficial aún no terminó de cargar. */
html body.bc-v13-zoom-open{overflow:hidden!important}
.bc-v13-zoom-modal{position:fixed;inset:0;z-index:2147483600;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(7,20,52,.78);backdrop-filter:blur(7px)}
.bc-v13-zoom-modal.is-open{display:flex}
.bc-v13-zoom-dialog{position:relative;width:min(980px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:#fff;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.35);font-family:var(--bc-product-font-v13)}
.bc-v13-zoom-stage{position:relative;min-height:min(68vh,650px);display:grid;place-items:center;border-radius:18px;background:#f5f8ff;overflow:hidden}
.bc-v13-zoom-stage>img{display:block;width:100%;height:min(68vh,650px);object-fit:contain;padding:20px}
.bc-v13-zoom-close,.bc-v13-zoom-nav{position:absolute;z-index:4;border:1px solid #d5e2f7;background:#fff;color:#123f91;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(15,57,131,.18)}
.bc-v13-zoom-close{right:15px;top:15px;width:43px;height:43px;border-radius:50%;font-size:27px;line-height:1}
.bc-v13-zoom-nav{top:50%;width:45px;height:58px;border-radius:14px;font-size:30px;transform:translateY(-50%)}
.bc-v13-zoom-nav.is-prev{left:12px}.bc-v13-zoom-nav.is-next{right:12px}
.bc-v13-zoom-info{padding:14px 4px 2px;text-align:center}.bc-v13-zoom-info h3{margin:0;color:#102f69;font:700 18px/1.35 var(--bc-product-font-v13)}.bc-v13-zoom-info p{margin:4px 0 0;color:#6b7fa6;font:500 12px/1.4 var(--bc-product-font-v13)}
.bc-v13-zoom-thumbs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}.bc-v13-zoom-thumb{width:62px;height:62px;padding:4px;border:1px solid #d5e2f7;border-radius:11px;background:#fff;cursor:pointer}.bc-v13-zoom-thumb.is-active{border:2px solid #2453b5}.bc-v13-zoom-thumb img{width:100%;height:100%;object-fit:contain}
@media(max-width:720px){
  .bc-v13-zoom-modal{padding:8px}.bc-v13-zoom-dialog{width:100%;max-height:96dvh;padding:10px;border-radius:18px}.bc-v13-zoom-stage{min-height:65dvh}.bc-v13-zoom-stage>img{height:65dvh;padding:12px}.bc-v13-zoom-trigger{width:36px!important;height:36px!important;right:10px!important;bottom:10px!important}
}