/* ============================================
   COB Frontend CSS v1.9.7
   Réplica Specialized: base 720×720 px, escala vía transform.
   ============================================ */

/* --- Variables --- */
:root {
  --purple-top:    #1b0240;
  --purple-mid:    #260551;
  --purple-bottom: #431158;
  --orange:        #ff9700;
  --orange-dark:   #9b5528;
  --white:         #ffffff;
  --specs-bg:      rgba(96, 35, 89, 0.58);
  --price-bg:      rgba(120, 67, 88, 0.82);

  /* Admin / filtros / modal */
  --cob-primary: #1d4ed8;
  --cob-accent:  #7c3aed;
  --cob-success: #059669;
  --cob-bg:      #f8fafc;
  --cob-text:    #0f172a;
  --cob-muted:   #64748b;
  --cob-border:  #e2e8f0;
  --cob-radius:  14px;
  --cob-shadow:  0 4px 20px rgba(0,0,0,.08);
  --cob-wsp:     #25d366;
}

.cob-catalogo-wrap {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

/* ===========  FILTROS (misma línea visual que la tarjeta)  =========== */
.cob-catalogo-wrap .cob-filters {
  position: relative;
  border: 1.5px solid rgba(255, 151, 0, 0.68);
  border-radius: 13px;
  box-shadow: 0 8px 32px rgba(0,0,0,.28);
  margin-bottom: 36px;
  overflow: hidden;
  background:
    linear-gradient(
      165deg,
      #1b0240 0%,
      #250552 38%,
      #3e1059 68%,
      #6b2a4e 100%
    );
}
.cob-catalogo-wrap .cob-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.17;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='78' viewBox='0 0 90 78'%3E%3Cg fill='none' stroke='%238b6ab8' stroke-width='1'%3E%3Cpath d='M0 20 L28 20 L42 8 L76 8 L90 20'/%3E%3Cpath d='M0 58 L28 58 L42 70 L76 70 L90 58'/%3E%3Cpath d='M28 20 L42 32 L42 46 L28 58'/%3E%3Cpath d='M76 8 L62 20 L62 58 L76 70'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 92px 80px;
}
.cob-catalogo-wrap .cob-filters-inner {
  position: relative;
  z-index: 1;
  padding: 22px 24px 24px;
}
.cob-catalogo-wrap .cob-filter-title {
  font-size: 16px;
  font-weight: 900;
  font-style: italic;
  color: #fff;
  margin: 0 0 18px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.cob-catalogo-wrap .cob-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 18px;
  align-items: flex-end;
}
.cob-catalogo-wrap .cob-filter-group {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 1 1 160px;
}
.cob-catalogo-wrap .cob-filter-group label {
  font-size: 11px;
  font-weight: 800;
  font-style: italic;
  color: rgba(255,255,255,.88);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.cob-catalogo-wrap .cob-filter-group select,
.cob-catalogo-wrap .cob-filter-group input {
  border: 1.5px solid rgba(255, 151, 0, 0.45);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: rgba(96, 35, 89, 0.45);
  outline: none;
  transition: border-color .15s, background .15s, box-shadow .15s;
  width: 100%;
  box-sizing: border-box;
}
.cob-catalogo-wrap .cob-filter-group select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ff9700' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}
.cob-catalogo-wrap .cob-filter-group input::placeholder {
  color: rgba(255,255,255,.45);
}
.cob-catalogo-wrap .cob-filter-group select option {
  color: #1b0240;
  background: #fff;
}
.cob-catalogo-wrap .cob-filter-group select:focus,
.cob-catalogo-wrap .cob-filter-group input:focus {
  border-color: rgba(255, 151, 0, 0.95);
  background: rgba(96, 35, 89, 0.62);
  box-shadow: 0 0 0 2px rgba(255, 151, 0, 0.2);
}
.cob-catalogo-wrap .cob-btn-primary,
.cob-catalogo-wrap .cob-btn-outline {
  height: 44px;
  padding: 0 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 800;
  font-style: italic;
  cursor: pointer;
  border: 2px solid transparent;
  transition: opacity .15s, transform .15s, border-color .15s, background .15s;
  align-self: flex-end;
  text-transform: uppercase;
  font-family: inherit;
}
.cob-catalogo-wrap .cob-btn-primary {
  background: var(--orange);
  color: #fff;
  box-shadow: 0 2px 0 rgba(0,0,0,0.12);
}
.cob-catalogo-wrap .cob-btn-primary:hover {
  opacity: .92;
  transform: scale(1.02);
}
.cob-catalogo-wrap .cob-btn-outline {
  background: rgba(255,255,255,.08);
  border-color: rgba(255, 151, 0, 0.55);
  color: rgba(255,255,255,.92);
}
.cob-catalogo-wrap .cob-btn-outline:hover {
  background: rgba(255,255,255,.14);
  border-color: var(--orange);
  color: #fff;
}

/* ===========  GRID (máx. 2 columnas en escritorio)  =========== */
.cob-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
}
.cob-catalogo-wrap .cob-no-results {
  grid-column: 1 / -1;
  text-align: center;
  color: rgba(255,255,255,.75);
  padding: 48px 20px;
  font-size: 15px;
  font-weight: 600;
  font-style: italic;
  background: var(--specs-bg);
  border: 1.5px solid rgba(255, 151, 0, 0.45);
  border-radius: 13px;
}

