/* ======================================================================
   UBD VISUAL UX · SAFE 1.0.0
   Fase 1: Inicio + Categorías
   ----------------------------------------------------------------------
   REGLAS DE SEGURIDAD
   - Sólo presentación: no altera DOM, hooks, inputs, formularios ni eventos.
   - No oculta elementos funcionales ni añade JavaScript.
   - No cambia position de controles funcionales ni reordena nodos.
   - Conserva la paleta actual de Un Bonito Detalle.
   - Scope estricto a body#index / body#category del tema modular.
   ====================================================================== */

/* Paleta UBD existente */
html.ubd-modular-ready body#index.ubd-modular-page,
html.ubd-category-ready body#category.ubd-modular-page {
  --ux-ink:#18333A;
  --ux-muted:#687B80;
  --ux-orange:#E7923C;
  --ux-coral:#E78252;
  --ux-yellow:#EFC25E;
  --ux-green:#93B56D;
  --ux-teal:#5DA084;
  --ux-paper:#F7F2EC;
  --ux-line:rgba(24,51,58,.10);
  --ux-soft-shadow:0 5px 18px rgba(24,51,58,.065);
  --ux-card-radius:22px;
  --ux-small-radius:16px;
  color:var(--ux-ink);
  background:#fff;
}

/* Tipografía: usa la pila del sistema, sin añadir fuentes ni requests. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito,
html.ubd-category-ready body#category.ubd-modular-page .ubd-catalog-main,
html.ubd-category-ready body#category.ubd-modular-page .ubd-catalog-shell-header {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
}

/* ======================================================================
   INICIO
   ====================================================================== */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-modular {
  background:#fff !important;
  color:var(--ux-ink) !important;
}

html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-main {
  gap:18px !important;
}

