/* ============================================================================
   ANUNCIOS — REDISEÑO COMPLETO PREMIUM (oscuro, responsive)
   Estructura nueva .clx-* (hero, categorías, layout) + tarjetas/categorías que
   genera el JS (cls-card / cls-cat-card). Se carga DESPUÉS de classifieds.css.
   ============================================================================ */

/* ---- 1) Paleta OSCURA premium fija (toda la sección la hereda: topbar, banner,
        filtros, tarjetas...). Doble .cls para ganar al [data-theme] del base. ---- */
/* Tokens comunes (no dependen del tema) */
.classifieds-page.cls.cls{
  --clx-primary:#7c5cff;
  --clx-primary2:#6c5ce7;
  --clx-accent:#3b82f6;
  --clx-grad:linear-gradient(135deg,#7c3aed 0%,#6c5ce7 48%,#3b82f6 100%);
  --clx-radius:18px;
}
/* PALETA CLARA (por defecto: respeta el modo claro del tema global) */
.classifieds-page.cls.cls{
  --clx-bg:#f3f5fb;
  --clx-bg2:#eef1f8;
  --clx-card:#ffffff;
  --clx-elev:#f7f9fd;
  --clx-line:#e4e8f1;
  --clx-line2:#d6dbe8;
  --clx-text:#0f172a;
  --clx-dim:#566074;
  --clx-faint:#8a93a8;
  --clx-shadow:0 12px 30px -16px rgba(15,23,42,.22);
  --clx-shadow-h:0 22px 46px -18px rgba(108,92,231,.35);
  background:
    radial-gradient(1100px 540px at 12% -10%, rgba(124,58,237,.10), transparent 60%),
    radial-gradient(950px 520px at 100% 2%, rgba(59,130,246,.08), transparent 55%),
    var(--clx-bg);
  color:var(--clx-text);
}
/* PALETA OSCURA (cuando el tema global es oscuro) */
[data-theme="dark"] .classifieds-page.cls.cls{
  --clx-bg:#0a0d17;
  --clx-bg2:#0e1320;
  --clx-card:#151b2b;
  --clx-elev:#1b2335;
  --clx-line:rgba(255,255,255,.08);
  --clx-line2:rgba(255,255,255,.14);
  --clx-text:#eef1f8;
  --clx-dim:#9aa3b8;
  --clx-faint:#6b748c;
  --clx-shadow:0 14px 38px -16px rgba(0,0,0,.7);
  --clx-shadow-h:0 26px 56px -20px rgba(108,92,231,.55);
  background:
    radial-gradient(1100px 540px at 12% -10%, rgba(124,58,237,.18), transparent 60%),
    radial-gradient(950px 520px at 100% 2%, rgba(59,130,246,.14), transparent 55%),
    var(--clx-bg);
}
.classifieds-page.cls *{box-sizing:border-box;}

/* ---- 2) HERO compacto, iluminado, profesional ---- */
.classifieds-page.cls .clx-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--clx-grad);}
.classifieds-page.cls .clx-hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:0;}
.classifieds-page.cls .clx-orb-a{width:380px;height:380px;background:#a855f7;top:-160px;left:-80px;}
.classifieds-page.cls .clx-orb-b{width:340px;height:340px;background:#3b82f6;bottom:-180px;right:-60px;}
.classifieds-page.cls .clx-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(10,13,23,.05),rgba(10,13,23,.55));}
.classifieds-page.cls .clx-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:46px 22px 50px;text-align:center;color:#fff;}
.classifieds-page.cls .clx-hero-badge{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;letter-spacing:.02em;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);padding:6px 13px;border-radius:999px;backdrop-filter:blur(6px);margin-bottom:16px;}
.classifieds-page.cls .clx-hero-title{font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px;text-shadow:0 2px 24px rgba(0,0,0,.28);}
.classifieds-page.cls .clx-hero-title span{display:inline-block;background:linear-gradient(90deg,#fde68a,#f0abfc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.classifieds-page.cls .clx-hero-sub{font-size:clamp(.92rem,1.5vw,1.08rem);opacity:.92;margin:0 auto 24px;max-width:540px;line-height:1.5;}
.classifieds-page.cls .clx-searchbar{display:flex;gap:10px;max-width:620px;margin:0 auto;}
.classifieds-page.cls .clx-search-field{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:0 16px;box-shadow:0 18px 46px -18px rgba(0,0,0,.6);}
.classifieds-page.cls .clx-search-field i{color:#6c5ce7;}
.classifieds-page.cls .clx-search-field input{flex:1;border:none;outline:none;background:none;font-size:1rem;color:#0f1320;padding:15px 0;}
.classifieds-page.cls .clx-search-field input::placeholder{color:#8b93a7;}
.classifieds-page.cls .clx-search-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;border-radius:14px;padding:0 26px;font-weight:700;font-size:.98rem;color:#fff;background:#0f1320;transition:transform .15s,background .2s;}
.classifieds-page.cls .clx-search-btn:hover{transform:translateY(-2px);background:#1a2030;}
.classifieds-page.cls .clx-hero-publish{margin-top:16px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.36);color:#fff;padding:11px 22px;border-radius:999px;font-weight:700;font-size:.92rem;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s,transform .15s;}
.classifieds-page.cls .clx-hero-publish:hover{background:rgba(255,255,255,.26);transform:translateY(-2px);}

/* ---- 3) Contenedor general (ANCHO COMPLETO de pantalla) ---- */
.classifieds-page.cls .clx-wrap{width:100%;max-width:none;margin:0;padding:0 clamp(16px,2.6vw,40px) 70px;}
.classifieds-page.cls .clx-section-title{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;color:var(--clx-text);margin:0;}

/* ---- 4) CATEGORÍAS en tira horizontal (compactas, modernas) ---- */
.classifieds-page.cls .clx-cats{padding:28px 0 8px;}
.classifieds-page.cls .clx-cats-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.classifieds-page.cls .clx-cats-strip{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;}
.classifieds-page.cls .clx-cats-strip::-webkit-scrollbar{height:6px;}
.classifieds-page.cls .clx-cats-strip::-webkit-scrollbar-thumb{background:var(--clx-line2);border-radius:999px;}
.classifieds-page.cls .clx-cats-strip .cls-cat-card{
  flex:0 0 auto;width:120px;scroll-snap-align:start;
  display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;
  padding:16px 10px;cursor:pointer;background:var(--clx-card);
  border:1px solid var(--clx-line);border-radius:16px;
  transition:transform .18s,border-color .18s,box-shadow .2s,background .2s;
  animation:clxIn .4s both;
}
.classifieds-page.cls .clx-cats-strip .cls-cat-card::before{display:none;}
.classifieds-page.cls .clx-cats-strip .cls-cat-card:hover{transform:translateY(-4px);border-color:var(--cat-color,#6c5ce7);box-shadow:0 16px 30px -18px var(--cat-color,#6c5ce7);}
.classifieds-page.cls .clx-cats-strip .cls-cat-card.active{border-color:var(--cat-color,#6c5ce7);background:linear-gradient(180deg,var(--clx-elev),var(--clx-card));box-shadow:0 0 0 1px var(--cat-color,#6c5ce7) inset;}
.classifieds-page.cls .clx-cats-strip .cls-cat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;background:linear-gradient(135deg,var(--cat-color,#6c5ce7),color-mix(in srgb,var(--cat-color,#6c5ce7) 45%,#000));box-shadow:0 8px 18px -8px var(--cat-color,#6c5ce7);}
.classifieds-page.cls .clx-cats-strip .cls-cat-emoji{font-size:1.4rem;line-height:1;}
.classifieds-page.cls .clx-cats-strip .cls-cat-name{font-weight:700;font-size:.84rem;color:var(--clx-text);white-space:nowrap;}
.classifieds-page.cls .clx-cats-strip .cls-cat-count{font-size:.7rem;color:var(--clx-faint);white-space:nowrap;}

/* ---- 4b) HERO horizontal (texto + panel de búsqueda) — ancho completo ---- */
.classifieds-page.cls .clx-hero-inner.clx-hero-split{max-width:none;width:100%;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;text-align:left;padding:46px clamp(16px,2.6vw,40px) 50px;}
.classifieds-page.cls .clx-hero-panel{max-width:460px;justify-self:end;width:100%;}
.classifieds-page.cls .clx-hero-text{min-width:0;}
.classifieds-page.cls .clx-hero-split .clx-hero-title{margin-bottom:10px;}
.classifieds-page.cls .clx-hero-split .clx-hero-sub{margin:0 0 18px;max-width:none;}
.classifieds-page.cls .clx-hero-stats{display:flex;gap:26px;}
.classifieds-page.cls .clx-stat{display:flex;flex-direction:column;line-height:1.1;}
.classifieds-page.cls .clx-stat strong{font-size:1.5rem;font-weight:800;color:#fff;}
.classifieds-page.cls .clx-stat span{font-size:.74rem;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.04em;}
.classifieds-page.cls .clx-hero-panel{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:20px;backdrop-filter:blur(12px);box-shadow:0 20px 50px -22px rgba(0,0,0,.6);}
.classifieds-page.cls .clx-panel-title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 14px;display:flex;align-items:center;gap:8px;}
.classifieds-page.cls .clx-hero-panel .clx-search-field{background:#fff;border-radius:12px;padding:0 14px;box-shadow:none;}
.classifieds-page.cls .clx-hero-panel .clx-search-field input{padding:13px 0;}
.classifieds-page.cls .clx-search-btn-full{width:100%;justify-content:center;margin-top:10px;background:var(--clx-grad);background-size:160% 160%;}
.classifieds-page.cls .clx-search-btn-full:hover{filter:brightness(1.08);background-position:100% 0;}
.classifieds-page.cls .clx-panel-or{display:flex;align-items:center;text-align:center;gap:10px;margin:14px 0;color:rgba(255,255,255,.7);font-size:.78rem;}
.classifieds-page.cls .clx-panel-or::before,.classifieds-page.cls .clx-panel-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.25);}
.classifieds-page.cls .clx-hero-panel .clx-hero-publish{margin:0;width:100%;justify-content:center;}

/* ---- 5) LAYOUT: filtros + contenido + columna derecha (3 columnas) ---- */
.classifieds-page.cls .clx-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:24px;align-items:start;margin-top:14px;}
.classifieds-page.cls .clx-sidebar{position:sticky;top:18px;align-self:start;}
.classifieds-page.cls .clx-filter-card{background:var(--clx-card);border:1px solid var(--clx-line);border-radius:var(--clx-radius);padding:18px;box-shadow:var(--clx-shadow);}
.classifieds-page.cls .clx-filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.classifieds-page.cls .clx-filter-head h3{font-size:1rem;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--clx-text);margin:0;}
.classifieds-page.cls .clx-filter-close{display:none;background:none;border:none;color:var(--clx-dim);font-size:1.1rem;cursor:pointer;}
.classifieds-page.cls .clx-field{margin-bottom:16px;}
.classifieds-page.cls .clx-field > label{display:block;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--clx-dim);margin-bottom:8px;}
.classifieds-page.cls .clx-input{width:100%;padding:11px 12px;border-radius:11px;font-size:.9rem;background:var(--clx-bg2);color:var(--clx-text);border:1px solid var(--clx-line);outline:none;transition:border-color .15s,box-shadow .15s;}
.classifieds-page.cls .clx-input:focus{border-color:var(--clx-primary);box-shadow:0 0 0 3px rgba(124,92,231,.25);}
.classifieds-page.cls .clx-price-row{display:flex;align-items:center;gap:8px;}
.classifieds-page.cls .clx-price-sep{color:var(--clx-faint);}
.classifieds-page.cls .clx-filter-actions{display:flex;gap:8px;margin-top:4px;}

/* Botones */
.classifieds-page.cls .clx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none;border-radius:11px;font-weight:700;font-size:.88rem;padding:11px 16px;transition:transform .15s,filter .15s,background .15s;}
.classifieds-page.cls .clx-btn-primary{flex:1;color:#fff;background:var(--clx-grad);background-size:160% 160%;}
.classifieds-page.cls .clx-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08);background-position:100% 0;}
.classifieds-page.cls .clx-btn-ghost{background:rgba(255,255,255,.05);border:1px solid var(--clx-line);color:var(--clx-text);}
.classifieds-page.cls .clx-btn-ghost:hover{background:rgba(255,255,255,.1);}

/* Banner publicidad (dentro del sidebar) */
.classifieds-page.cls .clx-adbanner{margin:18px 0 0;border-radius:14px;overflow:hidden;background:radial-gradient(400px 160px at 100% 0,rgba(124,58,237,.22),transparent 60%),var(--clx-elev);border:1px solid var(--clx-line);padding:14px;position:relative;}
.classifieds-page.cls .clx-adbanner .section-ad-label{position:static;margin-bottom:8px;color:var(--clx-faint);background:none;border:none;padding:0;}
.classifieds-page.cls .clx-adbanner .section-ad-box{min-height:120px;}
.classifieds-page.cls .clx-adbanner .ad-reserved{background:rgba(255,255,255,.03);border:1px dashed var(--clx-line2);color:var(--clx-faint);border-radius:12px;}

/* ---- 6) Contenido: toolbar + grid ---- */
.classifieds-page.cls .clx-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px;}
.classifieds-page.cls .clx-count{font-size:.95rem;color:var(--clx-dim);}
.classifieds-page.cls .clx-count strong{color:var(--clx-text);font-size:1.2rem;font-weight:800;margin-right:4px;}
.classifieds-page.cls .clx-mobile-filters{display:none;}

.classifieds-page.cls .clx-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));}
.classifieds-page.cls .classifieds-loading{grid-column:1/-1;display:flex;justify-content:center;padding:60px 0;}

/* ---- 7) TARJETA de anuncio premium ---- */
.classifieds-page.cls .clx-grid .ad-card.cls-card{display:flex;flex-direction:column;overflow:hidden;cursor:pointer;background:var(--clx-card);border:1px solid var(--clx-line);border-radius:var(--clx-radius);box-shadow:var(--clx-shadow);transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,border-color .22s;animation:clxIn .45s both;}
.classifieds-page.cls .clx-grid .ad-card.cls-card:hover{transform:translateY(-6px);box-shadow:var(--clx-shadow-h);border-color:rgba(124,92,231,.55);}
.classifieds-page.cls .clx-grid .ad-card.cls-card.featured{border-color:rgba(245,200,80,.5);}
.classifieds-page.cls .cls-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#1b2335,#0f1422);}
.classifieds-page.cls .cls-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.classifieds-page.cls .ad-card.cls-card:hover .cls-card-media img{transform:scale(1.06);}
.classifieds-page.cls .cls-card-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--clx-faint);font-size:2rem;}
.classifieds-page.cls .cls-card-cat{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;color:#fff;background:rgba(8,11,18,.66);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);padding:5px 10px;border-radius:999px;}
.classifieds-page.cls .cls-card-feat{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:800;color:#241a00;background:linear-gradient(135deg,#fde047,#f59e0b);padding:4px 9px;border-radius:999px;box-shadow:0 6px 16px -6px rgba(245,158,11,.7);}
.classifieds-page.cls .cls-card-imgs{position:absolute;right:54px;top:10px;font-size:.66rem;font-weight:700;color:#fff;background:rgba(8,11,18,.66);backdrop-filter:blur(8px);padding:4px 9px;border-radius:999px;}
.classifieds-page.cls .cls-fav{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(8,11,18,.55);backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:transform .15s,background .15s,color .15s;z-index:2;}
.classifieds-page.cls .cls-fav:hover{background:rgba(8,11,18,.85);transform:scale(1.1);}
.classifieds-page.cls .cls-fav.is-fav{color:#fb5b78;border-color:rgba(251,91,120,.5);background:rgba(251,91,120,.18);}
.classifieds-page.cls .cls-fav-pop{animation:clxFavPop .3s ease;}
.classifieds-page.cls .cls-card-body{padding:14px;display:flex;flex-direction:column;gap:7px;flex:1;}
.classifieds-page.cls .cls-card-price{font-size:1.2rem;font-weight:800;color:var(--clx-text);letter-spacing:-.01em;}
.classifieds-page.cls .cls-card-price-na{font-size:.92rem;font-weight:700;color:var(--clx-faint);}
.classifieds-page.cls .cls-card-title{font-size:.92rem;font-weight:600;line-height:1.35;color:var(--clx-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0;}
.classifieds-page.cls .cls-card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.76rem;color:var(--clx-dim);}
.classifieds-page.cls .cls-card-meta i{color:var(--clx-primary);opacity:.85;margin-right:3px;}
.classifieds-page.cls .cls-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--clx-line);font-size:.75rem;color:var(--clx-faint);}
.classifieds-page.cls .cls-card-user{display:inline-flex;align-items:center;gap:5px;color:var(--clx-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62%;}

/* ---- 8) Estado vacío ---- */
.classifieds-page.cls .cls-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 20px;}
.classifieds-page.cls .cls-empty-art{position:relative;width:128px;height:128px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
.classifieds-page.cls .cls-empty-blob{position:absolute;inset:0;border-radius:50%;background:var(--clx-grad);filter:blur(12px);opacity:.4;animation:clxBlob 5s ease-in-out infinite;}
.classifieds-page.cls .cls-empty-art i{position:relative;font-size:3rem;color:#fff;}
.classifieds-page.cls .cls-empty h3{font-size:1.25rem;font-weight:800;color:var(--clx-text);margin:14px 0 6px;}
.classifieds-page.cls .cls-empty p{color:var(--clx-dim);max-width:400px;margin:0 0 20px;line-height:1.55;}
.classifieds-page.cls .cls-empty .cls-btn,.classifieds-page.cls .cls-empty .clx-btn{color:#fff;background:var(--clx-grad);border:none;border-radius:11px;padding:12px 22px;font-weight:700;cursor:pointer;}

/* ---- 9) FAB ---- */
.classifieds-page.cls .clx-fab{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;color:#fff;font-size:1.3rem;background:var(--clx-grad);box-shadow:0 14px 34px -10px rgba(108,92,231,.7);display:none;align-items:center;justify-content:center;z-index:40;transition:transform .18s;}
.classifieds-page.cls .clx-fab:hover{transform:scale(1.08) rotate(90deg);}

/* ---- 9b) Banner PROMO (arriba del grid) ---- */
.classifieds-page.cls .clx-promo{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:var(--clx-radius);padding:20px 22px;margin-bottom:20px;background:linear-gradient(120deg,#5b21b6,#6c5ce7 55%,#2563eb);box-shadow:0 16px 40px -18px rgba(108,92,231,.7);}
.classifieds-page.cls .clx-promo::after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.12);}
.classifieds-page.cls .clx-promo-text{position:relative;z-index:1;}
.classifieds-page.cls .clx-promo-tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);padding:4px 10px;border-radius:999px;margin-bottom:8px;}
.classifieds-page.cls .clx-promo-text h3{font-size:1.3rem;font-weight:800;color:#fff;margin:0 0 4px;}
.classifieds-page.cls .clx-promo-text p{font-size:.88rem;color:rgba(255,255,255,.9);margin:0 0 14px;max-width:440px;}
.classifieds-page.cls .clx-promo-btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;background:#fff;color:#5b21b6;font-weight:800;font-size:.88rem;padding:11px 20px;border-radius:11px;transition:transform .15s;}
.classifieds-page.cls .clx-promo-btn:hover{transform:translateY(-2px);}
.classifieds-page.cls .clx-promo-art{position:relative;z-index:1;font-size:3.4rem;color:rgba(255,255,255,.85);padding-right:8px;}

/* ---- 9c) Columna derecha (rail) ---- */
.classifieds-page.cls .clx-rail{position:sticky;top:18px;display:flex;flex-direction:column;gap:18px;align-self:start;}
.classifieds-page.cls .clx-rail-card{background:var(--clx-card);border:1px solid var(--clx-line);border-radius:var(--clx-radius);padding:18px;box-shadow:var(--clx-shadow);}
.classifieds-page.cls .clx-cta{text-align:center;}
.classifieds-page.cls .clx-cta-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;background:var(--clx-grad);box-shadow:0 10px 24px -10px var(--clx-primary2);}
.classifieds-page.cls .clx-cta h4{font-size:1rem;font-weight:800;color:var(--clx-text);margin:0 0 6px;}
.classifieds-page.cls .clx-cta p{font-size:.84rem;color:var(--clx-dim);margin:0 0 14px;line-height:1.5;}
.classifieds-page.cls .clx-cta .clx-btn-primary{width:100%;}
.classifieds-page.cls .clx-tips h4{font-size:.92rem;font-weight:800;color:var(--clx-text);margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.classifieds-page.cls .clx-tips ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.classifieds-page.cls .clx-tips li{font-size:.82rem;color:var(--clx-dim);line-height:1.45;display:flex;gap:9px;align-items:flex-start;}
.classifieds-page.cls .clx-tips li i{color:#22c55e;margin-top:3px;font-size:.78rem;}
.classifieds-page.cls .clx-rail .clx-adbanner{margin:0;}

/* ---- 10) Microanimaciones ---- */
@keyframes clxIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
@keyframes clxFavPop{0%{transform:scale(1);}45%{transform:scale(1.35);}100%{transform:scale(1);}}
@keyframes clxBlob{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}}
.classifieds-page.cls .clx-grid .ad-card.cls-card:nth-child(1){animation-delay:.02s;}
.classifieds-page.cls .clx-grid .ad-card.cls-card:nth-child(2){animation-delay:.06s;}
.classifieds-page.cls .clx-grid .ad-card.cls-card:nth-child(3){animation-delay:.10s;}
.classifieds-page.cls .clx-grid .ad-card.cls-card:nth-child(4){animation-delay:.14s;}
.classifieds-page.cls .clx-grid .ad-card.cls-card:nth-child(5){animation-delay:.18s;}
.classifieds-page.cls .clx-grid .ad-card.cls-card:nth-child(6){animation-delay:.22s;}
@media (prefers-reduced-motion:reduce){.classifieds-page.cls .ad-card.cls-card,.classifieds-page.cls .cls-cat-card{animation:none;}}

/* ---- 11) RESPONSIVE ---- */
/* Pantallas medianas: se oculta la columna derecha (rail) -> 2 columnas */
@media (max-width:1180px){
  .classifieds-page.cls .clx-layout{grid-template-columns:260px minmax(0,1fr);}
  .classifieds-page.cls .clx-rail{display:none;}
}
/* Tablet/móvil: filtros en cajón + hero apilado */
@media (max-width:980px){
  .classifieds-page.cls .clx-layout{grid-template-columns:1fr;}
  .classifieds-page.cls .clx-hero-inner.clx-hero-split{grid-template-columns:1fr;gap:22px;text-align:center;}
  .classifieds-page.cls .clx-hero-stats{justify-content:center;}
  .classifieds-page.cls .clx-hero-panel{max-width:460px;margin:0 auto;width:100%;}
  .classifieds-page.cls .clx-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(400px,92vw);max-width:none;z-index:60;transform:translateX(-106%);transition:transform .25s ease;padding:18px 16px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;background:var(--clx-bg);-webkit-overflow-scrolling:touch;}
  .classifieds-page.cls .clx-sidebar.open{transform:translateX(0);box-shadow:0 0 70px rgba(0,0,0,.7);}
  .classifieds-page.cls .clx-filter-close{display:block;}
  .classifieds-page.cls .clx-mobile-filters{display:inline-flex;}
  .classifieds-page.cls .clx-fab{display:flex;}
}
@media (max-width:560px){
  .classifieds-page.cls .clx-wrap{padding:0 14px 70px;}
  /* Filtros como panel a pantalla completa, bien integrado */
  .classifieds-page.cls .clx-sidebar{width:100%;max-width:100%;}
  .classifieds-page.cls .clx-sidebar .clx-filter-head{position:sticky;top:0;background:var(--clx-bg);padding:4px 0 12px;margin:0 0 6px;border-bottom:1px solid var(--clx-line);z-index:1;}
  .classifieds-page.cls .clx-sidebar .clx-filter-card{border:none;background:none;padding:0;box-shadow:none;}
  .classifieds-page.cls .clx-hero-inner.clx-hero-split{padding:32px 16px 36px;}
  .classifieds-page.cls .clx-hero-stats{gap:18px;}
  .classifieds-page.cls .clx-promo{flex-direction:column;align-items:flex-start;text-align:left;}
  .classifieds-page.cls .clx-promo-art{display:none;}
  .classifieds-page.cls .clx-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .classifieds-page.cls .cls-card-body{padding:11px;gap:6px;}
  .classifieds-page.cls .cls-card-price{font-size:1.02rem;}
  .classifieds-page.cls .cls-card-title{font-size:.85rem;}
  .classifieds-page.cls .clx-cats-strip .cls-cat-card{width:104px;}
}

/* Publicidad pagada debajo de los filtros (sidebar) */
.classifieds-page.cls .clx-side-ad{margin-top:16px;background:var(--clx-card);border:1px solid var(--clx-line);border-radius:var(--clx-radius);padding:14px;box-shadow:var(--clx-shadow);}
.classifieds-page.cls .clx-side-ad-label{font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--clx-faint);display:flex;align-items:center;gap:6px;margin-bottom:10px;}
.classifieds-page.cls .clx-side-ad-host{border-radius:12px;overflow:hidden;}
.classifieds-page.cls .clx-ad-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px;border:1px dashed var(--clx-line2);border-radius:12px;color:var(--clx-faint);font-size:.78rem;}
.classifieds-page.cls .clx-ad-empty i{font-size:1.4rem;}
.classifieds-page.cls .clx-ad-img img,.classifieds-page.cls .clx-side-ad-host img{width:100%;display:block;border-radius:12px;}

/* ---- 12) Cajón de filtros (móvil): fondo oscuro + bloqueo de scroll ---- */
.clx-filters-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:59;}
.clx-filters-backdrop.show{opacity:1;visibility:visible;}
body.clx-noscroll{overflow:hidden;}
.classifieds-page.cls .clx-filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
@media (max-width:980px){
  /* X de cerrar: bien visible y fácil de tocar */
  .classifieds-page.cls .clx-filter-close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--clx-elev,rgba(255,255,255,.06));color:var(--clx-text,#fff);font-size:1.15rem;flex:0 0 auto;}
  .classifieds-page.cls .clx-sidebar.open{z-index:61;}
}
/* Anuncio movido al contenido en móvil/tablet (cuando se oculta la rail) */
.classifieds-page.cls .clx-adbanner-mobile{margin:16px 0;}