.cob-catalogo-wrap .cob-pagination {
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
}
.cob-catalogo-wrap .cob-pagination__nav .page-numbers {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cob-catalogo-wrap .cob-pagination__nav .page-numbers li {
  margin: 0;
  padding: 0;
}
.cob-catalogo-wrap .cob-pagination__nav a.page-numbers,
.cob-catalogo-wrap .cob-pagination__nav span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  text-decoration: none;
  color: rgba(255,255,255,.92);
  background: rgba(96, 35, 89, 0.45);
  border: 1.5px solid rgba(255, 151, 0, 0.45);
  transition: background .15s, border-color .15s, color .15s;
}
.cob-catalogo-wrap .cob-pagination__nav a.page-numbers:hover {
  background: rgba(255, 151, 0, 0.2);
  border-color: var(--orange);
  color: #fff;
}
.cob-catalogo-wrap .cob-pagination__nav span.page-numbers.current {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
}
.cob-catalogo-wrap .cob-pagination__nav span.page-numbers.dots {
  background: transparent;
  border-color: transparent;
  min-width: auto;
  padding: 8px 4px;
  color: rgba(255,255,255,.55);
}

/* ===========  TARJETA SHORTCODE (marco transparente = mismo fondo que la página)  =========== */
.cob-catalogo-wrap .frame.cob-banner-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: transparent;
  box-sizing: border-box;
}

.cob-catalogo-wrap .banner.cob-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 720px;
  height: 720px;
  /* visible: la itálica del título y el ::after salen del box 720 sin cortarse */
  overflow: visible;
  transform-origin: 0 0;
  cursor: pointer;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  background: linear-gradient(
    180deg,
    #1b0240 0%,
    #250552 44%,
    #3e1059 72%,
    #ce7651 100%
  );
  box-sizing: border-box;
}

.cob-catalogo-wrap .banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.19;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='78' viewBox='0 0 90 78'%3E%3Cg fill='none' stroke='%238b6ab8' stroke-width='1'%3E%3Cpath d='M0 20 L28 20 L42 8 L76 8 L90 20'/%3E%3Cpath d='M0 58 L28 58 L42 70 L76 70 L90 58'/%3E%3Cpath d='M28 20 L42 32 L42 46 L28 58'/%3E%3Cpath d='M76 8 L62 20 L62 58 L76 70'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 92px 80px;
  pointer-events: none;
}

.cob-catalogo-wrap .banner::after {
  content: "";
  position: absolute;
  left: -70px;
  bottom: -92px;
  width: 920px;
  height: 290px;
  z-index: 0;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) 0%,
    rgba(175,72,77,0.28) 40%,
    rgba(220,123,78,0.72) 100%
  );
  transform: rotate(-7deg);
  pointer-events: none;
}

.cob-catalogo-wrap .title {
  position: absolute;
  top: 96px;
  /* 23px + 16px padding ≈ 39px de la maqueta; el padding evita cortar itálicas */
  left: 23px;
  z-index: 6;
  color: var(--white);
  font-size: 42px;
  line-height: 1;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -1.8px;
  text-transform: uppercase;
  margin: 0;
  padding: 0 6px 0 16px;
  border: 0;
  background: none;
  box-sizing: border-box;
  max-width: calc(100% - 28px);
}

.cob-catalogo-wrap .title-line {
  position: absolute;
  top: 145px;
  left: 38px;
  z-index: 6;
  width: 300px;
  height: 3px;
  background: #94582a;
}

