/* Hydra Workshop — auditoria, ronda 01 — 2026-10-18 */
/* Componentes acotados; conserva el CSS personalizado del menu existente. */
#product .blockreassurance_product p,
#product .blockreassurance_product .block-title {
  font-size: .875rem;
  line-height: 1.5;
}
.blockreassurance_product .hydra-reassurance-link {
  display: flex; flex-wrap: wrap; align-items: center; width: 100%;
  color: inherit; text-decoration: none;
}
.blockreassurance_product .hydra-reassurance-link p { margin-bottom: 0; }
.blockreassurance_product .hydra-reassurance-link:focus-visible,
.pos-search .pos-search__submit:focus-visible {
  outline: 3px solid #7336b5; outline-offset: 3px;
}
body .js-product-miniature .product_desc .product_name.product_name {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
  white-space: normal; overflow: hidden; text-overflow: ellipsis;
  line-height: 1.4; min-height: 4.2em; overflow-wrap: anywhere;
}
/* Solo miniaturas de catalogo/carrusel, nunca galeria ni lineas del carrito. */
body .js-product-miniature .img_block { aspect-ratio: 4 / 3; height: auto; padding-bottom: 0; }
body .js-product-miniature .img_block a.product-thumbnail {
  display: block; position: relative; width: 100%; height: auto;
  aspect-ratio: 4 / 3; padding: 0; overflow: hidden;
}
body .js-product-miniature .img_block a.product-thumbnail img {
  width: 100%; height: 100%; object-fit: contain;
}
/* Blog: ninguna etiqueta o titulo se coloca sobre la imagen. */
body .post-item.design-2 .post-content,
body .post-item.design-4 .post-inner {
  position: static; inset: auto; transform: none; background: #fff; color: #323232;
  padding: 1rem 0; width: auto;
}
body .post-item.design-4 .post-content { padding: 0; }
body .post-item .post-content .post-category { display: inline-block; margin: 0 .5rem .5rem 0; }
body .post-item .post-content .post-category a {
  position: static; display: inline-block; white-space: normal;
  overflow-wrap: anywhere; line-height: 1.5; margin-bottom: 0;
}
body .post-item .post-content .post-title.post-title {
  display: block; white-space: normal; overflow: visible;
  text-overflow: clip; line-height: 1.4; overflow-wrap: anywhere;
}
body .post-item .post-image > a { display: block; }
body .post-item .post-image .img-placeholder {
  aspect-ratio: 4 / 3; height: auto; padding-bottom: 0; overflow: hidden;
}
body .post-item .post-image .img-placeholder img {
  display: block; width: 100%; height: 100%; object-fit: contain;
}
#category #wrapper .page-title-wrapper {
  isolation: isolate; padding: clamp(24px, 4vw, 48px) 0;
  margin-bottom: 32px; background-position: center !important;
}
#category #wrapper .page-title-wrapper::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: rgba(19, 10, 30, .72); pointer-events: none;
}
#category #wrapper .page-title-wrapper .page-header h1,
#category #wrapper .page-title-wrapper .breadcrumb,
#category #wrapper .page-title-wrapper .breadcrumb li,
#category #wrapper .page-title-wrapper .breadcrumb a,
#category #wrapper .page-title-wrapper .breadcrumb li::after { color: #fff; }
#category #wrapper .page-title-wrapper .breadcrumb a:hover { text-decoration: underline; }
@media (max-width: 767px) {
  body .post-item.design-3 { display: block; }
  body .post-item.design-3 .post-image { width: 100% !important; max-width: none; }
  body .post-item.design-3 .post-content { padding: 1rem 0; }
}