/* Header modular: mismo comportamiento, menos blur y menos peso visual. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-header {
  border:1px solid var(--ux-line) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.985) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:var(--ux-soft-shadow) !important;
}

html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito :where(.ubd-mod-menu-button,.ubd-mod-cart,.ubd-header-search-v1933) {
  border-color:var(--ux-line) !important;
  box-shadow:none !important;
}

/* Hero: estructura intacta, lectura más clara y aireada. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero {
  gap:10px !important;
  padding:10px !important;
  border:1px solid var(--ux-line) !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:none !important;
}

html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero-copy {
  gap:13px !important;
  padding:clamp(20px,4vw,42px) !important;
  border-radius:22px !important;
  background:var(--ux-paper) !important;
}

html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero h1 {
  max-width:760px !important;
  margin:0 !important;
  color:var(--ux-ink) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:clamp(40px,7vw,72px) !important;
  font-weight:900 !important;
  line-height:.94 !important;
  letter-spacing:-.045em !important;
  text-transform:none !important;
}

html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero p {
  max-width:640px !important;
  color:var(--ux-muted) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

/* Buscador: una sola acción clara. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-search {
  min-height:58px !important;
  padding:6px 7px 6px 15px !important;
  border:1px solid var(--ux-line) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:none !important;
}

html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-search button {
  min-height:44px !important;
  border-radius:13px !important;
  background:var(--ux-orange) !important;
  box-shadow:none !important;
}

html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero-chips a {
  min-height:34px !important;
  border:1px solid var(--ux-line) !important;
  box-shadow:none !important;
  font-size:10px !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero-chips a:nth-child(5n+1){background:#FBE8D2 !important}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero-chips a:nth-child(5n+2){background:#FBE0D4 !important}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero-chips a:nth-child(5n+3){background:#FFF0B9 !important}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero-chips a:nth-child(5n+4){background:#E4F0D2 !important}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero-chips a:nth-child(5n+5){background:#DCEFE7 !important}

html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero-media {
  border-radius:22px !important;
  box-shadow:none !important;
}

/* Secciones: el color vive en el contenido, no en una caja pesada alrededor. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito :where(.ubd-mod-categories,.ubd-mod-best,.ubd-home-trust,.ubd-mod-info) {
  padding:clamp(18px,3vw,30px) !important;
  border:1px solid var(--ux-line) !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:none !important;
}

html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-section-head {
  margin-bottom:15px !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-section-head > span {
  color:var(--ux-orange) !important;
  font-size:10px !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-section-head h2,
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-head-row h2 {
  margin-top:3px !important;
  color:var(--ux-ink) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:clamp(24px,3.4vw,34px) !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
}

/* Audiencias: conserva sus tres colores, reduce ornamentación. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-home-audience-card {
  border:0 !important;
  border-radius:20px !important;
  box-shadow:none !important;
  transition:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-home-audience-card:hover {
  transform:none !important;
  box-shadow:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-home-audience-icon {
  background:rgba(255,255,255,.52) !important;
  box-shadow:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-home-audience-copy strong {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-weight:900 !important;
  text-transform:none !important;
}

/* Categorías del home: alegres, limpias y más rápidas de pintar. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-cat {
  min-height:190px !important;
  border:0 !important;
  border-radius:20px !important;
  box-shadow:none !important;
  transition:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-cat:hover {
  transform:none !important;
  box-shadow:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-cat img {
  filter:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-cat strong {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:22px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
  text-transform:none !important;
}

/* Urgentes: mantiene verde/amarillo y reduce el ruido. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-home-today-card {
  border:0 !important;
  border-radius:20px !important;
  box-shadow:none !important;
  transition:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-home-today-card strong {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-weight:900 !important;
  text-transform:none !important;
}

/* Más vendidos: imagen colorida arriba + información blanca abajo, estilo Shop. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product {
  display:grid !important;
  grid-template-rows:minmax(205px,1fr) auto !important;
  min-height:320px !important;
  border:1px solid var(--ux-line) !important;
  border-radius:20px !important;
  background:var(--mb-product-color,var(--ux-yellow)) !important;
  box-shadow:none !important;
  transition:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product:hover {
  transform:none !important;
  box-shadow:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-media {
  position:relative !important;
  inset:auto !important;
  min-height:205px !important;
  padding:12px 12px 4px !important;
  background:transparent !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-media img {
  width:100% !important;
  height:100% !important;
  max-height:205px !important;
  object-fit:contain !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-meta {
  position:relative !important;
  inset:auto !important;
  gap:6px !important;
  margin:0 8px 8px !important;
  padding:12px !important;
  border:0 !important;
  border-radius:15px !important;
  background:#fff !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-title {
  min-height:38px !important;
  color:var(--ux-ink) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:850 !important;
  line-height:1.22 !important;
  letter-spacing:-.015em !important;
  text-transform:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-price {
  color:var(--ux-coral) !important;
  font-size:18px !important;
  font-weight:900 !important;
}

/* Confianza e información: mismas funciones, menos cajas pesadas. */
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-home-trust-grid > article,
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-google,
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-accordions details {
  border:1px solid var(--ux-line) !important;
  border-radius:18px !important;
  box-shadow:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-home-trust-grid > article strong {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-weight:900 !important;
  text-transform:none !important;
}
html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-social-grid img {
  border-radius:16px !important;
  box-shadow:none !important;
}

/* Navegación inferior: conserva enlaces y posiciones; sólo acabado visual. */
html.ubd-modular-ready body#index.ubd-modular-page .ubd-mod-bottom-nav {
  border:1px solid var(--ux-line) !important;
  background:rgba(255,255,255,.985) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:0 7px 22px rgba(24,51,58,.10) !important;
}

/* ======================================================================
   CATEGORÍAS
   ====================================================================== */
html.ubd-category-ready body#category.ubd-modular-page {
  background:#fff !important;
}