.cob-catalogo-wrap .poly-shadow,
.cob-catalogo-wrap .poly-card {
  position: absolute;
  overflow: hidden;
}
.cob-catalogo-wrap .poly-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
}

.cob-catalogo-wrap .main-shadow {
  left: 41px;
  top: 235px;
  width: 575px;
  height: 287px;
  z-index: 2;
  background: var(--orange-dark);
  clip-path: path("M 123 0 Q 137 0 151 0 L 515 0 Q 538 0 551 17 L 575 49 Q 580 57 580 70 L 580 157 Q 580 177 565 192 L 481 276 Q 470 287 451 287 L 50 287 Q 30 287 17 274 L 5 262 Q 0 256 0 244 L 0 132 Q 0 118 10 108 L 108 12 Q 114 6 123 0 Z");
}

.cob-catalogo-wrap .main-card {
  left: 43px;
  top: 217px;
  width: 563px;
  height: 286px;
  z-index: 3;
  background: #fff;
  clip-path: path("M 118 0 Q 132 0 146 0 L 501 0 Q 524 0 537 17 L 560 48 Q 563 54 563 68 L 563 157 Q 563 177 549 191 L 469 274 Q 457 286 438 286 L 47 286 Q 28 286 15 273 L 5 263 Q 0 257 0 244 L 0 132 Q 0 118 10 108 L 103 12 Q 110 5 118 0 Z");
}
.cob-catalogo-wrap .main-card img { object-fit: cover; object-position: center center; }

.cob-catalogo-wrap .top-shadow {
  right: 55px;
  top: 111px;
  width: 202px;
  height: 103px;
  z-index: 2;
  background: var(--orange-dark);
  clip-path: path("M 48 0 Q 58 0 68 0 L 169 0 Q 183 0 191 9 L 202 21 Q 206 27 202 36 L 202 61 Q 202 73 193 81 L 174 98 Q 168 103 156 103 L 19 103 Q 8 103 3 96 L 0 92 Q -3 84 0 75 L 0 43 Q 0 32 8 25 L 38 5 Q 42 2 48 0 Z");
}

.cob-catalogo-wrap .top-card {
  right: 58px;
  top: 101px;
  width: 194px;
  height: 102px;
  z-index: 3;
  background: #fff;
  clip-path: path("M 46 0 Q 56 0 66 0 L 162 0 Q 176 0 184 9 L 194 21 Q 198 27 194 36 L 194 61 Q 194 72 185 80 L 168 96 Q 162 102 150 102 L 18 102 Q 8 102 3 96 L 0 91 Q -2 84 0 75 L 0 43 Q 0 32 8 25 L 36 5 Q 40 2 46 0 Z");
}
.cob-catalogo-wrap .top-card img { object-fit: cover; object-position: 63% 31%; }

.cob-catalogo-wrap .bottom-shadow {
  right: 50px;
  top: 532px;
  width: 203px;
  height: 70px;
  z-index: 3;
  background: var(--orange-dark);
  clip-path: path("M 34 0 Q 44 0 55 0 L 169 0 Q 181 0 188 8 L 202 25 Q 207 33 202 43 L 181 63 Q 174 70 160 70 L 21 70 Q 9 70 4 64 L 0 59 Q -3 52 0 44 L 0 27 Q 0 17 8 11 L 26 3 Q 30 1 34 0 Z");
}

.cob-catalogo-wrap .bottom-card {
  right: 54px;
  top: 520px;
  width: 197px;
  height: 72px;
  z-index: 4;
  background: #fff;
  clip-path: path("M 33 0 Q 43 0 54 0 L 163 0 Q 176 0 183 8 L 197 25 Q 201 33 197 42 L 176 65 Q 169 72 155 72 L 20 72 Q 9 72 4 66 L 0 60 Q -2 53 0 45 L 0 27 Q 0 17 8 11 L 25 3 Q 29 1 33 0 Z");
}
.cob-catalogo-wrap .bottom-card img { object-fit: cover; object-position: 60% 67%; }

.cob-catalogo-wrap .cta {
  position: absolute;
  left: 221px;
  top: 497px;
  z-index: 8;
  width: 145px;
  height: 44px;
  border-radius: 12px;
  background: var(--orange);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  box-shadow: 0 2px 0 rgba(0,0,0,0.12);
  cursor: pointer;
  font-family: inherit;
  transition: opacity .15s;
}
.cob-catalogo-wrap .cta:hover { opacity: .9; }

