/* ================= FASE 2: HOME QUE VENDE ================= */
      .er_sec { padding:2.6rem 1rem 2.2rem; }
      .er_sec_in { max-width:1320px; margin:0 auto; }
      .er_sec_tit {
        display:flex; align-items:baseline; justify-content:space-between;
        gap:1rem; margin-bottom:1.3rem; }
      .er_sec_tit h2 {
        font-size:1.6rem; font-weight:800; color:#141018; margin:0;
        letter-spacing:-.02em; }
      .er_sec_tit h2 em { font-style:normal; color:#490AA0; }
      .er_sec_tit a {
        font-size:.85rem; font-weight:600; color:#490AA0;
        text-decoration:none; white-space:nowrap; }
      .er_sec_tit a:hover { text-decoration:underline; }

      /* --- rejilla de departamentos --- */
      .er_deps { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
      .er_dep_t {
        display:flex; align-items:center; gap:.85rem; text-decoration:none;
        background:#fff; border:1px solid #e7e4f0; border-radius:14px;
        padding:.8rem .95rem;
        transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
      .er_dep_t:hover {
        border-color:#490AA0; box-shadow:0 8px 20px rgba(55,26,148,.13);
        transform:translateY(-2px); }
      .er_dep_img {
        flex:0 0 auto; width:62px; height:62px; border-radius:11px;
        background:#faf9fc; display:flex; align-items:center; justify-content:center;
        overflow:hidden; }
      .er_dep_img img { width:100%; height:100%; object-fit:contain; padding:5px; }
      .er_dep_tx { display:flex; flex-direction:column; min-width:0; }
      .er_dep_tx b {
        font-size:.9rem; font-weight:700; color:#141018; line-height:1.25;
        margin-bottom:.15rem; }
      .er_dep_tx i {
        font-style:normal; font-size:.75rem; color:#56516b;
        font-variant-numeric:tabular-nums; }

      /* --- carrusel de mas vendidos --- */
      .er_tops {
        display:flex; gap:1rem; overflow-x:auto; padding-bottom:.6rem;
        scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
        scrollbar-width:thin; }
      .er_tops::-webkit-scrollbar { height:6px; }
      .er_tops::-webkit-scrollbar-thumb { background:#d8d4e4; border-radius:3px; }
      .er_top_c {
        flex:0 0 176px; scroll-snap-align:start; text-decoration:none;
        display:flex; flex-direction:column; }
      .er_top_img {
        display:block; aspect-ratio:1/1; background:#faf9fc; border-radius:12px;
        overflow:hidden; border:1px solid #eeecf5;
        transition:border-color .16s ease; }
      .er_top_img img { width:100%; height:100%; object-fit:contain; padding:8px; }
      .er_top_c:hover .er_top_img { border-color:#490AA0; }
      .er_top_n {
        display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
        overflow:hidden; font-size:.8rem; color:#56516b; line-height:1.3;
        height:2.6em; margin:.5rem 0 .2rem; }
      .er_top_p {
        font-size:1.05rem; font-weight:800; color:#141018;
        font-variant-numeric:tabular-nums; }

      /* el mosaico viejo mostraba categorias que ya no existen con ese nombre */
      .er_oculto { display:none !important; }

      @media (max-width: 1199.98px) { .er_deps { grid-template-columns:repeat(3,1fr); } }
      @media (max-width: 767.98px) {
        .er_sec { padding:1.9rem .85rem 1.6rem; }
        .er_sec_tit h2 { font-size:1.25rem; }
        .er_deps { grid-template-columns:1fr 1fr; gap:.65rem; }
        .er_dep_t { padding:.6rem .65rem; gap:.6rem; border-radius:12px; }
        .er_dep_img { width:48px; height:48px; }
        .er_dep_tx b { font-size:.8rem; }
        .er_dep_tx i { font-size:.68rem; }
        .er_top_c { flex-basis:144px; }
      }