:root { --pq-navy: #0B2545; --pq-blue: #0550A8; --pq-gray-100: #F4F4F5; --pq-gray-200: #E4E4E7; --pq-gray-400: #A1A1AA; --pq-gray-600: #52525B; }
.proacua-wrap { font-family: 'DM Sans', sans-serif; color: var(--pq-navy); padding: 32px 0 48px; }
.proacua-filtros { background: #fff; border-radius: 16px; padding: 24px 28px; border: 1px solid var(--pq-gray-200); margin-bottom: 20px; }
.proacua-filtros-grid { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; }
.proacua-filtro-group { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 140px; }
.proacua-filtro-group.proacua-busqueda { flex: 2; min-width: 200px; }
.proacua-filtro-group label { font-size: 11px; font-weight: 700; color: var(--pq-gray-600); letter-spacing: 0.8px; text-transform: uppercase; }
.proacua-filtros input[type="text"], .proacua-filtros select { border: 1.5px solid var(--pq-gray-200) !important; border-radius: 8px !important; padding: 10px 14px !important; font-size: 14px !important; font-family: inherit !important; color: var(--pq-navy) !important; background: var(--pq-gray-100) !important; outline: none !important; box-shadow: none !important; width: 100% !important; height: auto !important; }
.proacua-filtros input:focus, .proacua-filtros select:focus { border-color: var(--pq-blue) !important; background: #fff !important; }
.proacua-filtro-actions { display: flex; gap: 8px; align-items: flex-end; min-width: 160px; }
.proacua-btn-filtrar { flex: 1; padding: 10px 18px; background: var(--pq-navy); color: #fff; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit; }
.proacua-btn-filtrar:hover { background: var(--pq-blue); }
.proacua-btn-limpiar { padding: 10px 14px; background: transparent; color: var(--pq-gray-600); border: 1.5px solid var(--pq-gray-200); border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; display: inline-flex; align-items: center; }
.proacua-btn-limpiar:hover { border-color: var(--pq-navy); color: var(--pq-navy); text-decoration: none; }
.proacua-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--pq-gray-200); }
.proacua-chip { padding: 6px 16px; border-radius: 100px; border: 1.5px solid var(--pq-gray-200); background: #fff; font-size: 13px; font-weight: 500; color: var(--pq-gray-600); text-decoration: none; display: inline-block; }
.proacua-chip:hover { border-color: var(--pq-blue); color: var(--pq-blue); text-decoration: none; }
.proacua-chip.active { background: var(--pq-navy); border-color: var(--pq-navy); color: #fff; }
.proacua-meta-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 0 4px; }
.proacua-count { font-size: 14px; color: var(--pq-gray-600); }
.proacua-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }
.proacua-card { background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid var(--pq-gray-200); transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; display: flex; flex-direction: column; text-decoration: none !important; color: inherit !important; }
.proacua-card:hover { transform: translateY(-4px); box-shadow: 0 8px 40px rgba(11,37,69,0.14); border-color: transparent; }
.proacua-card-img { position: relative; height: 180px; overflow: hidden; background: #F0F4FB; display: flex; align-items: center; justify-content: center; }
.proacua-thumb { width: 100%; height: 100%; object-fit: contain; display: block; }
.proacua-no-img { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
.proacua-no-img svg { width: 40px; height: 40px; opacity: 0.4; }
.proacua-no-img span { font-size: 12px; color: var(--pq-gray-400); }
.proacua-badge { position: absolute; top: 10px; right: 10px; padding: 3px 10px; border-radius: 100px; font-size: 11px; font-weight: 700; }
.proacua-badge-rx { background: #FEF3C7; color: #92400E; }
.proacua-badge-otc { background: #D1FAE5; color: #065F46; }
.proacua-badge-gen { background: #DBEAFE; color: #1E3A8A; }
.proacua-card-body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 5px; flex: 1; }
.proacua-fabricante { font-size: 11px; font-weight: 700; color: var(--pq-blue); letter-spacing: 0.5px; text-transform: uppercase; }
.proacua-card-title { font-size: 15px; font-weight: 600; color: var(--pq-navy); line-height: 1.3; margin: 0 !important; }
.proacua-principio { font-size: 12px; color: var(--pq-gray-600); margin: 0 !important; }
.proacua-card-footer { display: flex; gap: 6px; flex-wrap: wrap; margin-top: auto; padding-top: 10px; }
.proacua-cat-tag, .proacua-presentacion { font-size: 11px; padding: 3px 8px; border-radius: 4px; background: var(--pq-gray-100); color: var(--pq-gray-600); font-weight: 500; }
.proacua-sin-resultados { text-align: center; padding: 80px 24px; color: var(--pq-gray-400); }
.proacua-sin-resultados svg { width: 48px; height: 48px; margin: 0 auto 16px; display: block; opacity: 0.4; }
.proacua-sin-resultados h3 { font-size: 18px; font-weight: 600; color: var(--pq-gray-600); margin: 0 0 10px !important; }
.proacua-sin-resultados p { font-size: 14px; margin: 0 !important; }
.proacua-sin-resultados a { color: var(--pq-blue); font-weight: 500; }
@media (max-width: 768px) {
  .proacua-filtros { padding: 18px; }
  .proacua-filtro-group { min-width: 100%; }
  .proacua-filtro-actions { width: 100%; }
  .proacua-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
  .proacua-card-img { height: 140px; }
}
@media (max-width: 480px) { .proacua-grid { grid-template-columns: 1fr 1fr; } }