.cob-catalogo-wrap .specs {
  position: absolute;
  left: 61px;
  top: auto;
  bottom: 92px;
  z-index: 6;
  width: 385px;
  max-width: calc(100% - 72px);
  min-height: 76px;
  max-height: 108px;
  height: auto;
  padding: 8px 12px 9px;
  border: 1.5px solid rgba(255, 151, 0, 0.68);
  border-radius: 13px;
  background: var(--specs-bg);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 151, 0, 0.5) rgba(0, 0, 0, 0.15);
}
.cob-catalogo-wrap .specs p {
  color: #fff;
  font-size: 10.5px;
  line-height: 1.38;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin: 0 0 3px;
}
.cob-catalogo-wrap .specs p:last-child {
  margin-bottom: 0;
}
.cob-catalogo-wrap .specs::-webkit-scrollbar {
  width: 5px;
}
.cob-catalogo-wrap .specs::-webkit-scrollbar-thumb {
  background: rgba(255, 151, 0, 0.45);
  border-radius: 4px;
}

.cob-catalogo-wrap .price {
  position: absolute;
  left: 65px;
  bottom: 31px;
  z-index: 6;
  min-width: 195px;
  height: 51px;
  padding: 0 14px;
  border-radius: 12px;
  background: var(--price-bg);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 31px;
  line-height: 1;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -1.2px;
}

