/* ============================================================
   /menaje y /mobiliario — CSS COPIADO del plugin del cliente
   `blossom-catalog-pages` (reglas `.bcp-*` que el WordPress imprime inline).

   Se replica 1:1 para que el diseño sea el del original: rejilla de 6 columnas,
   imagen de 80 px (`--bcp-image`), tarjeta sin caja, nombre en Montserrat 600 y
   "Ver categoría →" que aparece al pasar el ratón. El único cambio es el scope:
   en el original cada instancia usa `.bcp-front-<pagina>-N-<hash>`; aquí se usa la
   clase común `.bcp-catalog-page` que ya trae la sección.
   ============================================================ */

.bcp-catalog-page { --bcp-bg:#ffffff;--bcp-title:#1a1a1a;--bcp-text:#1a1a1a;--bcp-accent:#94429f;--bcp-image:80px;background:var(--bcp-bg);padding:clamp(52px,8vw,112px) clamp(14px,3vw,28px);color:var(--bcp-text);overflow:hidden }
.bcp-catalog-page * { box-sizing:border-box }
.bcp-catalog-page .bcp-catalog-wrap { width:min(1200px,100%);margin:0 auto }
.bcp-catalog-page .bcp-catalog-header { text-align:center;margin:0 0 clamp(34px,5vw,56px) }
.bcp-catalog-page .bcp-catalog-header h1,
.bcp-catalog-page .bcp-catalog-header h2 { margin:0;color:var(--bcp-title);font-family:inherit;font-size:clamp(32px,5vw,54px);font-weight:600;line-height:1.1;text-wrap:balance }
.bcp-catalog-page .bcp-catalog-header p { max-width:760px;margin:16px auto 0;color:color-mix(in srgb,var(--bcp-text) 68%,transparent);font-size:clamp(14px,1.5vw,16px);line-height:1.7;text-wrap:pretty }
.bcp-catalog-page .bcp-catalog-grid { display:grid;grid-template-columns:repeat(6,minmax(min(128px,100%),1fr));column-gap:clamp(12px,2vw,22px);row-gap:clamp(28px,49px,72px);align-items:start }
.bcp-catalog-page .bcp-catalog-card { display:flex;min-width:0;flex-direction:column;align-items:center;gap:13px;text-align:center;color:var(--bcp-text)!important;text-decoration:none!important;padding:10px 7px 12px;border:1px solid transparent;border-radius:16px;transition:transform .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease }
.bcp-catalog-page .bcp-catalog-card:hover,.bcp-catalog-page .bcp-catalog-card:focus-visible { transform:translateY(-5px);color:var(--bcp-accent)!important;background:color-mix(in srgb,var(--bcp-accent) 6%,transparent);border-color:color-mix(in srgb,var(--bcp-accent) 18%,transparent);box-shadow:0 14px 34px color-mix(in srgb,var(--bcp-accent) 10%,transparent);outline:none }
.bcp-catalog-page .bcp-catalog-image { display:flex;width:min(var(--bcp-image),100%);aspect-ratio:1/1;height:auto;align-items:center;justify-content:center;overflow:hidden;border-radius:14px }
.bcp-catalog-page .bcp-catalog-image img { width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s ease }
.bcp-catalog-page .bcp-catalog-card:hover img,.bcp-catalog-page .bcp-catalog-card:focus-visible img { transform:scale(1.07) }
.bcp-catalog-page .bcp-catalog-placeholder { width:100%;height:100%;border:1px dashed color-mix(in srgb,var(--bcp-text) 28%,transparent);border-radius:12px }
.bcp-catalog-page .bcp-catalog-content { display:flex;min-width:0;width:100%;flex-direction:column;align-items:center;gap:6px }
.bcp-catalog-page .bcp-catalog-content strong { max-width:100%;font-family:Montserrat,Arial,sans-serif;font-size:clamp(.78rem,1.2vw,.92rem);font-weight:600;line-height:1.38;overflow-wrap:anywhere;text-wrap:balance }
.bcp-catalog-page .bcp-catalog-content small { display:-webkit-box;max-width:220px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:12px;font-weight:400;line-height:1.45;color:color-mix(in srgb,var(--bcp-text) 64%,transparent) }
.bcp-catalog-page .bcp-catalog-content em { font-size:11px;font-style:normal;color:var(--bcp-accent) }
.bcp-catalog-page .bcp-card-shortcut { display:inline-flex;align-items:center;gap:5px;max-height:0;overflow:hidden;opacity:0;transform:translateY(4px);font-size:11px;font-weight:700;color:var(--bcp-accent);transition:max-height .22s ease,opacity .22s ease,transform .22s ease }
.bcp-catalog-page .bcp-catalog-card:hover .bcp-card-shortcut,.bcp-catalog-page .bcp-catalog-card:focus-visible .bcp-card-shortcut { max-height:22px;opacity:1;transform:none }
.bcp-catalog-page .bcp-catalog-empty { text-align:center;margin:0 }
@media(max-width:1024px) {
  .bcp-catalog-page .bcp-catalog-grid { grid-template-columns:repeat(3,minmax(min(132px,100%),1fr)) }
}
@media(max-width:1024px) {
  .bcp-catalog-page .bcp-catalog-image { width:min(var(--bcp-image),22vw) }
}
@media(max-width:640px) {
  .bcp-catalog-page { padding-inline:14px }
}
@media(max-width:640px) {
  .bcp-catalog-page .bcp-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:24px }
}
@media(max-width:640px) {
  .bcp-catalog-page .bcp-catalog-card { padding:8px 4px 10px;border-radius:12px }
}
@media(max-width:640px) {
  .bcp-catalog-page .bcp-catalog-image { width:clamp(68px,25vw,min(var(--bcp-image),118px));border-radius:11px }
}
@media(max-width:640px) {
  .bcp-catalog-page .bcp-catalog-content strong { font-size:.8rem }
}
@media(max-width:640px) {
  .bcp-catalog-page .bcp-catalog-content small { -webkit-line-clamp:2;font-size:11px }
}
@media(max-width:640px) {
  .bcp-catalog-page .bcp-card-shortcut { max-height:18px;opacity:1;transform:none;font-size:10px }
}
@media(max-width:380px) {
  .bcp-catalog-page .bcp-catalog-grid { grid-template-columns:1fr }
}
@media(max-width:380px) {
  .bcp-catalog-page .bcp-catalog-image { width:min(var(--bcp-image),132px) }
}
@media(max-width:380px) {
  .bcp-catalog-page .bcp-catalog-content strong { font-size:.9rem }
}
@media(hover:none) {
  .bcp-catalog-page .bcp-catalog-card:active { transform:scale(.98) }
}
@media(hover:none) {
  .bcp-catalog-page .bcp-card-shortcut { max-height:18px;opacity:1;transform:none }
}
@media(prefers-reduced-motion:reduce) {
  .bcp-catalog-page .bcp-catalog-card,.bcp-catalog-page .bcp-catalog-image img,.bcp-catalog-page .bcp-card-shortcut { transition:none!important }
}
@supports not (color:color-mix(in srgb,#000 50%,transparent)) {
  .bcp-catalog-page .bcp-catalog-header p,.bcp-catalog-page .bcp-catalog-content small { opacity:.68 }
}
@supports not (color:color-mix(in srgb,#000 50%,transparent)) {
  .bcp-catalog-page .bcp-catalog-card:hover,.bcp-catalog-page .bcp-catalog-card:focus-visible { background:rgba(148,66,159,.06) }
}