/* Shell superior: misma navegación, visual más ligero. */
html.ubd-category-ready body#category.ubd-modular-page .ubd-catalog-shell-header {
  border:1px solid var(--ux-line) !important;
  background:rgba(255,255,255,.99) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:var(--ux-soft-shadow) !important;
}
html.ubd-category-ready body#category.ubd-modular-page :where(.ubd-catalog-shell-menu-button,.ubd-header-search-v1933,.ubd-catalog-shell-cart) {
  box-shadow:none !important;
}

html.ubd-category-ready body#category.ubd-modular-page .ubd-breadcrumb {
  color:var(--ux-muted) !important;
  font-size:11px !important;
}

/* Encabezado de categoría: menos bloque, más producto. */
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-head {
  gap:12px !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero,
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-description {
  border:1px solid var(--ux-line) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero-copy h1,
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-head h1 {
  color:var(--ux-ink) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-weight:900 !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
  text-transform:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero-media {
  border-radius:18px !important;
  background:var(--ux-paper) !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero-media img {
  filter:none !important;
}

/* Selector de intención de entrega: sigue completo, sólo se compacta visualmente. */
html.ubd-category-ready body#category.ubd-modular-page .ubd-delivery-intent-bar {
  border:1px solid rgba(93,160,132,.25) !important;
  border-radius:18px !important;
  background:#EFF7F3 !important;
  box-shadow:none !important;
}

/* Subcategorías: carrusel/tarjetas existentes, colores UBD, menos sombra. */
html.ubd-category-ready body#category.ubd-modular-page .ubd-subcategories {
  border:1px solid var(--ux-line) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-subcategories a {
  border:0 !important;
  box-shadow:none !important;
  transition:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-subcategories .subcategory-image {
  background:rgba(255,255,255,.48) !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-subcategories .subcategory-image img {
  filter:none !important;
}

/* Recomendaciones */
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-showcase {
  border:1px solid var(--ux-line) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-showcase h2 {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-showcase__card {
  box-shadow:none !important;
  transition:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-showcase__media img {
  filter:none !important;
}

/* Barra de productos: todos los controles siguen presentes. */
html.ubd-category-ready body#category.ubd-modular-page .ubd-products-toolbar {
  padding:12px !important;
  border:1px solid var(--ux-line) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-products-assistant {
  border-radius:14px !important;
  background:var(--ux-yellow) !important;
  box-shadow:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-sort :where(.select-title,select) {
  border-color:var(--ux-line) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

/* Grid: conserva 4/3/2 columnas del tema; sólo mejora lectura y peso gráfico. */
html.ubd-category-ready body#category.ubd-modular-page .products.ubd-product-grid {
  gap:14px !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card-wrap {
  min-width:0 !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card {
  min-height:388px !important;
  overflow:hidden !important;
  border:1px solid var(--ux-line) !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:none !important;
  transition:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card:hover {
  transform:none !important;
  box-shadow:none !important;
}

/* El color se conserva en el escenario de la foto, no detrás del texto. */
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image {
  min-height:272px !important;
  padding:6px 6px 0 !important;
  background:var(--card,var(--ux-yellow)) !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image img {
  width:100% !important;
  height:260px !important;
  max-height:none !important;
  object-fit:contain !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card:hover .ubd-product-image img {
  transform:none !important;
}

html.ubd-category-ready body#category.ubd-modular-page .ubd-product-info {
  gap:7px !important;
  margin:0 !important;
  padding:13px 14px 15px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-info h3 {
  min-height:38px !important;
  margin:0 !important;
  color:var(--ux-ink) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:850 !important;
  line-height:1.3 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-price .price {
  color:var(--ux-coral) !important;
  font-size:19px !important;
  font-weight:900 !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-flags li {
  border:1px solid rgba(24,51,58,.06) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:none !important;
}

/* Paginación + navegación inferior */
html.ubd-category-ready body#category.ubd-modular-page .tvcms-all-pagination {
  border-top:1px solid var(--ux-line) !important;
}
html.ubd-category-ready body#category.ubd-modular-page .ubd-catalog-bottom-nav {
  border:1px solid var(--ux-line) !important;
  background:rgba(255,255,255,.985) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:0 7px 22px rgba(24,51,58,.10) !important;
}

/* ======================================================================
   RESPONSIVE
   ====================================================================== */
@media (max-width:767px) {
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-main {
    gap:12px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero {
    padding:7px !important;
    border-radius:22px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero-copy {
    padding:18px 16px !important;
    border-radius:18px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-hero h1 {
    font-size:clamp(36px,11vw,50px) !important;
    line-height:.96 !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito :where(.ubd-mod-categories,.ubd-mod-best,.ubd-home-trust,.ubd-mod-info) {
    padding:15px 11px !important;
    border-radius:20px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-categories .ubd-mod-category-grid {
    gap:9px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-categories .ubd-mod-cat {
    min-height:156px !important;
    padding:11px !important;
    border-radius:17px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-categories .ubd-mod-cat strong {
    font-size:18px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product {
    grid-template-rows:minmax(170px,1fr) auto !important;
    min-height:270px !important;
    border-radius:17px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-media {
    min-height:170px !important;
    padding:9px 7px 2px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-media img {
    max-height:168px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-meta {
    margin:0 6px 6px !important;
    padding:9px !important;
    border-radius:13px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-title {
    min-height:34px !important;
    font-size:12px !important;
  }
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito #mb-home-best-sellers .ubd-mod-product-price {
    font-size:16px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero,
  html.ubd-category-ready body#category.ubd-modular-page .ubd-category-description {
    border-radius:18px !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .ubd-products-toolbar {
    padding:10px !important;
    border-radius:16px !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .products.ubd-product-grid {
    gap:9px !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card {
    min-height:318px !important;
    border-radius:17px !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image {
    min-height:214px !important;
    padding:5px 5px 0 !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image img {
    width:100% !important;
    height:204px !important;
    max-height:none !important;
    object-fit:contain !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-info {
    gap:5px !important;
    padding:10px 9px 11px !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-info h3 {
    min-height:34px !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-price .price {
    font-size:17px !important;
  }
}

@media (min-width:768px) and (max-width:1100px) {
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card {
    min-height:366px !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image {
    min-height:248px !important;
    padding:6px 6px 0 !important;
  }
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image img {
    width:100% !important;
    height:236px !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito *,
  html.ubd-category-ready body#category.ubd-modular-page * {
    scroll-behavior:auto !important;
  }
}


/* --- v1.0.2 / módulo 1.5.0: categoría, foto más protagonista y sin aire superior --- */
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image {
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:0 2px !important;
}

html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image img {
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:scale(1.10) !important;
  transform-origin:center bottom !important;
}

html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card:hover .ubd-product-image img {
  transform:scale(1.10) !important;
}

@media (max-width:767px) {
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card {
    min-height:304px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image {
    height:206px !important;
    min-height:206px !important;
    padding:0 !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image img {
    width:100% !important;
    height:206px !important;
    object-position:center bottom !important;
    transform:scale(1.18) !important;
    transform-origin:center bottom !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card:hover .ubd-product-image img {
    transform:scale(1.18) !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-info {
    padding-top:8px !important;
  }
}

@media (min-width:768px) and (max-width:1100px) {
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image {
    height:248px !important;
    min-height:248px !important;
    padding:0 2px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image img {
    width:100% !important;
    height:248px !important;
    transform:scale(1.13) !important;
    transform-origin:center bottom !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card:hover .ubd-product-image img {
    transform:scale(1.13) !important;
  }
}


/* --- v1.0.3 / módulo 1.5.1: hero de categoría con crop central --- */
html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero-media {
  position:relative !important;
  overflow:hidden !important;
  aspect-ratio:1 / 1 !important;
  min-width:112px !important;
  min-height:112px !important;
  background:var(--ux-paper) !important;
}

html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero-media img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  transform:scale(1.08) !important;
  transform-origin:center center !important;
  filter:none !important;
}

@media (max-width:767px) {
  html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero-media {
    width:116px !important;
    height:116px !important;
    min-width:116px !important;
    min-height:116px !important;
    flex:0 0 116px !important;
    border-radius:20px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero-media img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.10) !important;
  }
}

@media (min-width:768px) {
  html.ubd-category-ready body#category.ubd-modular-page .ubd-category-hero-media {
    width:148px !important;
    height:148px !important;
    flex:0 0 148px !important;
  }
}


/* ======================================================================
   v1.0.4 / módulo 1.6.1
   - Fotos de categoría grandes, pero SIEMPRE contenidas dentro de su ficha.
   - Desktop más cohesivo: módulos agrupados visualmente, sin tocar DOM.
   ====================================================================== */

/* PRODUCTOS DE CATEGORÍA: cerca del borde, nunca recortados ni fuera de ficha. */
html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image {
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:4px !important;
  box-sizing:border-box !important;
}

html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image picture {
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
}

html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image img {
  display:block !important;
  width:96% !important;
  height:96% !important;
  max-width:96% !important;
  max-height:96% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:none !important;
  transform-origin:center bottom !important;
  filter:none !important;
}

html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card:hover .ubd-product-image img {
  transform:none !important;
}

@media (max-width:767px) {
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image {
    height:206px !important;
    min-height:206px !important;
    padding:3px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image img {
    width:97% !important;
    height:97% !important;
    max-width:97% !important;
    max-height:97% !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:none !important;
  }
}

@media (min-width:768px) and (max-width:1100px) {
  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image {
    padding:4px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-image img {
    width:96% !important;
    height:96% !important;
    max-width:96% !important;
    max-height:96% !important;
    transform:none !important;
  }
}

/* DESKTOP: crear continuidad entre secciones sin envolver ni mover módulos. */
@media (min-width:1101px) {
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito {
    background:#fff !important;
  }

  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-main {
    max-width:1280px !important;
    margin:0 auto !important;
    padding:18px !important;
    gap:12px !important;
    border:1px solid rgba(24,51,58,.055) !important;
    border-radius:32px !important;
    background:#f7f9f8 !important;
  }

  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito :where(
    .ubd-mod-hero,
    .ubd-home-audience,
    .ubd-mod-categories,
    .ubd-mod-best,
    .ubd-home-trust,
    .ubd-mod-info
  ) {
    margin:0 !important;
    border:1px solid rgba(24,51,58,.07) !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-home-audience {
    padding:24px 26px !important;
  }

  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito :where(
    .ubd-mod-categories,
    .ubd-mod-best,
    .ubd-home-trust,
    .ubd-mod-info
  ) {
    padding:24px 26px !important;
  }

  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-section-head,
  html.ubd-modular-ready body#index.ubd-modular-page #ubd-modular-bonito .ubd-mod-head-row {
    margin-bottom:18px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-catalog-main {
    max-width:1280px !important;
    margin:0 auto !important;
    padding:18px !important;
    border:1px solid rgba(24,51,58,.055) !important;
    border-radius:32px !important;
    background:#f7f9f8 !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-category-head {
    gap:12px !important;
    margin-bottom:12px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page :where(
    .ubd-category-hero,
    .ubd-category-description,
    .ubd-subcategories,
    .ubd-category-showcase,
    .ubd-products-toolbar
  ) {
    border:1px solid rgba(24,51,58,.07) !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-products-toolbar {
    margin-top:12px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .products.ubd-product-grid {
    gap:12px !important;
    margin-top:12px !important;
  }

  html.ubd-category-ready body#category.ubd-modular-page .ubd-product-card {
    border-color:rgba(24,51,58,.07) !important;
    background:#fff !important;
  }
}