.cob-catalogo-wrap .brand {
  position: absolute;
  right: 37px;
  bottom: 28px;
  z-index: 6;
  width: 145px;
  height: 70px;
}
.cob-catalogo-wrap .brand-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: brightness(1.2) drop-shadow(0 2px 6px rgba(0,0,0,.6));
}
.cob-catalogo-wrap .brand-icon {
  position: relative;
  width: 62px;
  height: 42px;
  margin: 0 auto -1px;
}
.cob-catalogo-wrap .brand-bar {
  position: absolute;
  left: 28px;
  top: 8px;
  width: 7px;
  height: 32px;
  border-radius: 9px;
  background: var(--orange);
}
.cob-catalogo-wrap .ring {
  position: absolute;
  border-radius: 50%;
  background: transparent;
}
.cob-catalogo-wrap .ring.white { border: 5px solid #fff; }
.cob-catalogo-wrap .ring.orange { border: 5px solid var(--orange); }
.cob-catalogo-wrap .brand-icon .r1 { width: 17px; height: 17px; left: 3px;  top: 21px; }
.cob-catalogo-wrap .brand-icon .r2 { width: 17px; height: 17px; right: 3px; top: 21px; }
.cob-catalogo-wrap .brand-icon .r3 { width: 14px; height: 14px; left: 24px; top: 0; }
.cob-catalogo-wrap .brand-icon .r4 { width: 16px; height: 16px; left: 23px; bottom: 0; }
.cob-catalogo-wrap .brand-text {
  color: #fff;
  text-align: center;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -1.4px;
}
.cob-catalogo-wrap .brand-text span { color: var(--orange); font-weight: 500; }

/* ===========  MODAL + POPUP (misma línea visual que la tarjeta)  =========== */
.cob-modal-overlay {
  position: fixed; inset: 0;
  background: rgba(15,23,42,.72);
  z-index: 99999;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  backdrop-filter: blur(6px);
  animation: cobFadeIn .2s ease;
}
@keyframes cobFadeIn { from { opacity: 0; } to { opacity: 1; } }
.cob-modal {
  background: transparent;
  border-radius: 18px;
  max-width: 560px;
  width: 100%;
  max-height: 92vh;
  overflow: visible;
  position: relative;
  box-shadow: 0 28px 80px rgba(0,0,0,.45);
  animation: cobSlideUp .22s ease;
}
@keyframes cobSlideUp {
  from { transform: translateY(28px); opacity: 0; }
  to   { transform: none; opacity: 1; }
}
.cob-modal-close {
  position: absolute; top: 10px; right: 10px;
  background: rgba(255,255,255,.94);
  border: none; border-radius: 50%;
  width: 36px; height: 36px; font-size: 17px; cursor: pointer;
  z-index: 10; display: flex; align-items: center; justify-content: center;
  transition: background .15s, transform .15s;
  color: #1b0240;
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.cob-modal-close:hover { background: #fff; transform: scale(1.05); }

/* Contenido AJAX: video + WhatsApp */
.cob-popup {
  position: relative;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  border-radius: 18px;
  overflow: hidden;
  padding: 28px 22px 24px;
  background:
    linear-gradient(
      180deg,
      #1b0240 0%,
      #250552 44%,
      #3e1059 72%,
      #ce7651 100%
    );
  box-sizing: border-box;
}
.cob-popup::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.19;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='78' viewBox='0 0 90 78'%3E%3Cg fill='none' stroke='%238b6ab8' stroke-width='1'%3E%3Cpath d='M0 20 L28 20 L42 8 L76 8 L90 20'/%3E%3Cpath d='M0 58 L28 58 L42 70 L76 70 L90 58'/%3E%3Cpath d='M28 20 L42 32 L42 46 L28 58'/%3E%3Cpath d='M76 8 L62 20 L62 58 L76 70'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 92px 80px;
}
.cob-popup::after {
  content: "";
  position: absolute;
  left: -40px;
  bottom: -60px;
  width: 120%;
  height: 160px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) 0%,
    rgba(175,72,77,0.22) 45%,
    rgba(220,123,78,0.55) 100%
  );
  transform: rotate(-7deg);
}
.cob-popup-stack {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.cob-popup-empty {
  position: relative;
  z-index: 1;
  margin: 0;
  text-align: center;
  color: rgba(255,255,255,.92);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  padding: 8px 4px;
}
.cob-popup-video { margin: 0; }
.cob-popup-video-frame {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 13px;
  border: 1.5px solid rgba(255, 151, 0, 0.68);
  box-shadow: 0 4px 24px rgba(0,0,0,.25);
  background: #000;
}
.cob-popup-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.cob-popup-video-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 20px;
  border-radius: 12px;
  background: var(--orange);
  color: #fff !important;
  font-size: 17px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 2px 0 rgba(0,0,0,0.12);
  transition: opacity .15s, transform .15s;
}
.cob-popup-video-link:hover { opacity: .92; transform: scale(1.02); color: #fff !important; }
.cob-popup-wsp {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 22px;
  border-radius: 12px;
  background: var(--cob-wsp);
  color: #fff !important;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 2px 0 rgba(0,0,0,0.12);
  transition: opacity .15s, transform .15s;
}
.cob-popup-wsp:hover { opacity: .92; transform: scale(1.02); color: #fff !important; }

/* ===========  RESPONSIVE  =========== */
@media (max-width: 768px) {
  .cob-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  /* Filtros móvil: cuatro campos 2×2 y botones Buscar | Limpiar en la misma fila */
  .cob-catalogo-wrap .cob-filter-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    align-items: stretch;
  }
  .cob-catalogo-wrap .cob-filter-group {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .cob-catalogo-wrap .cob-filter-group label {
    text-align: left;
    align-self: flex-start;
    width: 100%;
  }
  .cob-catalogo-wrap .cob-filter-group select,
  .cob-catalogo-wrap .cob-filter-group input {
    text-align: left;
    width: 100%;
    max-width: 100%;
  }
  .cob-catalogo-wrap .cob-filter-row .cob-btn-primary,
  .cob-catalogo-wrap .cob-filter-row .cob-btn-outline {
    width: 100%;
    max-width: none;
    justify-content: center;
    align-self: stretch;
  }
}
@media (max-width: 640px) {
  .cob-popup { padding: 26px 16px 20px; }
  .cob-popup-stack { gap: 18px; }
}
@media (max-width: 480px) {
  .cob-catalogo-wrap .cob-filters-inner { padding: 16px 18px 18px; }
  .cob-catalogo-wrap .cob-filter-group select,
  .cob-catalogo-wrap .cob-filter-group input { font-size: 16px; }
}

/* Vista previa en post.php / post-new.php (bicicleta) */
.cob-admin-card-preview {
  margin: 4px 0 16px;
  padding: 16px;
  background: #f6f7f7;
  border: 1px solid #c3c4c7;
  border-radius: 4px;
}
.cob-admin-card-preview .cob-grid {
  max-width: 720px;
  margin: 0 auto;
  grid-template-columns: 1fr;
  gap: 0;
}
.cob-admin-card-preview .cob-admin-card-preview__hint {
  margin: 0 0 12px;
  color: #50575e;
  font-size: 13px;
}