:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#142033;
  --muted:#667085;
  --line:#e5eaf3;
  --brand:#2e6bff;
  --brand2:#6a38ff;
  --soft:#eef4ff;
  --danger:#b42318;
  --ok:#067647;
  --shadow:0 10px 28px rgba(16,24,40,.06);
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff,#f2f5fa 48%,#eef3fb);color:var(--text)}
a{text-decoration:none;color:var(--brand)}
img,video{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,32,51,.06)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px}
.brand{font-weight:900;letter-spacing:.15px;color:var(--text);display:flex;align-items:center;gap:10px}
.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 8px 22px rgba(46,107,255,.22)}
.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nav a{color:var(--text);font-size:.95rem;padding:9px 12px;border-radius:12px}
.nav a:hover{background:#fff;border:1px solid var(--line)}
.nav .btn.small{padding:9px 13px;color:#fff}
.main{padding:22px 16px 56px}
.hero-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.95fr);gap:18px;margin-bottom:18px}
.hero-card,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card{padding:24px;background:
 radial-gradient(circle at top right, rgba(46,107,255,.12), transparent 34%),
 linear-gradient(135deg,#fff,#f7f9ff)}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--soft);color:var(--brand);border-radius:999px;font-size:.82rem;font-weight:700}
.hero-title{font-size:2.25rem;line-height:1.08;margin:14px 0 10px;letter-spacing:-.03em}
.gradient-text{background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{color:var(--muted);font-size:1rem;max-width:62ch;line-height:1.6}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:11px 16px;border-radius:14px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 10px 25px rgba(43,108,255,.18);font-weight:700}
.btn.big{padding:14px 18px}
.btn.small{padding:8px 12px;border-radius:12px}
.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:none}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.hero-stat{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.hero-stat strong{display:block;font-size:1.2rem}
.hero-side{padding:18px}
.side-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.search-strip{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.search-strip input{border:0;background:transparent;width:100%;outline:none;font-size:.96rem}
.ai-mini{margin-top:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#101828,#19294b);color:#fff}
.ai-mini .muted{color:#c8d1e2}
.ai-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ai-steps span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.82rem}
.section{margin-top:18px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-head h2,.section-head h3{margin:0;font-size:1.15rem}
.section-head p{margin:4px 0 0;color:var(--muted);font-size:.92rem}
.chip-row{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text);font-size:.92rem;font-weight:700}
.chip:hover,.chip.active{border-color:rgba(46,107,255,.18);background:var(--soft);color:var(--brand)}
.grid{display:grid;gap:14px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.95fr);gap:18px}
.card{padding:16px}
.cards-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;align-items:stretch}
.cards-3 > .empty{grid-column:1 / -1}
.cards-3 > *{min-width:0}
.cards-3 .card,.cards-3 .compact-card{min-width:0;max-width:100%;overflow:hidden}
.media-thumb{display:block;width:100%;max-width:100%;height:220px;object-fit:cover;object-position:center;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#dfe8fb,#eff3fb)}
.card img,.compact-card img,.thumb img,.home-highlight-media img,.search-pro-card-media img,.feed-side-spotlight-media img{max-width:100%}
.card-line,.section-title,.compact-body{min-width:0}
.card-line > *,.section-title > *{min-width:0}
.muted{color:var(--muted)}
.meta{font-size:.88rem;color:var(--muted)}
.compact-card{padding:0;overflow:hidden}
.thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#dfe8fb,#eff3fb);position:relative}
.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}
.thumb-badge{position:absolute;top:10px;left:10px;padding:6px 10px;border-radius:999px;background:rgba(16,24,40,.74);color:#fff;font-size:.78rem;font-weight:700}
.compact-body{padding:12px 13px 14px}
.card-title{font-size:1rem;font-weight:800;line-height:1.25;margin:0 0 6px}
.card-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--brand);font-size:.78rem;font-weight:700}
.plan-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.76rem;font-weight:800}
.plan-badge.basic{background:#f3f4f6;color:#344054}
.plan-badge.plus{background:#efe9ff;color:#6941c6}
.plan-badge.premium{background:#fff1d6;color:#b54708}
.strip-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.feed-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.95fr);gap:18px}
.post-create{padding:16px}
.post-create textarea{width:100%;min-height:104px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;resize:vertical}
.field{display:grid;gap:8px;margin-bottom:12px}
.field input,.field textarea,.field select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.inline-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.tool-row{display:flex;gap:10px;flex-wrap:wrap}
.tool-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.9rem}

.composer-form{display:grid;gap:14px}
.composer-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.composer-user{display:flex;align-items:center;gap:12px;min-width:0}
.composer-avatar{width:46px;height:46px;box-shadow:0 8px 22px rgba(46,107,255,.14)}
.composer-pill{background:linear-gradient(135deg,#eef4ff,#f3edff);color:#4b46e5}
.composer-modes{display:flex;gap:10px;flex-wrap:wrap}
.composer-mode{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:700;cursor:pointer}
.composer-mode.is-active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(46,107,255,.18)}
.composer-editor{position:relative}
.composer-editor textarea{padding:18px 56px 18px 18px;min-height:130px;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.composer-editor textarea:focus{outline:none;border-color:rgba(46,107,255,.38);box-shadow:0 0 0 4px rgba(46,107,255,.10)}
.composer-side-actions{position:absolute;top:14px;right:12px;display:grid;gap:8px}
.composer-mini{width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}
.composer-mini:hover{border-color:rgba(46,107,255,.25);background:var(--soft);color:var(--brand)}
.composer-quick-tags{display:flex;gap:8px;flex-wrap:wrap}
.quick-tag{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700;cursor:pointer}
.quick-tag:hover{background:var(--soft);border-color:rgba(46,107,255,.22);color:var(--brand)}
.composer-preview{padding:12px;border:1px dashed rgba(46,107,255,.24);border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f7faff)}
.composer-preview-head{font-size:.86rem;font-weight:800;color:var(--brand);margin-bottom:10px}
.composer-preview-media{border-radius:16px;overflow:hidden;background:#eef3fb}
.composer-preview-media img,.composer-preview-media video{width:100%;max-height:280px;object-fit:cover}
.composer-tools-row{padding-top:2px}
.composer-tool-row{align-items:center}
.composer-tool{font-weight:700}
.composer-tool span{font-size:1rem}
.soft-action{cursor:pointer;color:var(--text)}
.soft-action:hover{background:var(--soft);color:var(--brand)}
.composer-submit-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.composer-counter{font-size:.88rem;color:var(--muted);font-weight:700}
.composer-counter.is-limit{color:#b54708}
.composer-submit{min-width:220px}
.post-card{padding:0;overflow:hidden}
.post-top{display:flex;align-items:center;gap:12px;padding:14px 14px 0}
.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d7e4ff,#eff3ff);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--brand);overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.lg{width:84px;height:84px;border-radius:24px}
.post-content{padding:10px 14px 14px}
.post-body{white-space:pre-wrap;line-height:1.55}
.post-media{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f4f7fb}
.post-media img,.post-media video{width:100%;max-height:520px;object-fit:cover}
.action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px}
.action-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.9rem}
.comment-box{padding:0 14px 14px}
.comment-box form{display:flex;gap:8px}
.comment-box input{flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:12px}
.comment{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.list{display:grid;gap:10px}
.side-stack{display:grid;gap:14px}
.mini-list{display:grid;gap:10px}
.mini-item{display:flex;gap:10px;align-items:flex-start}
.mini-item .mini-thumb{width:76px;height:60px;border-radius:14px;overflow:hidden;background:#eef2f8;flex:0 0 auto}
.mini-item .mini-thumb img{width:100%;height:100%;object-fit:cover}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px}
.alert.error{background:#fee4e2;color:var(--danger)}
.alert.success{background:#d1fadf;color:var(--ok)}
.empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;background:#fff}
.footer{padding:28px 0;border-top:1px solid var(--line);margin-top:34px;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stat{padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}
.stat strong{display:block;font-size:1.24rem}
.cover-soft{background:linear-gradient(180deg,#fff,#f7f9ff)}
.profile-box{display:flex;gap:16px;align-items:center}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.logo-xs{width:46px;height:46px;border-radius:12px;object-fit:cover}
@media (max-width: 980px){
  .hero-shell,.grid-main,.feed-layout{grid-template-columns:1fr}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-stats,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .main{padding-left:12px;padding-right:12px}
  .topbar-inner{min-height:auto;padding:10px 0}
  .nav{gap:6px}
  .nav a{padding:8px 10px;font-size:.9rem}
  .hero-title{font-size:1.65rem}
  .grid-3,.grid-2,.strip-grid,.hero-stats,.stats{grid-template-columns:1fr}
  .hero-card,.card{border-radius:18px}
  .hero-card{padding:18px}
  .compact-body{padding:11px 12px 13px}
  .composer-topbar,.composer-tools-row,.composer-submit-wrap{align-items:flex-start}
  .composer-side-actions{position:static;display:flex;flex-direction:row;margin-top:10px}
  .composer-editor textarea{padding-right:18px}
  .composer-submit{width:100%;min-width:0}
}


/* ===== Panel negocio SaaS ===== */
.saas-hero{padding:22px 24px;display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:18px;align-items:center}
.saas-stats .stat{min-width:140px}
.saas-tabs{margin-bottom:18px}
.saas-card-list{display:flex;flex-direction:column;gap:12px}
.saas-row-card,.saas-mini-card,.saas-entity-card{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcff);border-radius:16px}
.saas-row-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px}
.saas-row-main{display:flex;align-items:center;gap:12px;min-width:0}
.saas-mini-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px}
.saas-entity-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:12px}
.saas-entity-thumb{width:104px;height:104px;object-fit:cover;border-radius:14px;background:#eef2fb}
.saas-entity-body{display:flex;flex-direction:column;gap:8px}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quick-action{display:flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:700}
.quick-action:hover{border-color:rgba(46,107,255,.25);box-shadow:0 10px 24px rgba(46,107,255,.08)}
.small-text{font-size:.92rem;line-height:1.45}
.btn.danger{background:linear-gradient(135deg,#d92d20,#b42318)}
.btn.small{padding:8px 12px;border-radius:12px;font-size:.9rem}
.logo-xs{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#eef2fb}
.cta-row form{margin:0}
@media (max-width: 860px){
  .saas-hero{grid-template-columns:1fr}
  .saas-row-card,.saas-mini-card{flex-direction:column;align-items:flex-start}
  .saas-entity-card{grid-template-columns:1fr}
  .saas-entity-thumb{width:100%;height:180px}
  .quick-actions{grid-template-columns:1fr}
}


/* ===== Premium móvil tipo app ===== */
:root{
  --app-shell:#eef3fb;
  --surface-2:#f9fbff;
  --surface-3:#f3f7ff;
  --glass:rgba(255,255,255,.76);
  --shadow-soft:0 18px 45px rgba(17,24,39,.08);
  --shadow-strong:0 18px 40px rgba(46,107,255,.18);
}
body{
  min-height:100vh;
}
.topbar{
  background:rgba(248,250,252,.82);
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}
.brand{
  font-size:1rem;
}
.brand-mark{
  position:relative;
  overflow:hidden;
}
.brand-mark::after{
  content:'';
  position:absolute;
  inset:7px;
  border-radius:9px;
  background:rgba(255,255,255,.32);
}
.nav a{
  font-weight:700;
}
.hero-card,.card{
  border-color:rgba(148,163,184,.16);
  box-shadow:var(--shadow-soft);
}
.hero-card{
  background:radial-gradient(circle at top right, rgba(46,107,255,.14), transparent 36%), linear-gradient(180deg,#ffffff,#f8fbff);
}
.hero-badge,.pill,.chip.active{
  box-shadow:0 8px 18px rgba(46,107,255,.10);
}
.btn{
  box-shadow:var(--shadow-strong);
}
.btn.ghost{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(10px);
}
.compact-card{
  background:linear-gradient(180deg,#ffffff,#fbfdff);
}
.compact-card:hover{
  transform:translateY(-3px);
  transition:transform .22s ease, box-shadow .22s ease;
  box-shadow:0 22px 46px rgba(15,23,42,.12);
}
.thumb::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:46%;
  background:linear-gradient(180deg,transparent,rgba(15,23,42,.16));
  pointer-events:none;
}
.search-strip,
.field input,.field textarea,.field select,
.post-create textarea,
.comment-box input{
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 8px 20px rgba(15,23,42,.03);
}
.footer{
  padding-bottom:110px;
}
.mobile-dock,
.mobile-fab,
.mobile-quickbar,
.mobile-sheet{display:none}

@media (max-width: 860px){
  body{
    background:linear-gradient(180deg,#f8fbff,#f1f5fb 38%,#edf2f9);
  }
  .topbar{
    position:sticky;
    top:0;
    padding-top:max(0px, env(safe-area-inset-top));
    background:rgba(248,250,252,.92);
    backdrop-filter:blur(20px);
  }
  .topbar-inner{
    min-height:58px;
    gap:10px;
  }
  .brand{
    gap:9px;
    font-size:1.02rem;
    font-weight:900;
  }
  .brand span:last-child{
    max-width:130px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .nav{
    gap:6px;
    overflow-x:auto;
    flex-wrap:nowrap;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding-bottom:2px;
  }
  .nav::-webkit-scrollbar{display:none}
  .nav a{
    flex:0 0 auto;
    padding:9px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.7);
    border:1px solid rgba(148,163,184,.15);
    font-size:.87rem;
  }
  .main{
    padding:14px 12px 112px;
  }
  .hero-shell{
    gap:14px;
    margin-bottom:14px;
  }
  .hero-card{
    border-radius:24px;
    padding:18px;
  }
  .hero-title{
    font-size:1.8rem;
    line-height:1.03;
  }
  .hero-sub{
    font-size:.96rem;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .hero-actions .btn,
  .hero-actions .btn.ghost{
    width:100%;
    min-height:48px;
  }
  .hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .hero-stat,.stat{
    border-radius:20px;
    background:linear-gradient(180deg,#ffffff,#f8fbff);
  }
  .section{
    margin-top:14px;
  }
  .section-head{
    align-items:flex-end;
    margin-bottom:10px;
  }
  .section-head h2,.section-head h3{
    font-size:1.02rem;
  }
  .chip-row{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .chip-row::-webkit-scrollbar{display:none}
  .chip{
    flex:0 0 auto;
    background:rgba(255,255,255,.9);
    box-shadow:0 10px 20px rgba(15,23,42,.05);
  }
  .grid,.grid-3,.grid-2,.strip-grid,.feed-layout,.grid-main,.cards-3{
    grid-template-columns:1fr;
    gap:12px;
  }
  .card{
    padding:14px;
    border-radius:22px;
  }
  .compact-card{
    border-radius:22px;
    overflow:hidden;
  }
  .thumb{
    aspect-ratio:16/9;
  }
  .compact-body{
    padding:14px;
  }
  .card-title{
    font-size:1rem;
  }
  .post-card,.post-create,.search-summary-card,.search-group-card,.search-hero-card,.ai-card{
    border-radius:22px;
  }
  .search-form-pro{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
  }
  .search-form-pro input{
    min-height:48px;
    border-radius:16px;
  }
  .search-form-pro .btn{
    min-height:48px;
  }
  .footer{
    padding:20px 0 calc(102px + env(safe-area-inset-bottom));
  }
  .mobile-quickbar{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:0 0 14px;
  }
  .quick-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-radius:20px;
    color:var(--text);
    background:linear-gradient(180deg,#ffffff,#f7faff);
    border:1px solid rgba(148,163,184,.16);
    box-shadow:var(--shadow-soft);
    font-weight:800;
  }
  .quick-link small{
    display:block;
    color:var(--muted);
    font-weight:600;
    margin-top:3px;
  }
  .mobile-dock{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    z-index:60;
    padding:10px;
    border-radius:26px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(255,255,255,.85);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 44px rgba(15,23,42,.16);
  }
  .mobile-dock a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:56px;
    border-radius:18px;
    color:#506072;
    font-size:.72rem;
    font-weight:800;
  }
  .mobile-dock a .icon{
    font-size:1.15rem;
    line-height:1;
  }
  .mobile-dock a.active{
    background:linear-gradient(135deg, rgba(46,107,255,.14), rgba(106,56,255,.14));
    color:var(--brand);
  }
  .mobile-fab{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    position:fixed;
    right:16px;
    bottom:calc(88px + env(safe-area-inset-bottom));
    z-index:61;
    border-radius:20px;
    background:linear-gradient(135deg,var(--brand),var(--brand2));
    color:#fff;
    box-shadow:0 18px 34px rgba(46,107,255,.30);
    font-size:1.35rem;
    font-weight:900;
  }
}

@media (max-width: 560px){
  .wrap{padding:0 12px}
  .topbar-inner{
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
  }
  .nav{
    width:100%;
    order:3;
  }
  .hero-title{
    font-size:1.62rem;
  }
  .hero-actions{
    grid-template-columns:1fr;
  }
  .hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .mobile-quickbar{
    grid-template-columns:1fr;
  }
  .mobile-dock{
    left:10px;
    right:10px;
    padding:8px;
    gap:6px;
  }
  .mobile-dock a{
    min-height:52px;
    font-size:.68rem;
  }
}

/* ===== Desktop sidebar + compact header ===== */
.nav-svg{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.nav-svg svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.topbar-shell{display:grid;grid-template-columns:auto 1fr auto;gap:18px;min-height:76px}
.topbar-left,.topbar-center,.topbar-right{display:flex;align-items:center}
.topbar-left{justify-content:flex-start;min-width:0}
.topbar-center{justify-content:center;min-width:0}
.topbar-right{justify-content:flex-end;gap:10px;flex-wrap:nowrap;min-width:0}
.topbar-desktop-actions{min-width:0}
.top-search-link,.top-action{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:14px;color:var(--text);font-weight:800;border:1px solid transparent;background:transparent}
.top-search-link{min-width:132px;justify-content:center;background:#fff;border-color:var(--line);box-shadow:0 10px 22px rgba(15,23,42,.05)}
.top-action:hover,.top-search-link:hover{background:#fff;border-color:var(--line)}
.top-action-accent{background:linear-gradient(135deg,#eff4ff,#f6f1ff);border-color:rgba(46,107,255,.16);color:var(--brand)}
.top-cta{margin-left:2px}
.desktop-sidebar{position:fixed;top:96px;left:max(18px, calc((100vw - 1180px) / 2));width:220px;z-index:35}
.desktop-sidebar-inner{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:24px;background:rgba(255,255,255,.84);backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(15,23,42,.09)}
.side-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;color:var(--text);font-weight:800;transition:all .2s ease}
.side-link:hover{background:#f7faff;color:var(--brand)}
.side-link.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 16px 30px rgba(46,107,255,.22)}
.main.has-sidebar,.footer.has-sidebar{margin-left:auto;margin-right:auto;max-width:1180px;padding-left:265px}
.main.has-sidebar{width:100%}
.footer-note{font-size:.92rem}
.hero-shell,.grid-main,.feed-layout{align-items:start}
.quick-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mobile-dock .icon svg,.mobile-fab svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mobile-fab svg{width:24px;height:24px}

@media (max-width: 1260px){
  .desktop-sidebar{left:16px;width:206px}
  .main.has-sidebar,.footer.has-sidebar{padding-left:254px;max-width:1180px}
  .main.has-sidebar{width:100%}
}

@media (max-width: 980px){
  .desktop-sidebar{display:none}
  .main.has-sidebar,.footer.has-sidebar{padding-left:16px;max-width:1180px}
  .topbar-shell{grid-template-columns:auto auto 1fr;gap:12px}
  .topbar-center{justify-content:flex-start}
}

@media (max-width: 720px){
  .topbar-shell{grid-template-columns:auto 1fr auto;min-height:auto;padding:10px 0}
  .topbar-center{justify-content:center}
  .top-search-link span:last-child,.top-action span:last-child{display:none}
  .top-search-link,.top-action{padding:10px;width:42px;height:42px;justify-content:center}
  .top-cta{padding:10px 12px;width:auto;height:auto}
}

@media (max-width: 560px){
  .topbar-shell{grid-template-columns:auto 1fr auto;align-items:center}
  .topbar-right{gap:8px}
  .top-cta{font-size:.85rem}
}


/* ===== Comunidad pública + chat tipo WhatsApp ===== */
.community-shell{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.95fr) 72px;grid-template-areas:'main side avatars';gap:18px;align-items:start;overflow:visible}
.community-shell > .grid{grid-area:main;min-width:0}
.community-shell > .community-side{grid-area:side;min-width:0}
.community-shell > .community-active-rail{grid-area:avatars;justify-self:end;align-self:start;width:72px;min-width:72px;position:relative;overflow:visible}
.community-active-rail{position:relative}
.community-create.is-guest textarea,.community-create.is-guest .inline-tools{display:none}
.guest-lock{padding:8px 0 2px;color:var(--muted)}
.guest-message{color:var(--muted);background:#f8fafc}
.community-side,.side-stack,.active-panel{overflow:visible !important}
.active-panel{position:sticky;top:92px;max-height:calc(100vh - 120px);padding-left:10px;padding-right:10px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px)}
.active-panel-rail{position:fixed;top:96px;right:max(16px, calc((100vw - 1180px) / 2 + 16px));width:72px;height:calc(100vh - 108px);max-height:calc(100vh - 108px);overflow:visible;padding:0;background:transparent !important;border:none;box-shadow:none;backdrop-filter:none;z-index:36;isolation:isolate}
.active-panel-rail .unread-total{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.active-users-list{display:flex;flex-direction:column;align-items:center;gap:14px;height:100%;max-height:none;overflow:visible;padding:12px 0 68px}
.active-user-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:auto;padding:0;border:none;background:transparent !important;text-align:center;color:var(--text);box-shadow:none;overflow:visible;z-index:1}
.active-user-card:hover{transform:none;box-shadow:none;z-index:250}
.active-user-card:disabled{cursor:default;opacity:.96}
.active-user-card.is-self{background:transparent !important}
.active-user-name-hover,.active-user-time-hover{position:absolute;opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s ease;z-index:9999;visibility:hidden}
.active-user-name-hover{right:calc(100% + 12px);left:auto;top:50%;transform:translateY(-50%) translateX(8px);background:#101828;color:#fff;padding:7px 10px;border-radius:10px;white-space:nowrap;box-shadow:0 12px 30px rgba(15,23,42,.18);font-size:.82rem;font-weight:700;max-width:260px;overflow:visible}
.active-user-name-hover::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#101828}
.active-user-time-hover{top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-2px);background:#fff;color:var(--muted);padding:5px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 26px rgba(15,23,42,.10);font-size:.76rem;font-weight:700;max-width:240px;overflow:visible}
.active-user-card:hover .active-user-name-hover,.active-user-card:hover .active-user-time-hover,.active-user-card:focus-within .active-user-name-hover,.active-user-card:focus-within .active-user-time-hover{opacity:1;visibility:visible}
.active-user-card:hover .active-user-name-hover,.active-user-card:focus-within .active-user-name-hover{transform:translateY(-50%) translateX(0)}
.active-user-card:hover .active-user-time-hover,.active-user-card:focus-within .active-user-time-hover{transform:translateX(-50%) translateY(0)}
.avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent !important;box-shadow:none !important}
.avatar, .user-avatar, .online-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;overflow:hidden}
.avatar img,.user-avatar img,.online-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.avatar-strong{width:46px;height:46px}
.avatar-online-card{width:62px;height:62px;background:linear-gradient(135deg,#eaf1ff,#f8fbff);font-size:1.3rem;font-weight:800}
.avatar-chat{width:48px;height:48px;background:linear-gradient(135deg,#eaf1ff,#f8fbff);font-size:1.15rem;font-weight:800}
.avatar-bubble{width:32px;height:32px;background:linear-gradient(135deg,#eaf1ff,#f8fbff);font-size:.9rem;font-weight:800;flex:0 0 32px;margin-top:auto}
.avatar-presence{position:absolute;left:2px;bottom:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px rgba(15,23,42,.16)}
.avatar-presence.online{background:#22c55e}
.avatar-presence.offline{background:#98a2b3}
.avatar-unread-dot{position:absolute;right:-2px;top:-2px;width:16px;height:16px;border-radius:50%;background:#ef4444;border:2px solid #fff;box-shadow:0 6px 16px rgba(239,68,68,.38)}
.unread-total{min-width:34px;justify-content:center}
.unread-total.has-unread{background:#eff6ff;color:#1d4ed8}
.chat-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:95}
.chat-modal{position:fixed;right:22px;bottom:22px;width:min(420px,calc(100vw - 20px));height:min(72vh,680px);background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 70px rgba(15,23,42,.24);z-index:110;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden}
.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f8fbff)}
.chat-peer{display:flex;align-items:center;gap:12px;min-width:0}
.chat-actions{display:flex;align-items:center;gap:10px}
.chat-unread-badge{min-width:28px;padding:6px 8px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:.78rem;font-weight:800;text-align:center}
.chat-unread-badge.has-unread{background:#eff6ff;color:#1d4ed8}
.chat-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.35rem;line-height:1;cursor:pointer}
.chat-body{padding:16px 14px;background:linear-gradient(180deg,#f8fbff,#f3f6fb);overflow:auto;display:grid;gap:10px;align-content:start}
.chat-row{display:flex;gap:8px;align-items:flex-end}
.chat-row.mine{justify-content:flex-end}
.chat-row.other{justify-content:flex-start}
.chat-bubble{max-width:78%;padding:10px 12px;border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.chat-bubble.mine{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-bottom-right-radius:6px}
.chat-bubble.other{background:#fff;color:var(--text);border:1px solid rgba(15,23,42,.05);border-bottom-left-radius:6px}
.chat-text{white-space:pre-wrap;word-break:break-word;line-height:1.45}
.chat-meta-line{display:flex;justify-content:flex-end;gap:8px;font-size:.73rem;margin-top:6px;opacity:.86}
.chat-checks{letter-spacing:-1px}
.chat-checks.is-read{color:#93c5fd}
.chat-typing{padding:0 16px 12px;color:var(--muted);font-size:.88rem}
.chat-composer{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);background:#fff}
.chat-composer input{flex:1;padding:13px 14px;border:1px solid var(--line);border-radius:999px;outline:none;background:#f8fafc}
.chat-empty{padding:18px;border:1px dashed var(--line);border-radius:16px;background:#fff;color:var(--muted);text-align:center}
body.chat-open{overflow:hidden}
@media (max-width: 980px){
  .community-shell{grid-template-columns:1fr;grid-template-areas:'avatars' 'main' 'side'}
  .community-active-rail{order:-1}
  .active-panel,.active-panel-rail{position:static;width:auto;height:auto;max-height:none;overflow:visible}
  .active-users-list{flex-direction:row;align-items:flex-start;justify-content:flex-start;height:auto;max-height:none;overflow:auto;padding:0 0 8px}
  .active-user-name-hover{left:50%;right:auto;top:calc(100% + 10px);transform:translateX(-50%) translateY(-4px)}
  .active-user-name-hover::after{left:50%;right:auto;top:-12px;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:#101828;border-right-color:transparent;border-left-color:transparent}
  .active-user-card:hover .active-user-name-hover,.active-user-card:focus-within .active-user-name-hover{transform:translateX(-50%) translateY(0)}
}
@media (max-width: 720px){
  .chat-modal{left:10px;right:10px;bottom:10px;width:auto;height:min(78vh,720px);border-radius:22px}
  .avatar-online-card{width:56px;height:56px}
}
.avatar-wrap.is-clickable{cursor:pointer;transition:transform .16s ease, box-shadow .16s ease}
.avatar-wrap.is-clickable:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 14px 28px rgba(46,107,255,.16)}
.avatar-wrap.is-clickable:focus-visible{outline:2px solid rgba(46,107,255,.45);outline-offset:3px;border-radius:999px}


/* hover fix avatars rail */
.community-active-rail, .active-panel-rail, .active-users-list, .active-user-card, .avatar-wrap{overflow:visible !important;}
.active-panel-rail, .active-panel-rail *{background-clip:padding-box;}
.active-user-card:hover, .active-user-card:focus-within{z-index:999 !important;}
.active-user-card:hover .active-user-name-hover, .active-user-card:focus-within .active-user-name-hover{left:auto !important;right:calc(100% + 12px) !important;}
.active-user-card:hover .active-user-time-hover, .active-user-card:focus-within .active-user-time-hover{left:50% !important;}


/* mobile messages drawer */
.mobile-messages-tab,.mobile-messages-drawer,.mobile-messages-backdrop{display:none}
.mobile-messages-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;background:linear-gradient(180deg,var(--brand),var(--brand2));color:#fff;padding:14px 10px;border-radius:18px 0 0 18px;box-shadow:0 16px 36px rgba(46,107,255,.26);writing-mode:vertical-rl;text-orientation:mixed;display:none;align-items:center;gap:8px;cursor:pointer;border:0;appearance:none;-webkit-appearance:none;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mobile-messages-tab-icon{font-size:1rem;line-height:1}
.mobile-messages-tab-text{font-weight:800;letter-spacing:.02em}
.mobile-messages-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.22);font-size:.74rem;font-weight:800}
.mobile-messages-tab-badge.has-unread{background:#fff;color:var(--brand)}
.mobile-messages-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.32);z-index:79;opacity:0;pointer-events:none;transition:opacity .22s ease}
.mobile-messages-backdrop.is-open{opacity:1;pointer-events:auto}
.mobile-messages-drawer{position:fixed;top:0;right:0;width:min(88vw,360px);height:100vh;background:#fff;z-index:80;box-shadow:-18px 0 40px rgba(15,23,42,.18);transform:translate3d(100%,0,0);transition:transform .24s ease, visibility .24s ease;display:none;flex-direction:column;visibility:hidden;pointer-events:none;-webkit-overflow-scrolling:touch;overflow:hidden}
.mobile-messages-drawer.is-open{transform:translate3d(0,0,0);visibility:visible;pointer-events:auto}
.mobile-messages-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 14px;border-bottom:1px solid var(--line)}
.mobile-messages-close{border:none;background:#f3f6fb;color:var(--text);width:38px;height:38px;border-radius:999px;font-size:1.45rem;line-height:1;cursor:pointer}
.mobile-messages-list{padding:14px 12px 88px;overflow:auto;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;-webkit-overflow-scrolling:touch}
.mobile-message-user{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(16,24,40,.05)}
.mobile-message-user.is-clickable,.mobile-message-user.is-login{cursor:pointer}
.mobile-message-user-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.mobile-message-user-main strong{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-message-user-main span{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-message-user-unread{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#ff3b30;color:#fff;font-size:.76rem;font-weight:800}
.mobile-messages-guest-cta{position:absolute;left:0;right:0;bottom:0;padding:14px 12px 18px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 26%,#fff)}
body.mobile-messages-open{overflow:hidden}
@media (max-width: 991px){
  .community-active-rail{display:none !important}
  .mobile-messages-tab{display:flex;z-index:90}
  .mobile-messages-drawer{display:flex;visibility:hidden;pointer-events:none}
}
@media (min-width: 992px){
  .mobile-messages-tab,.mobile-messages-drawer,.mobile-messages-backdrop{display:none !important}
}


/* smoother page changes */
html{background:#eef3fb;min-height:100%}
body{min-height:100vh;background:linear-gradient(180deg,#f8fbff,#f2f5fa 48%,#eef3fb)}
.topbar,.desktop-sidebar,.main,.footer,.mobile-dock,.mobile-quickbar,.mobile-fab{transition:opacity .14s ease}
body.page-nav-loading{pointer-events:none}
body.page-nav-loading .topbar,
body.page-nav-loading .desktop-sidebar,
body.page-nav-loading .main,
body.page-nav-loading .footer,
body.page-nav-loading .mobile-dock,
body.page-nav-loading .mobile-quickbar,
body.page-nav-loading .mobile-fab{opacity:.01}


/* ===== Panel derecho modular ===== */
.rp-right-column{display:grid;gap:14px;align-content:start}
.rp-shell{
  display:grid;
  gap:16px;
  position:static;
  top:auto;
}
.rp-card{padding:0;overflow:hidden;border:1px solid rgba(148,163,184,.12);box-shadow:0 18px 38px rgba(15,23,42,.06)}
.rp-card-body{padding:16px}
.rp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 8px 16px}
.rp-kicker{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.rp-kicker-soft{margin-bottom:2px}
.rp-head h3{margin:4px 0 0;font-size:1.02rem;line-height:1.2}
.rp-head-icon,.rp-mini-icon{display:inline-flex;align-items:center;justify-content:center}
.rp-head-icon{width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,#eef4ff,#f5f3ff);color:var(--brand2);box-shadow:inset 0 0 0 1px rgba(106,56,255,.08)}
.rp-head-icon svg,.rp-mini-icon svg,.rp-item-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rp-dropdown{border-top:1px solid var(--line)}
.rp-summary{list-style:none;cursor:pointer;padding:12px 16px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px}
.rp-summary::-webkit-details-marker{display:none}
.rp-summary::after{content:'+';font-size:1.1rem;color:var(--muted)}
.rp-dropdown[open] .rp-summary::after{content:'−';color:var(--brand)}
.rp-list{display:grid;gap:8px;padding:0 12px 14px 12px}
.rp-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;color:var(--text);background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid rgba(148,163,184,.18);font-weight:700;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease}
.rp-item:hover{transform:translateY(-1px);border-color:rgba(46,107,255,.22);box-shadow:0 12px 24px rgba(15,23,42,.08);background:linear-gradient(180deg,#fafdff,#f3f7ff)}
.rp-item.is-active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent;box-shadow:0 16px 30px rgba(46,107,255,.24)}
.rp-item-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#eef4ff,#f7f3ff);color:var(--brand);flex:0 0 38px;box-shadow:inset 0 0 0 1px rgba(46,107,255,.08)}
.rp-item.is-active .rp-item-icon{background:rgba(255,255,255,.16);color:#fff}
.rp-item-main{display:flex;flex-direction:column;min-width:0;flex:1}
.rp-item-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}
.rp-item-subtext{font-size:.74rem;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-item.is-active .rp-item-subtext{color:rgba(255,255,255,.82)}
.rp-item-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:999px;background:#f3f6fb;color:var(--text);font-size:.78rem;font-weight:800;box-shadow:inset 0 0 0 1px rgba(148,163,184,.18)}
.rp-item.is-active .rp-item-count{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.rp-empty{padding:2px 6px 10px 6px;color:var(--muted)}
.rp-mini-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.rp-mini-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#eef4ff,#f6f2ff);color:var(--brand2);box-shadow:inset 0 0 0 1px rgba(106,56,255,.08)}
.rp-mini-head strong{display:block;font-size:1rem;line-height:1.2;color:var(--text)}
.rp-muted{margin:0 0 14px;color:var(--muted);line-height:1.5}
.rp-actions{padding:0;margin-top:2px}
.rp-action-btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:800;box-shadow:0 16px 34px rgba(46,107,255,.24)}
.rp-action-btn:hover{filter:brightness(1.03)}
.rp-extra-card{background:linear-gradient(180deg,#ffffff,#fbfdff)}
@media (max-width: 980px){
  .rp-right-column{order:2}
  .rp-shell{position:static}
}

/* ===== Home PRO ===== */
.home-hero-pro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.82fr);gap:18px;align-items:stretch;margin-bottom:20px}
.home-hero-main,.home-hero-visual{padding:26px;border-radius:28px;position:relative;overflow:hidden}
.home-hero-main{background:
  radial-gradient(circle at top right, rgba(106,56,255,.18), transparent 34%),
  radial-gradient(circle at 20% 20%, rgba(46,107,255,.12), transparent 28%),
  linear-gradient(180deg,#ffffff,#f8fbff)}
.home-hero-main::after{content:'';position:absolute;right:-80px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle, rgba(46,107,255,.14), transparent 68%);pointer-events:none}
.home-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(46,107,255,.08);color:var(--brand);font-size:.83rem;font-weight:800;margin-bottom:14px}
.home-title{font-size:2.45rem;line-height:1.06;letter-spacing:-.04em;margin:0 0 14px;max-width:11.6ch}
.home-subtitle{margin:0;max-width:660px;color:var(--muted);font-size:1rem;line-height:1.65}
.home-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.pro-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.pro-stat{padding:14px 16px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-radius:20px}
.pro-stat strong{display:block;font-size:1.3rem}
.home-hero-visual{background:linear-gradient(180deg,#101828,#162544);color:#fff;display:flex;align-items:center;justify-content:center}
.phone-mockup{width:min(100%,340px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:14px;box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)}
.phone-topbar{display:flex;justify-content:center;gap:6px;padding:2px 0 12px}
.phone-topbar span{display:block;width:34px;height:5px;border-radius:999px;background:rgba(255,255,255,.16)}
.phone-screen{display:grid;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border-radius:24px;padding:14px}
.mini-map-card,.mini-ai-card{padding:14px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.mini-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#bdc9ff;margin-bottom:6px;font-weight:700}
.mini-points,.mini-ai-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mini-points span,.mini-ai-list span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.82rem}
.mini-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini-feature-card{display:grid;gap:4px;padding:14px;border-radius:18px;color:#fff;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.06)}
.mini-feature-card small{color:#d8e1f2}
.mini-feature-card.is-business{background:linear-gradient(135deg,rgba(46,107,255,.34),rgba(46,107,255,.14))}
.mini-feature-card.is-offer{background:linear-gradient(135deg,rgba(106,56,255,.34),rgba(106,56,255,.14))}
.mini-feature-card.is-event{background:linear-gradient(135deg,rgba(8,145,178,.34),rgba(8,145,178,.14))}
.mini-feature-card.is-feed{background:linear-gradient(135deg,rgba(15,23,42,.36),rgba(15,23,42,.16))}
.quick-entry-section{margin-top:6px}
.home-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-entry-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 18px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:24px;box-shadow:var(--shadow-soft);color:var(--text);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.home-entry-card:hover{transform:translateY(-4px);border-color:rgba(46,107,255,.24);box-shadow:0 22px 46px rgba(15,23,42,.12)}
.entry-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef4ff,#f5f1ff);font-size:1.35rem}
.home-entry-card h3{margin:0 0 4px;font-size:1.02rem}
.home-entry-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}
.entry-link{font-size:.84rem;font-weight:800;color:var(--brand)}
.home-category-cloud{display:flex;flex-wrap:wrap;gap:12px}
.home-category-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow-soft);color:var(--text)}
.home-category-pill span{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--soft)}
.split-showcase{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.75fr);gap:18px}
.two-up-home{grid-template-columns:1fr 1fr}
.showcase-panel,.showcase-side-card{padding:18px;border-radius:26px}
.showcase-side-card{background:linear-gradient(180deg,#ffffff,#f9fbff)}
.home-search-strip{margin-top:4px}
.home-side-points{display:grid;gap:10px;margin-top:14px}
.home-cards-grid .compact-card{height:100%}
.premium-entity-card{border:1px solid rgba(148,163,184,.16)}
.home-community-band{margin-top:22px}
.home-community-layout{align-items:start}
.home-note-card,.home-cta-card{border-radius:24px}
.card-title-link{color:inherit}
.card-title-link:hover{color:var(--brand)}
@media (max-width:1100px){
  .home-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .home-hero-pro,.split-showcase,.two-up-home{grid-template-columns:1fr}
  .home-title{max-width:none}
}
@media (max-width:720px){
  .home-title{font-size:1.95rem}
  .home-hero-main,.home-hero-visual,.showcase-panel,.showcase-side-card{padding:18px}
  .pro-stat-grid,.home-entry-grid{grid-template-columns:1fr}
  .phone-mockup{width:100%}
  .mini-card-grid{grid-template-columns:1fr 1fr}
  .home-entry-card{grid-template-columns:auto 1fr;align-items:flex-start}
  .entry-link{grid-column:2}
}

/* home clean definitive */
.home-clean-hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.92fr);gap:24px;padding:32px;border-radius:30px;margin-bottom:22px;background:linear-gradient(180deg,#ffffff,#f8fbff)}
.home-clean-copy h1{margin:0 0 14px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.02;letter-spacing:-.045em;max-width:11ch}
.home-clean-copy p{margin:0;max-width:60ch;color:var(--muted);font-size:1rem;line-height:1.65}
.home-clean-kicker{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(46,107,255,.09);color:var(--brand);font-size:.82rem;font-weight:800;margin-bottom:14px}
.home-clean-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.home-clean-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;max-width:720px}
.home-clean-stats>div{padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#fff;box-shadow:var(--shadow-soft)}
.home-clean-stats strong{display:block;font-size:1.15rem;line-height:1}
.home-clean-stats span{display:block;margin-top:6px;color:var(--muted);font-size:.88rem}
.home-clean-visual{border-radius:28px;background:linear-gradient(180deg,#0f172a,#18284b);padding:22px;display:grid;gap:14px;align-content:start;color:#fff;min-height:100%}
.home-visual-card.top{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.home-visual-card.top p{margin:6px 0 0;color:rgba(255,255,255,.72);line-height:1.5}
.home-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-visual-tile{display:grid;gap:10px;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.08);color:#fff;min-height:126px}
.home-visual-tile strong{font-size:1rem}
.home-visual-tile small{color:rgba(255,255,255,.68)}
.home-visual-icon{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff}
.home-visual-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.section-head.compact{margin-bottom:14px}
.home-clean-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-shortcut-card{display:grid;gap:12px;padding:22px;border-radius:24px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow-soft);color:var(--text)}
.home-shortcut-card h3{margin:0;font-size:1.04rem}
.home-shortcut-card p{margin:0;color:var(--muted);line-height:1.55;font-size:.93rem}
.shortcut-icon{width:46px;height:46px;border-radius:16px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--brand)}
.shortcut-icon svg,.cat-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.home-clean-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-clean-category-card{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:20px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow-soft);color:var(--text)}
.cat-icon{width:38px;height:38px;border-radius:14px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--brand)}
.home-clean-showcase{margin-top:4px}
.home-clean-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-column-card{padding:18px;border-radius:26px;background:linear-gradient(180deg,#ffffff,#f9fbff)}
.home-column-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.home-column-head h3{margin:0 0 4px;font-size:1.08rem}
.home-column-head p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
.home-column-list{display:grid;gap:12px}
.home-list-card{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;padding:10px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:#fff;color:var(--text)}
.home-list-thumb{height:74px;border-radius:14px;overflow:hidden;background:#edf3ff}
.home-list-thumb img{width:100%;height:100%;object-fit:cover}
.home-list-thumb.no-media{display:flex;align-items:center;justify-content:center;color:var(--brand)}
.home-list-thumb.no-media svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.home-list-body{display:grid;gap:6px;min-width:0}
.home-list-body strong{font-size:.97rem;line-height:1.25}
.home-list-body span{color:var(--muted);font-size:.87rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-community-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px}
.home-community-main,.home-community-side{padding:18px;border-radius:26px}
.home-community-posts{display:grid;gap:12px}
.home-mini-post{padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(148,163,184,.16)}
.home-mini-post-body{margin-top:10px;color:var(--text);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-community-side h3{margin:0 0 8px;font-size:1.1rem}
.home-community-side p{margin:0;color:var(--muted);line-height:1.6}
.home-side-checks{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
.home-side-checks li{padding:10px 12px;border-radius:14px;background:#fff;border:1px solid rgba(148,163,184,.16)}
@media (max-width: 1180px){
  .home-clean-hero,.home-community-shell{grid-template-columns:1fr}
  .home-clean-copy h1{max-width:none}
  .home-clean-shortcut-grid,.home-clean-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-clean-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 780px){
  .home-clean-hero{padding:20px}
  .home-clean-stats,.home-clean-shortcut-grid,.home-clean-category-grid,.home-clean-columns,.home-visual-grid{grid-template-columns:1fr}
  .home-column-head,.home-column-list,.home-clean-actions{gap:10px}
  .home-column-head{flex-direction:column;align-items:flex-start}
  .home-list-card{grid-template-columns:72px 1fr}
}

/* Home community hub */
.home-community-hub{
  padding:28px;
  border-radius:24px;
  margin-bottom:28px;
}
.home-community-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.home-community-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#eef2ff;
  color:#3b5bff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  margin-bottom:12px;
}
.home-community-hub h1{
  margin:0 0 10px;
  font-size:44px;
  line-height:1.02;
  max-width:760px;
}
.home-community-hub p{
  margin:0;
  color:var(--muted);
}
.home-community-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(110px,1fr));
  gap:12px;
  min-width:260px;
}
.home-community-metrics div{
  background:#f8faff;
  border:1px solid #e9eef8;
  border-radius:18px;
  padding:14px 16px;
}
.home-community-metrics strong{
  display:block;
  font-size:22px;
  line-height:1;
  margin-bottom:6px;
}
.home-community-metrics span{
  color:var(--muted);
  font-size:13px;
}
.home-community-search{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  background:#f8faff;
  border:1px solid #e8edf7;
  border-radius:18px;
  margin-bottom:18px;
}
.home-community-search .search-icon{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#fff;
  color:#3b5bff;
  border:1px solid #e8edf7;
  flex:0 0 42px;
}
.home-community-search input{
  flex:1;
  min-width:0;
  border:0;
  background:transparent;
  font-size:15px;
  color:var(--text);
  outline:none;
}
.home-community-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.home-community-link{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e8edf7;
  color:var(--text);
  box-shadow:0 4px 14px rgba(16,24,40,.03);
}
.home-community-link:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(16,24,40,.06);
}
.home-community-link-icon{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:#eef2ff;
  color:#3b5bff;
  flex:0 0 46px;
}
.home-community-link strong{
  display:block;
  font-size:16px;
  margin-bottom:5px;
}
.home-community-link p{
  font-size:13px;
  line-height:1.45;
}
@media (max-width: 1100px){
  .home-community-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-community-top{flex-direction:column;}
  .home-community-metrics{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;}
}
@media (max-width: 720px){
  .home-community-hub{padding:18px;border-radius:20px;}
  .home-community-hub h1{font-size:32px;max-width:none;}
  .home-community-grid{grid-template-columns:1fr;}
  .home-community-search{flex-wrap:wrap;}
  .home-community-search .btn{width:100%;}
  .home-community-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Premium visual uplift */
.section{margin-bottom:16px}
.section-head h2{letter-spacing:-.02em}
.section-head p{max-width:680px}
.home-community-hub{
  background:
    radial-gradient(circle at top right, rgba(106,56,255,.10), transparent 34%),
    radial-gradient(circle at left bottom, rgba(46,107,255,.09), transparent 28%),
    linear-gradient(180deg,#ffffff,#fbfdff);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 18px 54px rgba(15,23,42,.06);
}
.home-community-top > div:first-child{max-width:760px}
.home-community-hub h1{letter-spacing:-.04em}
.home-community-hub p{font-size:1rem;line-height:1.7;max-width:760px}
.home-community-metrics div{box-shadow:0 10px 24px rgba(16,24,40,.04);transition:transform .18s ease,box-shadow .18s ease}
.home-community-metrics div:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(16,24,40,.08)}
.home-community-search{box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 26px rgba(16,24,40,.04)}
.home-community-search input::placeholder{color:#98a2b3}
.home-community-link,.home-shortcut-card,.home-clean-category-card,.home-list-card,.home-mini-post,.home-side-checks li,.home-column-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.home-community-link:hover,.home-shortcut-card:hover,.home-clean-category-card:hover,.home-list-card:hover,.home-mini-post:hover,.home-side-checks li:hover,.home-column-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(16,24,40,.08);
  border-color:rgba(46,107,255,.18);
}
.home-live-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.home-live-chip{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid rgba(148,163,184,.18);
  border-radius:20px;
  box-shadow:var(--shadow-soft);
  color:var(--text);
}
.home-live-chip svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;color:var(--brand)}
.home-live-chip span{font-size:.94rem;color:var(--muted)}
.home-live-chip strong{color:var(--text)}
.home-shortcut-card{position:relative;overflow:hidden}
.home-shortcut-card::after{
  content:'';position:absolute;inset:auto -30px -48px auto;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle, rgba(46,107,255,.11), transparent 68%);pointer-events:none;
}
.shortcut-icon,.cat-icon,.home-community-link-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 10px 20px rgba(46,107,255,.10);
}
.home-clean-category-card strong{font-size:.95rem}
.home-column-card{border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 34px rgba(15,23,42,.05)}
.home-list-card{padding:12px}
.home-list-thumb{box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.home-community-side{
  background:linear-gradient(180deg,#0f172a,#172554);
  color:#fff;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 34px rgba(15,23,42,.16);
}
.home-community-side p{color:rgba(255,255,255,.76)}
.home-community-side .btn{background:#fff;color:#172554;border-color:#fff}
.home-side-checks li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.10);color:#fff}
.home-side-checks li:hover{border-color:rgba(255,255,255,.18)}
@media (max-width: 1180px){
  .home-live-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 780px){
  .home-live-strip{grid-template-columns:1fr}
  .home-community-hub h1{font-size:34px}
  .home-community-hub p{font-size:.96rem}
}


/* App top home mode */
.home-community-hub{
  border-radius:30px;
}
.home-community-top{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:18px;
  align-items:start;
}
.home-community-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(46,107,255,.08);
  border:1px solid rgba(46,107,255,.10);
}
.home-community-search{
  position:relative;
  padding:14px;
  border-radius:22px;
}
.home-community-search .btn{
  min-width:110px;
  border-radius:16px;
}
.home-app-explore,.home-app-categories-section,.home-app-streams{
  margin-top:4px;
}
.home-app-shortcuts-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.home-app-shortcut{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:20px;
  border-radius:26px;
  background:linear-gradient(180deg,#fff,#f9fbff);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 18px 34px rgba(15,23,42,.05);
  color:var(--text);
  overflow:hidden;
}
.home-app-shortcut::after{
  content:'';
  position:absolute;
  right:-24px;bottom:-38px;
  width:110px;height:110px;border-radius:50%;
  background:radial-gradient(circle, rgba(46,107,255,.16), transparent 68%);
}
.home-app-shortcut-icon{
  width:54px;height:54px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background:#eef3ff;color:var(--brand);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 10px 22px rgba(46,107,255,.12);
}
.home-app-shortcut strong{display:block;font-size:18px;margin-bottom:4px}
.home-app-shortcut p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.home-app-shortcut em{
  position:absolute;top:18px;right:18px;font-style:normal;font-weight:700;font-size:13px;
  color:#344054;background:rgba(255,255,255,.8);padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.18)
}
.home-app-categories-rail,.home-app-cards-rail{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding:2px 2px 10px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.home-app-categories-rail::-webkit-scrollbar,.home-app-cards-rail::-webkit-scrollbar{height:8px}
.home-app-categories-rail::-webkit-scrollbar-thumb,.home-app-cards-rail::-webkit-scrollbar-thumb{background:#d0d7e6;border-radius:999px}
.home-app-category-pill{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(148,163,184,.18);
  box-shadow:var(--shadow-soft);
  color:var(--text);
  scroll-snap-align:start;
}
.home-app-category-pill span{
  width:36px;height:36px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:#eef4ff;color:var(--brand);
}
.home-app-streams{
  display:grid;
  gap:18px;
}
.home-app-stream{
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 18px 44px rgba(15,23,42,.05);
}
.home-app-stream-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.stream-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#eef4ff;
  color:var(--brand);
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.home-app-stream h3{margin:0;font-size:24px;letter-spacing:-.03em}
.home-app-card{
  flex:0 0 290px;
  background:#fff;
  border:1px solid rgba(148,163,184,.16);
  border-radius:24px;
  overflow:hidden;
  color:var(--text);
  box-shadow:0 14px 32px rgba(15,23,42,.06);
  scroll-snap-align:start;
}
.home-app-card-media{height:160px;background:linear-gradient(180deg,#edf2ff,#f7faff);display:flex;align-items:center;justify-content:center}
.home-app-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.home-app-card-media.no-media span{width:58px;height:58px;border-radius:20px;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}
.home-app-card-body{padding:16px 16px 18px}
.home-app-card-body strong{display:block;font-size:18px;line-height:1.28;margin:8px 0 6px}
.home-app-card-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.pill-label{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#2847c7;font-size:12px;font-weight:700}
.pill-label.accent{background:#eefcf3;color:#067647}
.pill-label.soft{background:#fff2e8;color:#c2410c}
.home-community-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px}
.home-community-main,.home-community-side{border-radius:28px}
.home-community-posts{display:grid;gap:14px}
.home-mini-post{padding:18px;border-radius:22px}
@media (max-width:1180px){
  .home-app-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-community-top,.home-community-shell{grid-template-columns:1fr}
}
@media (max-width:780px){
  .home-app-shortcuts-grid{grid-template-columns:1fr}
  .home-app-card{flex-basis:84vw}
  .home-app-stream{padding:16px;border-radius:22px}
  .home-community-hub{border-radius:24px}
  .home-community-hub h1{font-size:32px;line-height:1.06}
  .home-community-top{gap:14px}
  .home-app-stream-head{align-items:flex-start;flex-direction:column}
}

/* Cleaner home highlights */
.home-home-highlights{margin-top:6px}
.home-highlight-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.home-highlight-card{
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 18px 44px rgba(15,23,42,.05);
}
.home-highlight-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.home-highlight-entity{
  display:block;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 14px 32px rgba(15,23,42,.06);
  color:var(--text);
}
.home-highlight-entity:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(16,24,40,.08);
  border-color:rgba(46,107,255,.18);
}
.home-highlight-media{height:180px;background:linear-gradient(180deg,#edf2ff,#f7faff);display:flex;align-items:center;justify-content:center}
.home-highlight-media img{width:100%;height:100%;object-fit:cover;display:block}
.home-highlight-media.no-media span{width:58px;height:58px;border-radius:20px;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}
.home-highlight-body{padding:16px 16px 18px}
.home-highlight-body strong{display:block;font-size:18px;line-height:1.28;margin:8px 0 6px}
.home-highlight-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
@media (max-width:1180px){
  .home-highlight-grid{grid-template-columns:1fr;}
}
@media (max-width:780px){
  .home-highlight-card{padding:16px;border-radius:22px}
  .home-highlight-top{align-items:flex-start;flex-direction:column}
}

.post-card{position:relative;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 26px rgba(16,24,40,.05)}
.post-top{justify-content:space-between;align-items:flex-start;padding:16px 16px 0}
.post-top-main{display:flex;align-items:flex-start;gap:12px;min-width:0}
.post-headline-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.post-type-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:800;background:#f5f7fb;color:#344054;border:1px solid #e6ebf5}
.post-type-chip.is-offer{background:#fff7ed;color:#b54708;border-color:#fed7aa}
.post-type-chip.is-event{background:#eef4ff;color:#3b5bcc;border-color:#dbe6ff}
.post-type-chip.is-business{background:#ecfdf3;color:#027a48;border-color:#c7f0d8}
.post-type-chip.is-media{background:#f5f3ff;color:#6d28d9;border-color:#e9ddff}
.post-top-actions{position:relative;flex:0 0 auto}
.post-menu-toggle{width:38px;height:38px;border:none;border-radius:14px;background:#f7f9fc;color:#344054;font-size:1.2rem;font-weight:900;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(148,163,184,.15)}
.post-menu-toggle:hover,.post-menu-toggle[aria-expanded="true"]{background:#eef4ff;color:#2944d0}
.post-menu{position:absolute;right:0;top:44px;min-width:190px;padding:8px;border-radius:16px;background:#fff;border:1px solid #e8edf5;box-shadow:0 18px 42px rgba(16,24,40,.14);z-index:12}
.post-menu form{margin:0}
.post-menu-item{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:10px 12px;border:none;background:transparent;border-radius:12px;font-weight:700;color:#101828;cursor:pointer;text-align:left}
.post-menu-item:hover{background:#f5f7fb}
.post-menu-item.danger{color:#b42318}
.post-menu-item.danger:hover{background:#fee4e2}
.post-content{padding:12px 16px 14px}
.post-body{font-size:1rem;color:#182230}
.post-stats-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px 12px;color:#667085;font-size:.9rem}
.post-actions-row{padding:12px 16px;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;background:linear-gradient(180deg,#fff,#fbfcff)}
.action-row form{margin:0}
.action-chip{font-weight:700;cursor:pointer;transition:all .18s ease}
.action-chip:hover{transform:translateY(-1px);background:#eef4ff;border-color:#dce6ff;color:#2748d7}
.action-chip.is-active{background:linear-gradient(135deg,#eef2ff,#f5eeff);border-color:#d9d7ff;color:#4c46e5}
.comment-box{padding:14px 16px 16px;background:#fff}
.post-comments-list .comment{background:#f8fafc;border-color:#edf2f7}
.comment-form-pro{display:flex;gap:10px;align-items:center}
.comment-form-pro input{background:#f8fafc}
.post-edit-panel{padding:14px 16px 4px;border-top:1px dashed #dce6f5;background:linear-gradient(180deg,#fbfcff,#ffffff)}
.post-edit-form{display:grid;gap:12px}
.post-edit-form textarea{min-height:118px;padding:14px 16px;border-radius:18px;border:1px solid #d7deea;background:#fff}
.post-edit-form textarea:focus{outline:none;border-color:rgba(46,107,255,.36);box-shadow:0 0 0 4px rgba(46,107,255,.08)}
.post-edit-tools{display:flex;gap:8px;flex-wrap:wrap}
.post-edit-check{display:flex;align-items:center;gap:8px;font-weight:700;color:#475467}
.post-edit-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.action-chip.is-copied{background:#ecfdf3;border-color:#c7f0d8;color:#067647}
@media (max-width: 720px){
  .post-top{gap:10px}
  .post-top-main{min-width:0;flex:1}
  .post-top-actions{margin-left:auto}
  .post-stats-row{flex-direction:column;align-items:flex-start}
  .comment-form-pro{flex-direction:column;align-items:stretch}
  .post-menu{right:0;left:auto;min-width:180px}
}


.community-live-bar{max-width:1180px;margin:0 auto 18px;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,#eef4ff,#f7faff);border:1px solid #dbe7ff;color:#2944d0;font-weight:800;box-shadow:0 10px 24px rgba(46,107,255,.08)}
.meta-live{font-weight:600;color:#667085}
.community-top-spacer{height:8px}
.post-card{animation:fadeLift .35s ease both}
@keyframes fadeLift{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.comment{position:relative}
.comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.comment-user{display:flex;align-items:center;gap:10px}
.comment-avatar{width:34px;height:34px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#eef2f7;font-weight:800;color:#344054}
.comment-avatar img{width:100%;height:100%;object-fit:cover}
.comment-delete{border:none;background:#f5f7fb;color:#98a2b3;width:28px;height:28px;border-radius:999px;font-size:18px;cursor:pointer}
.comment-delete:hover{background:#fee4e2;color:#b42318}
.comment-body-text{margin-top:8px;color:#101828;line-height:1.5}
.live-comment.is-new{animation:livePop .35s ease both}
@keyframes livePop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.see-more-comments{border:none;background:transparent;color:#2e6bff;font-weight:800;padding:0 0 10px;cursor:pointer}
.comment-form-pro .btn{min-width:92px}
.action-chip.is-active{background:#ffe7ec;color:#c01048;border-color:#ffc6d3}


/* Feed visual refresh */
.community-hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);gap:18px;align-items:stretch;margin:0 auto 18px}
.community-hero-main,.community-hero-side{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(219,231,255,.9);box-shadow:0 18px 44px rgba(46,107,255,.08)}
.community-hero-main{padding:26px;background:
  radial-gradient(circle at top right, rgba(106,56,255,.16), transparent 34%),
  radial-gradient(circle at bottom left, rgba(46,107,255,.18), transparent 30%),
  linear-gradient(135deg,#ffffff,#f5f9ff 54%,#eef4ff)}
.community-hero-side{padding:18px;background:linear-gradient(180deg,#142033,#1c2f4a);color:#fff}
.community-hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;color:#3556d8;font-weight:800;box-shadow:0 10px 24px rgba(16,24,40,.06)}
.community-hero h1{margin:14px 0 10px;font-size:2.25rem;line-height:1.02;letter-spacing:-.04em;max-width:760px}
.community-hero p{margin:0;color:#475467;font-size:1rem;line-height:1.7;max-width:820px}
.community-hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.community-hero-metrics div,.community-mini-card{border-radius:22px;border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.86);padding:14px 15px;backdrop-filter:blur(8px)}
.community-hero-metrics strong,.community-mini-card strong{display:block;font-size:1.4rem;line-height:1.1}
.community-hero-metrics span,.community-mini-card span,.community-mini-card small{display:block}
.community-hero-metrics span{margin-top:4px;color:#667085;font-weight:700}
.community-hero-mini-grid{display:grid;gap:12px}
.community-mini-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
.community-mini-card span{color:rgba(255,255,255,.72);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.community-mini-card small{margin-top:5px;color:rgba(255,255,255,.72);font-weight:700}
.community-mini-card.is-highlight{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(106,56,255,.22));border-color:rgba(255,255,255,.18)}
.community-live-bar{max-width:none;margin:0 0 12px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:800;box-shadow:none}
.community-create{position:relative;overflow:hidden;border:1px solid rgba(219,231,255,.92);box-shadow:0 18px 42px rgba(16,24,40,.06)}
.community-create::before{content:'';position:absolute;inset:0 0 auto 0;height:130px;background:linear-gradient(135deg,rgba(46,107,255,.12),rgba(106,56,255,.10),transparent);pointer-events:none}
.community-create-head{position:relative;z-index:1}
.community-create-strip{display:flex;gap:10px;flex-wrap:wrap;margin:-2px 0 10px;position:relative;z-index:1}
.community-create-strip span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #e5ecf7;color:#344054;font-weight:800;box-shadow:0 10px 24px rgba(16,24,40,.04)}
.composer-ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.composer-idea{padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f7faff);border:1px solid #e6edf8}
.composer-idea strong{display:block;font-size:.95rem;margin-bottom:4px}
.composer-idea span{color:#667085;font-size:.88rem;line-height:1.4}
.composer-editor textarea{font-size:1rem;line-height:1.6}
.composer-submit{box-shadow:0 16px 32px rgba(46,107,255,.18)}
.community-empty-state{display:grid;place-items:center;gap:8px;padding:34px 18px;background:linear-gradient(135deg,#fff,#f8fbff);border-style:solid}
.community-empty-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#f3edff);font-size:1.6rem;color:#3556d8}
.community-empty-state strong{font-size:1.05rem}
.community-empty-state p{margin:0;color:#667085;max-width:520px;line-height:1.6;text-align:center}
.post-card{overflow:hidden;border-radius:26px}
.post-accent{height:6px;background:linear-gradient(90deg,#e5e7eb,#cbd5e1)}
.post-accent.is-post{background:linear-gradient(90deg,#2e6bff,#6a38ff)}
.post-accent.is-offer{background:linear-gradient(90deg,#ff9b3d,#ff5f6d)}
.post-accent.is-event{background:linear-gradient(90deg,#2e6bff,#55c2ff)}
.post-accent.is-business{background:linear-gradient(90deg,#12b76a,#52d48f)}
.post-accent.is-media{background:linear-gradient(90deg,#7c3aed,#c084fc)}
.post-top{padding-top:18px}
.post-headline-row strong{font-size:1rem}
.post-meta-line{display:inline-flex;align-items:center;gap:6px}
.post-content{padding-top:10px}
.post-body{font-size:1.01rem;line-height:1.72}
.post-inline-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#eef4ff;color:#2944d0;font-weight:800;margin:0 2px}
.post-media{position:relative;background:linear-gradient(180deg,#f4f7fb,#eef3fb)}
.post-media img,.post-media video{transition:transform .45s ease}
.post-card:hover .post-media img,.post-card:hover .post-media video{transform:scale(1.018)}
.post-stats-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.post-stats-row strong{font-size:.96rem;color:#101828}
.post-reactions-preview{display:inline-flex;align-items:center}
.post-reactions-preview span{width:28px;height:28px;margin-right:-7px;border-radius:999px;display:grid;place-items:center;background:#fff;border:1px solid #edf1f7;box-shadow:0 8px 20px rgba(16,24,40,.08)}
.post-actions-row{position:relative}
.comment-box{background:linear-gradient(180deg,#fff,#fbfcff)}
.see-more-comments{padding-top:4px}
@media (max-width: 980px){
  .community-hero{grid-template-columns:1fr}
  .community-hero h1{font-size:1.9rem}
  .community-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .community-hero-main,.community-hero-side,.community-create,.post-card{border-radius:22px}
  .community-hero-main{padding:20px}
  .community-hero h1{font-size:1.7rem}
  .community-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .community-create-strip{gap:8px}
  .composer-ideas{grid-template-columns:1fr}
  .post-stats-row{align-items:flex-start}
}


/* ===== Feed premium estable: overrides anti-solapamientos ===== */
.feed-layout,.community-shell,.community-side,.side-stack,.grid,.community-hero,.community-hero-main,.community-hero-side{overflow:visible}

.community-shell{
  grid-template-columns:minmax(0,1.55fr) minmax(290px,.9fr) 78px;
  gap:20px;
}
.community-shell > .community-active-rail{
  width:78px;
  min-width:78px;
}

.active-panel{
  padding-left:0;
  padding-right:0;
  background:transparent;
  backdrop-filter:none;
  border:none;
  box-shadow:none;
}

.active-panel-rail{
  position:sticky;
  top:92px;
  right:auto;
  width:78px;
  height:auto;
  max-height:none;
  z-index:20;
}

.active-users-list{
  gap:12px;
  padding:6px 0 4px;
}

.active-user-card{
  width:78px;
}

.active-user-name-hover{
  right:calc(100% + 10px);
  max-width:220px;
}

.avatar-online-card{
  width:58px;
  height:58px;
}

.avatar-presence{
  left:3px;
  bottom:3px;
}

.avatar-unread-dot{
  right:0;
  top:0;
}

.rp-shell{
  gap:12px;
}

.rp-card,
.whatsapp-tip-box,
#community-messages-card{
  overflow:hidden;
  position:relative;
  isolation:isolate;
}

.community-hero-side{
  min-width:0;
}

.community-hero-metrics > div,
.community-mini-card{
  min-width:0;
}

.community-hero-metrics span,
.community-mini-card small,
.community-mini-card span{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.community-hero-metrics strong,
.community-mini-card strong{
  margin-bottom:4px;
}

@media (max-width: 1180px){
  .community-shell{
    grid-template-columns:minmax(0,1fr) 280px 72px;
    gap:16px;
  }
  .active-panel-rail,
  .community-shell > .community-active-rail,
  .active-user-card{
    width:72px;
    min-width:72px;
  }
  .avatar-online-card{
    width:54px;
    height:54px;
  }
}

@media (max-width: 980px){
  .community-shell{
    grid-template-columns:1fr;
    grid-template-areas:'avatars' 'main' 'side';
  }
  .community-shell > .community-active-rail,
  .active-panel-rail,
  .active-user-card{
    width:auto;
    min-width:0;
  }

  .active-users-list{
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-start;
    gap:12px;
    padding:0 0 10px;
    overflow:auto;
  }
  .active-user-card{
    flex:0 0 auto;
  }
  .active-user-name-hover{
    left:50%;
    right:auto;
    top:calc(100% + 10px);
    transform:translateX(-50%) translateY(-4px);
    max-width:180px;
  }
  .active-user-name-hover::after{
    left:50%;
    right:auto;
    top:-12px;
    transform:translateX(-50%);
    border:6px solid transparent;
    border-bottom-color:#101828;
    border-right-color:transparent;
    border-left-color:transparent;
  }
}

@media (max-width: 720px){
  .community-hero-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .community-hero-metrics div,
  .community-mini-card{
    padding:13px 12px;
    border-radius:18px;
  }
  .community-hero-metrics strong,
  .community-mini-card strong{
    font-size:1.28rem;
  }
}


/* ===== SaaS comercial actions ===== */
.saas-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;margin:14px 0 18px;border-radius:24px;background:linear-gradient(135deg,rgba(46,107,255,.08),rgba(106,56,255,.08));border:1px solid rgba(46,107,255,.14);box-shadow:0 16px 36px rgba(15,23,42,.05)}
.saas-toolbar-copy{display:grid;gap:6px;max-width:720px}
.saas-toolbar-copy strong{font-size:1rem;color:var(--text)}
.saas-toolbar-copy span{color:var(--muted);line-height:1.5}
.saas-toolbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.saas-empty-state{display:grid;gap:10px;padding:16px;border:1px dashed rgba(148,163,184,.4);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff)}
#rp-form-card{scroll-margin-top:110px}
@media (max-width: 980px){
  .saas-toolbar{flex-direction:column;align-items:stretch}
  .saas-toolbar-actions{justify-content:flex-start}
}

.saas-form-card{border:1px solid rgba(46,107,255,.14);box-shadow:0 18px 40px rgba(15,23,42,.08);background:linear-gradient(180deg,#ffffff,#fbfdff)}
.saas-form-card h2{margin-top:0}
.saas-form-card:target{outline:0;box-shadow:0 0 0 3px rgba(46,107,255,.18),0 18px 40px rgba(15,23,42,.08);animation:saasTargetGlow 1.1s ease}
@keyframes saasTargetGlow{0%{transform:translateY(8px);opacity:.92}100%{transform:none;opacity:1}}

/* ===== Composer SaaS Pro real ===== */
.community-create-strip.is-minimal{margin:0 0 8px}
.community-create-strip.is-minimal span{background:rgba(255,255,255,.72);backdrop-filter:blur(10px);color:#475467;font-weight:700;box-shadow:none}
.composer-form-pro{gap:2px;padding:6px 2px 0}
.composer-form-pro .composer-topbar{align-items:flex-start}
.composer-form-pro .composer-pill{padding:10px 14px;border-radius:999px;font-weight:800}
.composer-form-pro .composer-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.composer-form-pro .composer-mode{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px}
.composer-editor-pro{padding:10px;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e6edf8;box-shadow:0 12px 34px rgba(16,24,40,.05)}
.composer-editor-pro textarea{border:0;box-shadow:none;background:transparent;min-height:138px;padding:10px 12px 10px 12px;resize:vertical}
.composer-editor-pro textarea:focus{box-shadow:none}
.composer-editor-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 6px 6px}
.composer-linkbar{display:grid;gap:8px}
.composer-linklabel{font-weight:800;color:#344054}
.composer-linkinput{width:100%;padding:14px 16px;border:1px solid #d8e2f0;border-radius:18px;background:#fff;outline:none}
.composer-linkinput:focus{border-color:rgba(46,107,255,.45);box-shadow:0 0 0 4px rgba(46,107,255,.08)}
.composer-preview-pro{padding:14px;border-style:solid;background:linear-gradient(180deg,#fcfdff,#f7faff)}
.composer-preview-media{display:grid;gap:12px;background:transparent}
.composer-preview-block,.composer-link-card,.composer-text-preview{border:1px solid #e4eaf5;border-radius:18px;background:#fff;overflow:hidden}
.composer-preview-block img,.composer-preview-block video{display:block;width:100%;max-height:320px;object-fit:cover}
.composer-link-card{display:block;text-decoration:none;color:inherit}
.composer-link-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #eef2f7;font-size:.92rem;color:#475467}
.composer-link-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#3157dd;font-weight:800}
.composer-link-embed{position:relative;width:100%;padding-top:56.25%;background:#0f172a}
.composer-link-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.composer-link-url{padding:14px 14px 6px;font-weight:700;word-break:break-word}
.composer-link-help{padding:0 14px 14px;color:#667085;font-size:.9rem}
.composer-text-preview{padding:14px}
.composer-text-preview strong{display:block;margin-bottom:8px}
.composer-text-preview p{margin:0;color:#475467;line-height:1.6}
.composer-tools-row-pro{padding-top:0}
.composer-tools-row-pro .composer-tool-row{gap:10px}
.composer-tools-row-pro .composer-submit{min-width:160px}

.post-inline-link{color:#3157dd;font-weight:700;text-decoration:none;word-break:break-word}
.post-inline-link:hover{text-decoration:underline}
.post-link-preview-wrap{padding:0 14px 14px}
.post-link-preview{display:block;border:1px solid #e6edf8;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 10px 26px rgba(16,24,40,.05)}
.post-link-preview.is-youtube{padding:0}
.post-link-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #eef2f7}
.post-link-top a{color:#3157dd;font-weight:700;text-decoration:none}
.post-link-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#3157dd;font-weight:800}
.post-link-domain{color:#667085;font-weight:700}
.post-link-title{padding:14px 14px 6px;font-weight:800;word-break:break-word}
.post-link-meta{padding:0 14px 14px;color:#667085}
.post-embed-wrap{position:relative;width:100%;padding-top:56.25%;background:#0f172a}
.post-embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.share-sheet-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(3px);z-index:1200}
.share-sheet{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);width:min(560px,calc(100% - 24px));background:#fff;border:1px solid #e5eaf3;border-radius:24px;box-shadow:0 28px 70px rgba(16,24,40,.22);z-index:1201;padding:18px}
.share-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.share-sheet-sub{margin-top:4px;color:#64748b;font-size:.92rem}
.share-sheet-close{width:38px;height:38px;border-radius:999px;border:1px solid #e5eaf3;background:#fff;font-size:1.3rem;cursor:pointer}
.share-sheet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.share-option{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 14px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#fff,#f8fbff);font-weight:800;color:#1d2939;text-decoration:none;cursor:pointer;box-shadow:0 12px 28px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.95);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.share-option:hover{transform:translateY(-1px);border-color:rgba(46,107,255,.35);color:#3157dd;background:#eef4ff;box-shadow:0 16px 34px rgba(46,107,255,.10), inset 0 1px 0 rgba(255,255,255,.98)}

@media (max-width: 820px){
  .composer-form-pro .composer-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .share-sheet-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .composer-form-pro .composer-modes{grid-template-columns:1fr 1fr}
  .composer-editor-actions{justify-content:flex-start;padding-left:8px}
  .share-sheet{bottom:12px;padding:14px;border-radius:20px}
  .share-sheet-actions{grid-template-columns:1fr}
}


/* Composer inteligente limpio */
.composer-topbar-clean{margin-bottom:2px}
.composer-form-pro .composer-topbar-clean{align-items:center}
.composer-smartbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #e6edf8;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f7faff)}
.composer-smarttext{display:grid;gap:4px;min-width:0}
.composer-smart-kicker{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#3157dd}
.composer-smarttext strong{font-size:1.05rem;color:#101828}
.composer-smarttext span:last-child{color:#667085;line-height:1.45}
.composer-type-select-wrap{display:grid;gap:6px;min-width:170px;font-size:.85rem;font-weight:800;color:#475467}
.composer-type-select{appearance:none;-webkit-appearance:none;padding:12px 14px;border:1px solid #d8e2f0;border-radius:14px;background:#fff;font-weight:700;color:#101828;outline:none}
.composer-type-select:focus{border-color:rgba(46,107,255,.45);box-shadow:0 0 0 4px rgba(46,107,255,.08)}
.composer-linklabel{display:flex;align-items:center;gap:8px}
@media (max-width: 780px){
  .composer-smartbar{flex-direction:column;align-items:stretch}
  .composer-type-select-wrap{min-width:0}
}

/* Composer social local pro */
.composer-badge-static{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-weight:800;font-size:.94rem;white-space:nowrap}
.composer-smartbar-local{align-items:center}
.composer-enhance-btn{border:1px solid #d8def2;background:#fff;border-radius:999px;padding:12px 16px;font-weight:800;color:#24324a;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.composer-enhance-btn.is-open{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent}
.composer-addons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #e6edf8;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fbff)}
.composer-addon-item{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:14px;border:1px solid #e6ebf5;border-radius:18px;background:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.composer-addon-item:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08);border-color:#cfd9f6}
.composer-addon-item span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:12px;background:#f3f6fd;font-weight:800}
.composer-addon-item strong{display:block;color:#142033;font-size:1rem;line-height:1.2}
.composer-addon-item small{display:block;margin-top:4px;color:#667085;line-height:1.35}
.composer-helper-chips{display:flex;flex-wrap:wrap;gap:10px}
.composer-helper-chip{border:1px solid #dce5f4;background:#fff;border-radius:999px;padding:10px 14px;font-weight:700;color:#42526b;cursor:pointer}
.composer-helper-chip:hover{border-color:#c7d6ff;color:#2841c7;background:#f8faff}
.composer-editor-pro textarea{min-height:180px}
.composer-linklabel{font-weight:800;color:#54627a}
@media (max-width: 760px){
  .composer-addons{grid-template-columns:1fr}
  .composer-smartbar-local{flex-direction:column;align-items:stretch}
  .composer-badge-static{align-self:flex-start}
}

.composer-smartbar-compact{padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #e6edf8}
.composer-smartbar-compact .composer-smarttext{gap:4px}
.composer-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:2px}
.composer-action-icon{appearance:none;border:1px solid #dbe5f5;background:#fff;border-radius:18px;padding:10px 12px;display:flex;align-items:center;gap:10px;font-weight:700;color:#23324a;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;text-align:left}
.composer-action-icon:hover{transform:translateY(-1px);border-color:#c8d7ff;box-shadow:0 12px 26px rgba(79,70,229,.10)}
.composer-action-icon-badge{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#f6f8ff,#eef3ff);font-size:17px;flex:0 0 34px}
.composer-action-icon span:last-child{font-size:14px;line-height:1}
.composer-tools-row-pro{margin-top:14px;justify-content:flex-start}
.composer-tools-row-pro .composer-submit-wrap{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}
.composer-tools-row-pro .composer-submit{min-width:174px}
.composer-addons,.composer-helper-chips,.composer-enhance-btn{display:none!important}
@media (max-width: 640px){
  .composer-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .composer-action-icon{flex-direction:column;justify-content:center;text-align:center;padding:12px 8px;gap:8px}
  .composer-action-icon span:last-child{font-size:12px}
  .composer-action-icon-badge{width:36px;height:36px;border-radius:12px}
}


/* Composer social compacto */
.community-create-head-clean{margin-bottom:6px}
.community-create-head-clean .section-head{align-items:flex-start}
.community-create-head-clean p{max-width:720px}
.composer-topbar-social{margin-bottom:12px;padding-bottom:2px}
.composer-avatar-round,.composer-avatar-round img{border-radius:999px!important}
.composer-avatar-round{width:54px;height:54px;box-shadow:0 6px 18px rgba(15,23,42,.10);overflow:hidden}
.composer-topbar-social .meta{font-size:.92rem;color:#667085}
.composer-editor-social textarea{min-height:150px;font-size:1.05rem;border-radius:24px;padding:22px 22px 56px}
.composer-editor-actions-social{right:16px;bottom:14px}
.composer-editor-actions-social .composer-mini{width:38px;height:38px;border-radius:999px}
.composer-linkbar{margin-top:12px}
.composer-linklabel{font-weight:700;color:#667085;font-size:.92rem}
.composer-linkinput{border-radius:16px}
.composer-quick-actions-social{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:0;border-top:0}
.composer-action-icon-mini{width:46px;height:46px;padding:0;border-radius:999px;justify-content:center;gap:0;box-shadow:none}
.composer-action-icon-mini:hover{transform:translateY(-1px)}
.composer-action-icon-mini .composer-action-icon-badge{width:46px;height:46px;border-radius:999px;background:#f4f7fb;font-size:20px}
.composer-action-icon:not(.composer-action-icon-mini) span:last-child{display:none}
.composer-action-feedback{margin-top:10px;padding:10px 12px;border:1px solid #dbe5f5;border-radius:14px;background:#f8fbff;color:#3157dd;font-weight:700}
.composer-tools-row-pro{margin-top:12px}
.composer-tools-row-pro .composer-submit-wrap{justify-content:space-between}
.composer-tools-row-pro .composer-submit{min-width:160px;border-radius:999px}
#community-create-card .pill{display:none}
.composer-smartbar,.composer-smartbar-local,.composer-smartbar-compact,.composer-badge-static{display:none!important}
@media (max-width:640px){
  .composer-editor-social textarea{min-height:132px;padding:18px 18px 52px}
  .composer-quick-actions-social{flex-wrap:wrap}
  .composer-action-icon-mini{width:44px;height:44px}
  .composer-action-icon-mini .composer-action-icon-badge{width:44px;height:44px}
}


/* Composer compact premium fix */
.composer-quick-actions-social{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.composer-action-icon-mini{position:relative;width:52px;height:52px;min-width:52px;border:1px solid #dbe5f5;background:#fff;padding:0;border-radius:999px;display:grid;place-items:center;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.composer-action-icon-mini .composer-action-icon-badge{width:52px;height:52px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff,#f6f9ff);color:#4256d8;border:1px solid #e3e9f6}
.composer-action-icon-mini .composer-action-icon-badge svg{width:22px;height:22px;display:block}
.composer-action-icon-mini:hover{border-color:#c8d7ff;background:#f8faff;box-shadow:0 12px 28px rgba(79,70,229,.12)}
.composer-action-icon-mini:hover .composer-action-icon-badge{color:#2841c7;border-color:#cfdbff;background:linear-gradient(180deg,#fdfdff,#eef4ff)}
.composer-action-icon-mini:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(79,70,229,.14),0 10px 24px rgba(15,23,42,.08)}
.composer-action-feedback{display:block;margin-top:12px;padding:10px 12px;border:1px solid #dbe5f5;border-radius:14px;background:#f8fbff;color:#3157dd;font-weight:700}
.composer-action-feedback[hidden]{display:none!important}
@media (max-width: 640px){
  .composer-quick-actions-social{gap:10px}
  .composer-action-icon-mini,.composer-action-icon-mini .composer-action-icon-badge{width:48px;height:48px;min-width:48px}
  .composer-action-icon-mini .composer-action-icon-badge svg{width:20px;height:20px}
}

.composer-action-icon-badge{font-family:system-ui,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif !important;font-size:22px !important;line-height:1 !important;}

.composer-action-icon-mini .composer-action-icon-badge{font-family:system-ui,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif !important;font-size:22px !important;line-height:1 !important;display:grid !important;place-items:center !important;}
.composer-action-icon-mini .composer-action-icon-badge[aria-hidden="true"]{visibility:visible !important;opacity:1 !important;}
.composer-action-icon-mini .composer-action-icon-badge svg{display:none !important;}


/* Composer premium profesional v2 */
.composer-inline-panels{display:grid;gap:12px;margin-top:14px}
.composer-panel-sheet{border:1px solid #e4ebf7;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:20px;padding:14px 14px 16px;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.composer-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.composer-panel-head strong{font-size:1rem;color:#142033}
.composer-panel-close{appearance:none;border:0;background:#eef3ff;color:#3d56d6;width:34px;height:34px;border-radius:999px;font-size:20px;cursor:pointer}
.composer-feelings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.composer-feeling-option,.composer-alert-type{appearance:none;border:1px solid #dbe5f5;background:#fff;border-radius:16px;padding:12px 10px;display:grid;place-items:center;gap:6px;font-weight:700;color:#24324a;cursor:pointer}
.composer-feeling-option span{font-size:24px;line-height:1}
.composer-feeling-option small{font-size:.8rem;color:#667085}
.composer-feeling-option:hover,.composer-alert-type:hover,.composer-alert-type.is-active{border-color:#bfd1ff;background:#f7faff;color:#2940c7}
.composer-mention-list,.composer-business-list{display:grid;gap:8px;max-height:250px;overflow:auto;padding-right:2px}
.composer-mention-option,.composer-business-option{appearance:none;border:1px solid #dbe5f5;background:#fff;border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}
.composer-mention-option:hover,.composer-business-option:hover{border-color:#c5d4ff;background:#f8fbff}
.composer-mention-option .avatar.mini{width:34px;height:34px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#eef3ff;color:#3b55d9;font-weight:800}
.composer-mention-option .avatar.mini img{width:100%;height:100%;object-fit:cover}
.composer-panel-search{width:100%;border:1px solid #dbe5f5;border-radius:14px;padding:12px 14px;font-size:.96rem;outline:none;margin-bottom:10px}
.composer-panel-search:focus{border-color:#bfd1ff;box-shadow:0 0 0 4px rgba(79,70,229,.08)}
.composer-business-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f4f7fb;color:#3157dd;overflow:hidden;flex:0 0 42px}
.composer-business-logo img{width:100%;height:100%;object-fit:cover}
.composer-business-main{display:grid;gap:3px;min-width:0}
.composer-business-main strong{font-size:.95rem;color:#101828}
.composer-business-main small{font-size:.8rem;color:#667085}
.composer-alert-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.composer-selected-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.composer-selected-chip{appearance:none;border:1px solid #d6e0f5;background:#fff;border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#23324a;cursor:pointer}
.composer-selected-chip span{font-size:16px;line-height:1}
.composer-selected-chip b{font-size:14px;opacity:.55}
.composer-selected-chip.is-recommend{background:#fffaf0;border-color:#f0dfb0}
.composer-selected-chip.is-alert{background:#fff5f5;border-color:#ffd1d1}
.composer-preview-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.composer-preview-tools .composer-selected-chip{pointer-events:none}
.composer-action-icon-mini{width:50px;height:50px;min-width:50px;border:1px solid #d9e2f3;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 26px rgba(15,23,42,.06);padding:0;display:grid;place-items:center}
.composer-action-icon-mini .composer-action-icon-badge{width:50px;height:50px;border-radius:999px;background:transparent;border:0;color:#4256d8;display:grid;place-items:center}
.composer-action-icon-mini .composer-action-icon-badge svg{display:block !important;width:21px;height:21px;stroke:currentColor}
.composer-action-icon-mini:hover{border-color:#c7d7ff;background:linear-gradient(180deg,#fff,#eef4ff);box-shadow:0 14px 30px rgba(79,70,229,.13)}
.composer-action-icon-mini:hover .composer-action-icon-badge{color:#2641c8}
.post-structured-wrap{display:grid;gap:10px;margin-bottom:12px}
.post-structured-chip,.post-structured-card{display:flex;align-items:center;gap:12px;border:1px solid #e1e8f5;border-radius:18px;padding:12px 14px;background:linear-gradient(180deg,#fff,#f9fbff)}
.post-structured-chip.is-feeling{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;padding:10px 14px}
.post-structured-chip .icon{font-size:18px}
.post-structured-card.is-recommend{text-decoration:none;color:inherit}
.post-structured-logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eef3ff;color:#3157dd;overflow:hidden;flex:0 0 48px}
.post-structured-logo img{width:100%;height:100%;object-fit:cover}
.post-structured-main{display:grid;gap:3px;min-width:0;flex:1}
.post-structured-main strong{font-size:.88rem;letter-spacing:.02em;text-transform:uppercase;color:#667085}
.post-structured-main span{font-weight:800;color:#101828}
.post-structured-main small{color:#667085}
.post-structured-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;background:#eef4ff;color:#3157dd;font-weight:800}
.post-structured-card.is-alert{background:linear-gradient(180deg,#fff7f7,#fff);border-color:#ffd8d8}
.post-structured-alert-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#fff0f0;font-size:20px;flex:0 0 46px}
@media (max-width: 640px){
  .composer-feelings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .composer-alert-types{grid-template-columns:1fr}
}

/* Feed PRO completo */
.composer-panel-copy{font-size:.9rem;color:#667085;margin-bottom:12px}
.composer-panel-empty{padding:14px 16px;border:1px dashed #d7deee;border-radius:16px;background:#fafcff;color:#667085;font-size:.92rem}
.composer-panel-search{width:100%}
.entity-content{display:grid;gap:8px}
.entity-kicker{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#667085}
.entity-title{margin:0;font-size:1.18rem;line-height:1.2}
.entity-title a{color:#101828;text-decoration:none}
.entity-title a:hover{color:#3157dd}
.entity-business-line,.entity-event-line,.entity-owner-line{color:#667085;font-size:.93rem}
.entity-summary{margin-top:2px}
.unified-entity-card .post-media img,.unified-entity-card .post-media video{max-height:340px;object-fit:cover;width:100%}
.entity-stats-row{justify-content:space-between;gap:12px;flex-wrap:wrap}
.entity-actions-row .action-chip{justify-content:center}
.unified-offer .post-accent{background:linear-gradient(180deg,#f59e0b,#fbbf24)}
.unified-event .post-accent{background:linear-gradient(180deg,#2563eb,#60a5fa)}
.unified-business .post-accent{background:linear-gradient(180deg,#10b981,#34d399)}
.composer-mention-option strong,.composer-business-option strong{display:block}
@media (max-width: 768px){
  .entity-title{font-size:1.06rem}
  .entity-stats-row{align-items:flex-start}
}


/* Composer PRO definitivo */
.composer-editor-social{position:relative;padding:12px 12px 14px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #e1e8f5;box-shadow:0 18px 42px rgba(15,23,42,.06)}
.composer-editor-social textarea{min-height:168px;font-size:1.05rem;border-radius:22px;padding:18px 18px 14px;background:transparent}
.composer-editor-helper{padding:0 10px 4px;color:#667085;font-size:.92rem;font-weight:600}
.composer-linkbar{margin-top:10px;padding:14px;border:1px solid #dfe7f5;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 12px 30px rgba(15,23,42,.05)}
.composer-linkbar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.composer-linkbar.is-collapsed{display:none!important}
.composer-linkbar-close{width:34px;height:34px;border-radius:999px;border:1px solid #dbe4f2;background:#fff;color:#4256d8;font-size:1.2rem;cursor:pointer}
.composer-linkbar-close:hover{background:#eef4ff;border-color:#cbd9ff}
.composer-footer-pro{display:grid;gap:14px;margin-top:10px;padding-top:4px}
.composer-footer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.composer-footer-title{font-size:.9rem;font-weight:800;letter-spacing:.01em;color:#667085}
.composer-quick-actions-social{margin-top:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.composer-action-icon-mini{width:100%;height:auto;min-width:0;border-radius:22px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.composer-action-icon-mini .composer-action-icon-badge{width:50px;height:50px;flex:0 0 50px}
.composer-action-text{display:block;font-size:.82rem;font-weight:800;color:#405070;line-height:1.1;text-align:center}
.composer-action-icon-mini.is-active{border-color:#bfcfff;background:linear-gradient(180deg,#f8fbff,#eef4ff);box-shadow:0 14px 30px rgba(79,70,229,.14)}
.composer-action-icon-mini.is-active .composer-action-icon-badge{color:#2641c8}
.composer-tools-row-pro{margin-top:0}
.composer-submit-wrap-pro{justify-content:flex-end}
.composer-submit-wrap-pro .composer-submit{min-width:180px;height:52px;font-size:1rem;box-shadow:0 16px 32px rgba(79,70,229,.22)}
.composer-counter{font-weight:800;color:#5f6f89}
@media (max-width: 920px){
  .composer-quick-actions-social{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 560px){
  .composer-editor-social textarea{min-height:148px;font-size:1rem}
  .composer-footer-head{align-items:flex-start;flex-direction:column}
  .composer-quick-actions-social{grid-template-columns:repeat(2,minmax(0,1fr))}
  .composer-submit-wrap-pro .composer-submit{width:100%}
}

/* --- Composer negocio pro overrides --- */
.composer-business-strip{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e2e9f7;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 24px rgba(15,23,42,.04);color:#2a3956}
.composer-business-strip span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#eef3ff;color:#4056db;font-weight:900}
.composer-business-strip strong{font-size:.95rem}
.composer-business-strip small{color:#68768f;font-weight:700}

.composer-inline-panels{margin-top:10px}
.composer-selected-tools{margin-top:10px}
.composer-inline-panels[hidden],
.composer-action-feedback[hidden]{display:none!important}
#composerInlinePanels:empty,
#composerSelectedTools:empty{display:none}

.composer-linkbar{margin-top:8px;padding:12px 14px}
.composer-linkbar-head{margin-bottom:8px}
.composer-linkinput{min-height:48px}
.composer-footer-pro-business{gap:10px;margin-top:4px;padding-top:0}
.composer-quick-actions-social{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;margin-top:0}
.composer-action-icon-mini{position:relative;flex:1 1 0;width:auto;min-width:0;height:50px;padding:0;border-radius:999px;display:grid;place-items:center}
.composer-action-icon-mini .composer-action-icon-badge{width:50px;height:50px;flex:0 0 50px}
.composer-action-text{display:none!important}
.composer-action-icon-mini::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(6px);padding:7px 10px;border-radius:10px;background:#1d2b44;color:#fff;font-size:.76rem;font-weight:800;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 12px 28px rgba(15,23,42,.18);transition:opacity .16s ease,transform .16s ease}
.composer-action-icon-mini::before{content:'';position:absolute;left:50%;bottom:100%;transform:translateX(-50%) translateY(6px);border:6px solid transparent;border-top-color:#1d2b44;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.composer-action-icon-mini:hover::after,
.composer-action-icon-mini:hover::before,
.composer-action-icon-mini:focus-visible::after,
.composer-action-icon-mini:focus-visible::before{opacity:1;transform:translateX(-50%) translateY(0)}
.composer-tools-row-pro{margin-top:2px}
.composer-tools-row-pro .composer-submit-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.composer-counter-inline{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:0;font-size:1rem;font-weight:900;color:#52617d}
.composer-tools-row-pro .composer-submit{min-width:158px;height:50px;border-radius:999px;font-size:1rem;font-weight:900;box-shadow:0 14px 34px rgba(79,70,229,.22)}

@media (max-width: 760px){
  .composer-business-strip{flex-wrap:wrap;gap:8px}
  .composer-business-strip small{width:100%}
  .composer-quick-actions-social{gap:6px}
  .composer-action-icon-mini{height:46px}
  .composer-action-icon-mini .composer-action-icon-badge{width:46px;height:46px}
  .composer-tools-row-pro .composer-submit{min-width:132px;height:46px}
}

@media (max-width: 520px){
  .composer-quick-actions-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .composer-action-icon-mini{width:100%;height:48px}
  .composer-tools-row-pro .composer-submit-wrap{gap:10px}
}

.post-mentions-row{display:grid;gap:10px;margin-bottom:12px}
.post-structured-card.is-mention{background:linear-gradient(180deg,#f8fbff,#fff);border-color:#d8e5ff;text-decoration:none;color:inherit}
.post-mention-avatar{width:46px;height:46px;border-radius:14px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f7cff,#6e3cff);color:#fff;font-weight:800;flex:0 0 46px}
.post-mention-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.post-link-title{word-break:break-word}
.composer-selected-chip.is-mention{background:#f6faff;border-color:#cfe0ff}


/* ===== Right panel fine layout fix ===== */
.rp-shell{gap:16px}
.rp-shell > *{min-width:0}
.rp-card-body{display:grid;gap:12px}
.rp-mini-head{margin-bottom:0;align-items:flex-start}
.rp-mini-head > div{min-width:0}
.rp-mini-head strong{margin:0;line-height:1.3;word-break:break-word}
.rp-muted{margin:0;line-height:1.55}
.rp-actions{margin-top:0}
.rp-action-btn{width:100%}
.rp-extra-card{display:block}
#community-messages-card{padding:16px}
#community-messages-card .section-head{margin-bottom:12px}
#community-messages-card .mini-list{display:grid;gap:12px}
#community-messages-card .comment{margin:0;padding:14px 16px;position:static;line-height:1.55;border-radius:16px;background:#fff;border:1px solid #e8eef7;box-shadow:none}
#community-messages-card .comment + .comment{margin-top:0}
@media (max-width: 1180px){
  .rp-shell{position:static}
}

.home-app-streams{display:none !important;}

/* Home activity panel refinement */
.home-community-main{padding:22px 22px 20px}
.home-community-posts{gap:14px}
.home-mini-post{
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff,#fbfcff);
  border:1px solid #e8edf5;
  box-shadow:0 10px 24px rgba(16,24,40,.05);
}
.home-mini-post-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.home-mini-post-user{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.home-mini-post-avatar{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(16,24,40,.08);
}
.home-mini-post-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-mini-post-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.home-mini-post-meta strong{
  display:block;
  font-size:1rem;
  line-height:1.2;
  color:#0f172a;
}
.home-mini-post-meta span{
  display:block;
  color:#667085;
  font-size:.9rem;
  line-height:1.35;
}
.home-mini-post-open{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  height:36px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #dbe3f0;
  background:#fff;
  color:#1d4ed8;
  font-weight:700;
  font-size:.88rem;
}
.home-mini-post-open:hover{
  background:#eef4ff;
  border-color:#c9d8ff;
}
.home-mini-post-body{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #eef2f7;
  color:#182230;
  line-height:1.55;
  font-size:.98rem;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media (max-width:780px){
  .home-community-main{padding:14px}
  .home-mini-post{padding:14px 15px;border-radius:18px}
  .home-mini-post-head{align-items:flex-start}
  .home-mini-post-avatar{width:46px;height:46px;flex-basis:46px;border-radius:14px}
  .home-mini-post-open{height:34px;padding:0 11px;font-size:.84rem}
  .home-mini-post-body{font-size:.95rem}
}

/* ===== Header pro responsive + branding ===== */
.brand{min-width:0;gap:12px}
.brand-text{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-logo{width:40px;height:40px;border-radius:14px;object-fit:cover;display:block;box-shadow:0 10px 24px rgba(46,107,255,.18);background:#fff;border:1px solid rgba(148,163,184,.22)}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}
.topbar-shell{display:grid;grid-template-columns:minmax(180px,auto) minmax(160px,1fr) auto;align-items:center;width:100%;gap:16px;min-height:72px}
.topbar-center{min-width:0}
.top-search-link{width:min(100%,180px);min-width:0;padding:11px 16px;border-radius:16px}
.topbar-desktop-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.top-primary-mobile,.topbar-mobile-menu{display:none}
.topbar-mobile-menu{position:relative}
.topbar-mobile-menu summary{list-style:none}
.topbar-mobile-menu summary::-webkit-details-marker{display:none}
.top-menu-trigger{cursor:pointer}
.top-menu-popover{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;padding:10px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 50px rgba(15,23,42,.14);display:flex;flex-direction:column;gap:6px;z-index:80}
.top-menu-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;color:var(--text);font-weight:700}
.top-menu-item:hover{background:#f6f9ff;color:var(--brand)}
.topbar-right > .top-action, .topbar-right > .btn{flex:0 0 auto}
.top-cta-register .cta-short{display:none}
.top-login-mobile{display:inline-flex}


@media (max-width: 1180px){
  .topbar-shell{grid-template-columns:minmax(160px,auto) minmax(120px,1fr) auto}
  .top-action,.top-search-link{padding:10px 12px}
}

@media (max-width: 900px){
  .topbar-shell{grid-template-columns:auto 1fr auto;gap:10px;min-height:auto;padding:10px 0}
  .brand-text{max-width:140px;font-size:1.05rem}
  .topbar-center{justify-content:center}
  .top-search-link{width:100%;max-width:100%;padding:10px 14px}
  .topbar-desktop-actions{display:none}
  .top-primary-mobile{display:inline-flex;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-mobile-menu{display:block}
}

@media (max-width: 720px){
  .topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
  .topbar-shell{grid-template-columns:minmax(0,1fr) 44px auto;align-items:center;gap:8px;min-height:auto;padding:8px 0}
  .brand{gap:10px}
  .brand-logo,.brand-mark{width:34px;height:34px;border-radius:11px}
  .brand-text{max-width:118px;font-size:.98rem;font-weight:800}
  .top-search-link{width:44px;height:44px;padding:0;border-radius:14px;justify-content:center}
  .top-search-link span:last-child,.top-action span:last-child,.top-primary-mobile span:last-child,.top-menu-trigger span:last-child{display:none}
  .top-action,.top-primary-mobile,.top-menu-trigger{width:44px;height:44px;padding:0;justify-content:center;border-radius:14px}
  .top-cta{min-width:auto;height:44px;padding:0 13px;border-radius:14px;font-size:.9rem}
  .top-cta-register .cta-long{display:none}
  .top-cta-register .cta-short{display:inline}
  .topbar-right{gap:6px;flex-wrap:nowrap}
}

@media (max-width: 560px){
  .topbar-shell{grid-template-columns:minmax(0,1fr) 44px auto;gap:8px}
  .brand{gap:8px}
  .brand-logo,.brand-mark{width:32px;height:32px;border-radius:10px}
  .brand-text{max-width:104px;font-size:.95rem}
  .topbar-center{min-width:0}
  .top-search-link{min-width:0}
  .top-cta{font-size:.84rem;padding:0 11px}
  .top-primary-mobile{display:none}
  .topbar-mobile-menu{display:block}
}


/* ===== Pulido global final ===== */
:root{
  --radius-card:22px;
  --radius-soft:18px;
  --shadow-card:0 18px 44px rgba(15,23,42,.07);
  --shadow-hover:0 22px 54px rgba(15,23,42,.11);
  --border-soft:1px solid rgba(148,163,184,.16);
}
html{scroll-padding-top:92px}
body{color:#122033}
a,button,[role="button"],summary,input,textarea,select{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s ease,opacity .2s ease}
.topbar{
  position:sticky;
  top:0;
  z-index:70;
  border-bottom:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
}
.topbar-shell{min-height:76px;gap:18px}
@media (max-width:720px){
  .wrap.topbar-inner{padding-left:12px;padding-right:12px}
}
.topbar-left,.topbar-center,.topbar-right{min-width:0}
.brand{
  padding:8px 0;
}
.brand-logo,.brand-mark{flex:0 0 auto}
.brand-text{font-weight:800;letter-spacing:-.02em}
.top-search-link{
  justify-content:flex-start;
  border:var(--border-soft);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.98));
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}
.top-search-link:hover{border-color:rgba(46,107,255,.28);background:#fff;box-shadow:0 10px 26px rgba(46,107,255,.10)}
.top-action,.top-menu-item,.quick-link,.action-chip,.tool-pill,.quick-tag,.composer-mode,.composer-mini,.top-cta{
  border:var(--border-soft);
}
.top-action{
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}
.top-action:hover,.top-menu-item:hover,.quick-link:hover,.action-chip:hover,.tool-pill:hover,.quick-tag:hover,.composer-mode:hover,.composer-mini:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(46,107,255,.10);
}
.top-action-accent{box-shadow:0 14px 34px rgba(46,107,255,.18)}
.topbar-mobile-menu[open] .top-menu-trigger{
  background:linear-gradient(135deg,#eef4ff,#f4efff);
  border-color:rgba(46,107,255,.24);
  color:var(--brand);
}
.top-menu-popover{
  overflow:hidden;
  transform-origin:top right;
  animation:menuDrop .18s ease-out;
}
@keyframes menuDrop{
  from{opacity:0;transform:translateY(-6px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.main,.footer.has-sidebar,.mobile-quickbar{max-width:1180px;margin-left:auto;margin-right:auto}
.hero-card,.card,.compact-card,.stat,.search-v2-result,.search-v2-row,.home-mini-post,.post-card,.saas-row-card,.saas-mini-card,.saas-entity-card,.rp-card,.mini-business-card,.mini-offer-card,.mini-event-card{
  border-radius:var(--radius-card);
  border:var(--border-soft);
  box-shadow:var(--shadow-card);
}
.card:hover,.compact-card:hover,.search-v2-result:hover,.search-v2-row:hover,.home-mini-post:hover,.post-card:hover,.saas-row-card:hover,.saas-mini-card:hover,.saas-entity-card:hover{
  box-shadow:var(--shadow-hover);
}
.section-head h2,.search-v2-copy h1,.hero-title{letter-spacing:-.03em}
.post-card{background:linear-gradient(180deg,#fff,#fbfcff)}
.post-top{padding:16px 16px 0}
.post-content{padding:12px 16px 16px}
.post-body{font-size:.99rem;color:#182230}
.action-row{padding:12px 16px 14px;border-top:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(248,250,252,.75),rgba(255,255,255,.96))}
.action-chip{background:#fff;font-weight:700}
.action-chip .nav-svg,.action-chip .icon{opacity:.88}
.composer-editor textarea,.field input,.field textarea,.field select,.comment-box input,.search-v2-input{
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.composer-form,.search-v2-block,.search-v2-noresults,.search-v2-empty-card,.search-v2-summary-card,.home-community-main,.rp-card{position:relative;overflow:hidden}
.composer-form::before,.search-v2-block::before,.home-community-main::before,.rp-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(46,107,255,.22),transparent);
  pointer-events:none;
}
.search-v2-result,.search-v2-row{background:linear-gradient(180deg,#fff,#fbfcff)}
.search-v2-result-body h3,.search-v2-row-title{color:#132238}
.search-v2-score{color:#667085;font-weight:700}
.search-v2-type-chip{box-shadow:0 8px 18px rgba(46,107,255,.08)}
.home-mini-post{background:linear-gradient(180deg,#fff,#fbfcff)}
.home-mini-post-open{box-shadow:none}
.rp-card,.desktop-sidebar-inner{background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}
.rp-card + .rp-card{margin-top:0}
.mini-item,.search-v2-row-main,.home-mini-post-head-main{min-width:0}
.mobile-dock{
  border:1px solid rgba(148,163,184,.16);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 44px rgba(15,23,42,.14);
}
.mobile-dock a{position:relative}
.mobile-dock a.active::before{
  content:'';
  position:absolute;
  top:6px;
  left:50%;
  width:26px;
  height:3px;
  border-radius:999px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--brand),var(--brand2));
}
.mobile-fab{box-shadow:0 18px 34px rgba(46,107,255,.34)}
.footer-note{opacity:.92}
@media (max-width: 980px){
  .topbar-shell{gap:12px}
  .card:hover,.compact-card:hover,.search-v2-result:hover,.search-v2-row:hover,.home-mini-post:hover,.post-card:hover,.saas-row-card:hover,.saas-mini-card:hover,.saas-entity-card:hover{transform:none}
}
@media (max-width: 720px){
  html{scroll-padding-top:78px}
  .topbar-shell{min-height:66px}
  .top-search-link{height:42px}
  .top-menu-popover{right:-2px;min-width:190px;border-radius:16px}
  .card,.hero-card,.compact-card,.search-v2-result,.search-v2-row,.post-card,.home-mini-post,.saas-row-card,.saas-mini-card,.saas-entity-card{border-radius:18px}
  .post-top{padding:14px 14px 0}
  .post-content,.action-row{padding-left:14px;padding-right:14px}
  .mobile-quickbar{padding-left:12px;padding-right:12px}
}

.side-divider{height:1px;background:var(--line);margin:12px 4px 10px}
.side-caption{padding:0 10px 8px;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* Pack Pro categorías premium visuales */
.category-chip{--cat-accent:#6a38ff;display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 12px;border-radius:999px;border:1px solid rgba(20,32,51,.08);background:#f7f8fc;color:#172033;font-weight:800;font-size:.84rem;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.category-chip__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-chip__badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.78);font-size:.72rem;font-weight:900;color:var(--cat-accent);letter-spacing:.02em}
.category-chip.is-premium{background:linear-gradient(135deg,color-mix(in srgb,var(--cat-accent) 18%,#fff),color-mix(in srgb,var(--cat-accent) 8%,#fff));border-color:color-mix(in srgb,var(--cat-accent) 34%, rgba(20,32,51,.1));box-shadow:0 10px 24px color-mix(in srgb,var(--cat-accent) 16%, transparent), inset 0 1px 0 rgba(255,255,255,.72)}
.category-chip--inline{transform:translateY(-1px)}
.category-chip--admin{padding:10px 14px}
.category-admin-card.is-premium{border-color:color-mix(in srgb,var(--cat-accent,#6a38ff) 26%, #d9def1);background:linear-gradient(180deg,rgba(255,255,255,.98),color-mix(in srgb,var(--cat-accent,#6a38ff) 6%, #fff))}
.category-premium-toggle{padding:10px 12px;border:1px dashed var(--line);border-radius:16px;background:#fafbff}
.category-premium-toggle label{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}
.category-premium-toggle input{width:18px;height:18px}
.rp-item.is-premium{border-color:color-mix(in srgb,var(--cat-accent,#6a38ff) 22%, rgba(20,32,51,.08));background:linear-gradient(135deg,color-mix(in srgb,var(--cat-accent,#6a38ff) 10%, #fff),#fff)}
.rp-item.is-premium .rp-item-count{background:color-mix(in srgb,var(--cat-accent,#6a38ff) 14%, #fff);color:var(--cat-accent,#6a38ff);font-weight:900}
.premium-legend{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}
.premium-legend .pill{background:#fff7e8;border-color:#ffe2a7;color:#9a5b00}

/* === Search Pro v3 === */
.search-pro-shell{display:grid;gap:18px}
.search-pro-hero{padding:24px;border-radius:26px;background:linear-gradient(135deg,#0f172a,#172554 58%,#1d4ed8);color:#fff;overflow:visible}
.search-pro-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.search-pro-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:700;font-size:.82rem;letter-spacing:.02em}
.search-pro-head h1{margin:10px 0 8px;font-size:clamp(1.9rem,3.6vw,3rem);color:#fff}
.search-pro-head p{margin:0;max-width:760px;color:rgba(255,255,255,.84)}
.search-pro-badges{display:flex;gap:10px;flex-wrap:wrap}
.search-pro-badges span{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.10);backdrop-filter:blur(8px);font-size:.9rem}
.search-pro-form{margin-top:18px;position:relative}
.search-pro-inputwrap{display:flex;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:10px 10px 10px 14px;box-shadow:0 18px 42px rgba(15,23,42,.22)}
.search-pro-searchicon{font-size:1.1rem;color:#475467}
.search-pro-inputwrap input{flex:1;border:0;outline:0;min-height:48px;font-size:1rem;background:transparent;color:#111827}
.search-pro-inputwrap .btn{min-width:120px}
.search-pro-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 18px 40px rgba(15,23,42,.16);z-index:40;overflow:hidden}
.search-pro-suggest-item,.search-pro-suggest-empty{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;text-decoration:none;color:#0f172a}
.search-pro-suggest-item + .search-pro-suggest-item{border-top:1px solid #eef2f7}
.search-pro-suggest-item:hover{background:#f8fbff}
.search-pro-suggest-item strong{display:block}
.search-pro-suggest-item small{display:block;color:#667085;margin-top:3px}
.search-pro-suggest-item span{white-space:nowrap;color:#2563eb;font-weight:700;text-transform:capitalize;font-size:.84rem}
.search-pro-suggest-empty{color:#667085}
.search-pro-samples{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.search-pro-samples a{color:#fff;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.10)}
.search-pro-info-grid{display:grid;grid-template-columns:1.45fr .95fr;gap:18px}
.search-pro-ai-panel{padding:20px}
.search-pro-minihead{margin-bottom:14px}
.ai-steps-inline{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #bfd3ff;box-shadow:0 12px 24px rgba(37,99,235,.10);overflow:hidden}
.ai-steps-label{flex:0 0 auto}
.ai-steps-current{display:inline-block;flex:0 0 430px;min-width:430px;max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .22s ease}
.ai-steps-label{flex:0 0 auto;color:#1d4ed8;font-weight:800;font-size:.88rem;white-space:nowrap}
.ai-steps-current{
  display:block;
  min-width:0;
  flex:1 1 auto;
  color:#334155;
  font-weight:700;

  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:break-word;
  line-height:1.35;
}
.ai-steps-source{display:none}
.search-pro-token-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.search-pro-token-groups strong{display:block;margin-bottom:10px}
.search-pro-chips{display:flex;flex-wrap:wrap;gap:8px}
.search-pro-chips span{display:inline-flex;padding:8px 11px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-weight:700;font-size:.88rem}
.search-pro-chips span.is-soft{background:#f3f4f6;color:#475467}
.search-pro-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.search-pro-stat{padding:18px;text-align:left}
.search-pro-stat small{display:block;color:#667085;margin-bottom:6px}
.search-pro-stat strong{display:block;font-size:1.7rem;line-height:1;color:#0f172a}
.search-pro-stat.is-main{grid-column:1/-1;background:linear-gradient(135deg,#eff6ff,#f5f3ff)}
.search-pro-empty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.search-pro-empty-card,.search-pro-empty-state,.search-pro-topblock,.search-pro-listblock{padding:20px}
.search-pro-empty-card p,.search-pro-empty-state p{margin:8px 0 0;color:#667085}
.search-pro-topgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.search-pro-card{display:block;background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #e7ecf5;border-radius:22px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 14px 34px rgba(15,23,42,.06);transition:.22s ease}
.search-pro-card:hover,.search-pro-row:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,23,42,.11)}
.search-pro-card-media{position:relative;height:180px;background:#eef4ff}
.search-pro-card-media img{width:100%;height:100%;object-fit:cover}
.search-pro-card-media.is-icon{display:flex;align-items:center;justify-content:center;font-size:2.6rem}
.search-pro-card-media em{position:absolute;left:12px;bottom:12px;font-style:normal;padding:7px 10px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.04em}
.search-pro-card-body{padding:16px}
.search-pro-card-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.search-pro-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-weight:800;font-size:.78rem}
.search-pro-score{font-size:.82rem;color:#667085;font-weight:800}
.search-pro-card h3{margin:0 0 8px;font-size:1.05rem;color:#0f172a}
.search-pro-meta,.search-pro-row-meta{color:#667085;font-size:.9rem}
.search-pro-card p,.search-pro-row-text{margin:10px 0 0;color:#334155}
.search-pro-why{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.search-pro-why span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;font-size:.78rem;font-weight:700}
.search-pro-list{display:grid;gap:12px}
.search-pro-row{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;padding:12px;border-radius:20px;border:1px solid #e7ecf5;background:#fff;text-decoration:none;color:inherit;box-shadow:0 10px 24px rgba(15,23,42,.04);transition:.22s ease}
.search-pro-row-media{width:92px;height:92px;border-radius:18px;overflow:hidden;background:#eef4ff}
.search-pro-row-media img{width:100%;height:100%;object-fit:cover}
.search-pro-row-media.is-icon{display:flex;align-items:center;justify-content:center;font-size:2rem}
.search-pro-row-title{font-size:1rem;font-weight:800;color:#0f172a}
.search-pro-row-side{display:grid;justify-items:end;gap:8px;min-width:88px}
.search-pro-row-side strong{font-size:1rem;color:#111827}
.search-pro-why.is-inline{margin-top:10px}
@media (max-width: 980px){.search-pro-info-grid,.search-pro-topgrid,.search-pro-empty-grid{grid-template-columns:1fr 1fr}.search-pro-token-groups{grid-template-columns:1fr}.search-pro-row{grid-template-columns:82px 1fr}.search-pro-row-side{display:none}}
@media (max-width: 640px){.search-pro-hero{padding:18px}.search-pro-inputwrap{padding:8px 8px 8px 12px}.search-pro-inputwrap .btn{min-width:auto;padding-inline:14px}.search-pro-info-grid,.search-pro-topgrid,.search-pro-empty-grid{grid-template-columns:1fr}.search-pro-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.search-pro-stat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;white-space:normal;overflow:hidden}.search-pro-stat small,.search-pro-stat strong,.search-pro-stat span{display:block;margin:0}.search-pro-stat small{min-width:0;overflow:hidden;text-overflow:ellipsis}.search-pro-stat strong{font-size:1.35rem;line-height:1}.search-pro-stat span{color:#667085;font-size:.9rem}.search-pro-stat.is-main{grid-column:1/-1}.ai-steps-inline{flex-direction:column;align-items:flex-start;gap:6px;min-height:auto}.ai-steps-current{flex:1 1 auto;min-width:0;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip}.ai-steps-label{flex:0 0 auto}.search-pro-row{grid-template-columns:72px 1fr;align-items:flex-start}.search-pro-row-media{width:72px;height:72px;border-radius:14px}}


/* ===== Portada visual v2 ===== */
.home-visual-shell{display:grid;gap:18px}
.home-community-hub--visual{padding:22px 22px 20px;background:linear-gradient(180deg,#f7f4ff 0%,#f8fbff 100%)}
.home-community-copy p{max-width:640px;margin:10px 0 0}
.home-community-hub--visual h1{font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.02;margin:6px 0 0}
.home-community-metrics--visual div{min-height:88px;justify-content:center}
.home-community-metrics--visual span{font-size:.82rem}
.home-community-search--visual{margin-top:18px;min-height:64px;border-radius:999px;padding:10px 10px 10px 18px;background:#fff;box-shadow:0 10px 30px rgba(16,24,40,.08)}
.home-community-search--visual input{font-size:1rem}
.home-community-search--visual .btn{height:44px;border-radius:999px;padding:0 22px;font-weight:800}
.home-search-chips{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}
.home-search-chips a{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid rgba(99,102,241,.12);color:#334155;font-weight:700;font-size:.88rem;box-shadow:0 8px 18px rgba(16,24,40,.04)}
.home-search-chips a:hover{transform:translateY(-1px);border-color:rgba(99,102,241,.24);color:var(--brand)}
.home-community-grid--visual{margin-top:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-community-link--visual{min-height:122px;align-items:flex-start;padding:16px 16px 14px}
.home-community-link--visual .home-community-link-icon{width:54px;height:54px;border-radius:18px}
.home-community-link--visual strong{font-size:1rem}
.home-community-link--visual p{margin-top:4px;font-size:.86rem;line-height:1.35}
.section-head--visual h2{margin:0;font-size:1.1rem}
.section-head--visual p{display:none}
.home-home-highlights--visual .section-head{margin-bottom:10px}
.home-highlight-grid--visual{gap:16px}
.home-highlight-card{overflow:hidden}
.home-highlight-top{padding:0 2px 2px}
.home-highlight-media{height:190px;border-radius:18px;overflow:hidden}
.home-highlight-body{padding:14px 4px 2px}
.home-highlight-body strong{font-size:1.05rem}
.home-highlight-body p{font-size:.88rem}
.home-clean-community--visual .home-community-main{padding:18px}
.home-mini-post--visual{padding:16px 16px 14px}
.home-mini-post--visual .home-mini-post-body{-webkit-line-clamp:2;font-size:.94rem;line-height:1.45}
.home-community-side--visual{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:22px;background:linear-gradient(180deg,#0f1b4d 0%,#172554 100%)}
.home-community-side--visual h3{font-size:1.25rem;margin:0}
.home-side-checks--chips{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.home-side-checks--chips li{display:flex;align-items:center;min-height:42px;padding:0 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:700}
.home-community-side--visual .btn{align-self:flex-start;min-width:150px}
@media (max-width: 980px){
  .home-community-grid--visual{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .home-community-hub--visual{padding:18px}
  .home-community-hub--visual h1{font-size:2.15rem}
  .home-community-search--visual{border-radius:24px;padding:12px}
  .home-search-chips{gap:8px}
  .home-search-chips a{flex:1 1 calc(50% - 8px);min-width:0}
  .home-community-grid--visual{grid-template-columns:1fr 1fr;gap:12px}
  .home-community-link--visual{min-height:112px;padding:14px}
  .home-community-link--visual .home-community-link-icon{width:48px;height:48px}
}
@media (max-width: 540px){
  .home-community-grid--visual{grid-template-columns:1fr}
  .home-community-search--visual .btn{width:100%}
}

/* ===== Portada visual v3 ===== */
.home-community-hub--visual{position:relative;overflow:hidden;padding:24px;background:linear-gradient(180deg,#f7f2ff 0%,#f6faff 55%,#ffffff 100%)}
.home-hero-glow{position:absolute;border-radius:999px;pointer-events:none;filter:blur(2px);opacity:.72}
.home-hero-glow--one{width:220px;height:220px;right:-40px;top:-70px;background:radial-gradient(circle,rgba(106,56,255,.18),transparent 68%)}
.home-hero-glow--two{width:180px;height:180px;left:-40px;bottom:-80px;background:radial-gradient(circle,rgba(46,107,255,.14),transparent 70%)}
.home-community-top{position:relative;z-index:1;gap:18px;align-items:start}
.home-community-copy{display:grid;gap:12px}
.home-community-copy p{margin:0;max-width:560px;font-size:.98rem;color:#516074}
.home-community-kicker{width:max-content;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(99,102,241,.12);box-shadow:0 8px 20px rgba(17,24,39,.04)}
.home-community-hub--visual h1{font-size:clamp(2.3rem,4.1vw,3.5rem);line-height:.98;letter-spacing:-.04em;margin:0;max-width:9ch}
.home-search-chips--hero{margin:0}
.home-search-chips--hero a{height:38px;padding:0 15px;font-size:.85rem;background:rgba(255,255,255,.84);backdrop-filter:blur(8px)}
.home-community-metrics--visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-community-metrics--visual div{min-height:94px;padding:16px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.14);backdrop-filter:blur(10px);box-shadow:0 14px 30px rgba(17,24,39,.05)}
.home-community-metrics--visual strong{font-size:1.7rem;line-height:1}
.home-community-metrics--visual span{margin-top:8px;font-size:.83rem;font-weight:800;color:#516074}
.home-community-search--visual{position:relative;z-index:1;margin-top:18px;min-height:68px;border-radius:24px;padding:11px 11px 11px 18px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 32px rgba(17,24,39,.08)}
.home-community-search--visual .search-icon{width:42px;height:42px;border-radius:14px;background:#f4f7ff;display:flex;align-items:center;justify-content:center;color:var(--brand)}
.home-community-search--visual input{font-size:1rem;font-weight:600}
.home-community-search--visual .btn{height:46px;border-radius:16px;padding:0 24px}
.home-community-grid--visual{position:relative;z-index:1;margin-top:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-community-link--visual{min-height:104px;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.82);backdrop-filter:blur(10px);box-shadow:0 14px 28px rgba(17,24,39,.05)}
.home-community-link--visual .home-community-link-icon{width:52px;height:52px;border-radius:16px;box-shadow:none}
.home-community-link--visual div{display:grid;gap:4px}
.home-community-link--visual strong{font-size:1rem;line-height:1.05}
.home-community-link--visual small{font-size:.78rem;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.home-community-link--visual.is-community .home-community-link-icon{background:linear-gradient(135deg,#eef4ff,#dfe8ff)}
.home-community-link--visual.is-business .home-community-link-icon{background:linear-gradient(135deg,#f4eeff,#e7dcff)}
.home-community-link--visual.is-offer .home-community-link-icon{background:linear-gradient(135deg,#fff4df,#ffe6b4)}
.home-community-link--visual.is-event .home-community-link-icon{background:linear-gradient(135deg,#e8fff4,#c9f6df)}
.home-visual-categories{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;position:relative;z-index:1}
.home-visual-category{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.16);box-shadow:0 12px 24px rgba(17,24,39,.05);color:#172033;font-weight:800}
.home-visual-category:hover{transform:translateY(-1px);border-color:rgba(99,102,241,.24)}
.home-visual-category-icon{width:28px;height:28px;border-radius:10px;background:#f6f8ff;display:flex;align-items:center;justify-content:center;color:var(--brand)}
.home-home-highlights--visual .section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.home-highlight-grid--visual{gap:18px}
.home-highlight-card{padding:12px;border:1px solid rgba(148,163,184,.13);background:linear-gradient(180deg,#ffffff,#fbfdff)}
.home-highlight-top{padding:2px 2px 10px;align-items:center}
.home-highlight-top .stream-kicker{padding:6px 10px;border-radius:999px;background:#f5f7ff;font-size:.73rem}
.home-highlight-entity--visual{display:grid;gap:12px}
.home-highlight-media{position:relative;height:198px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#edf2ff,#f8fbff)}
.home-highlight-media::after{content:'';position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(15,23,42,.2))}
.home-highlight-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.home-highlight-entity--visual:hover .home-highlight-media img{transform:scale(1.04)}
.home-highlight-float-badge{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(17,24,39,.12)}
.home-highlight-body{padding:0 4px 4px;display:grid;gap:7px}
.home-highlight-body strong{font-size:1.08rem;line-height:1.15}
.home-highlight-body p{margin:0;color:#64748b;font-weight:700}
.home-highlight-body .pill-label{width:max-content}
.home-community-shell{align-items:stretch}
.home-community-main{background:linear-gradient(180deg,#ffffff,#fbfcff);border:1px solid rgba(148,163,184,.14)}
.home-community-posts{display:grid;gap:12px}
.home-mini-post--visual{padding:14px 16px;border:1px solid rgba(148,163,184,.14);background:#fff;border-radius:18px;box-shadow:0 10px 24px rgba(17,24,39,.04)}
.home-mini-post-head{align-items:center;justify-content:space-between;gap:12px}
.home-mini-post-type{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#f7f8ff;color:#405275;font-size:.76rem;font-weight:800;white-space:nowrap}
.home-mini-post-meta span{font-weight:700;color:#64748b}
.home-mini-post-body{margin-top:12px;color:#203048;font-weight:600}
.home-community-side--visual{position:relative;overflow:hidden;border:0;box-shadow:0 20px 40px rgba(15,23,42,.18)}
.home-community-side--visual::before{content:'';position:absolute;inset:-30% auto auto -10%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%)}
.home-community-side--visual h3{position:relative;z-index:1;font-size:1.35rem;line-height:1.05;max-width:12ch}
.home-side-checks--chips{position:relative;z-index:1;display:grid;gap:10px;margin:0;padding:0;list-style:none}
.home-side-checks--chips li{min-height:44px;padding:0 14px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.home-community-side--visual .btn{position:relative;z-index:1;min-width:164px;border-radius:16px;background:#fff;color:#142033;box-shadow:0 12px 28px rgba(15,23,42,.14)}
@media (max-width: 980px){
  .home-community-hub--visual h1{max-width:none}
  .home-community-grid--visual{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .home-community-hub--visual{padding:18px}
  .home-community-top{gap:14px}
  .home-community-copy{gap:10px}
  .home-community-copy p{font-size:.92rem}
  .home-community-grid--visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .home-community-link--visual{min-height:96px;padding:14px}
  .home-search-chips--hero a{flex:1 1 calc(50% - 8px)}
  .home-visual-category{padding:0 12px}
  .home-highlight-media{height:174px}
  .home-mini-post-head{align-items:flex-start;flex-direction:column}
}
@media (max-width: 540px){
  .home-community-metrics--visual{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-community-grid--visual{grid-template-columns:1fr 1fr}
  .home-community-link--visual{flex-direction:column;align-items:flex-start}
  .home-community-link--visual .home-community-link-icon{width:48px;height:48px}
  .home-community-search--visual{padding:12px}
  .home-community-search--visual .btn{width:100%}
}


/* ===== Feed PRO monetizable ===== */
.community-shell.community-shell--pro{
  grid-template-columns:minmax(0,860px) minmax(250px,290px) 72px;
  justify-content:center;
}
.community-shell.community-shell--pro > .grid{max-width:860px;width:100%}
.community-shell.community-shell--pro > .community-side{display:grid;gap:14px}
.rp-right-column--pro{align-content:start}
.feed-monetize-card,.feed-side-stats-card,.feed-side-spotlight,.feed-side-mini-card,.feed-ad-slot-card{padding:16px;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 38px rgba(15,23,42,.07)}
.feed-monetize-card--hero{position:sticky;top:86px;background:linear-gradient(180deg,#10204f 0%,#1b2e68 100%);color:#fff;border:0;overflow:hidden}
.feed-monetize-card--hero::before{content:'';position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.feed-monetize-card--hero > *{position:relative;z-index:1}
.feed-monetize-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.feed-monetize-card--hero h3{margin:12px 0 8px;font-size:1.35rem;line-height:1.05;max-width:12ch}
.feed-monetize-card--hero p{margin:0 0 14px;color:rgba(255,255,255,.82);line-height:1.5}
.feed-monetize-points{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}
.feed-monetize-points li{display:flex;align-items:center;min-height:42px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-weight:700}
.feed-monetize-card--hero .btn{background:#fff;color:#142033;border-color:#fff;width:100%;justify-content:center}

.home-side-stats{position:relative;z-index:1;font-size:.92rem;color:rgba(255,255,255,.82);font-weight:700}
.home-side-actions{position:relative;z-index:1;display:grid;gap:10px}
.home-community-side--visual .home-side-actions .btn{width:100%;justify-content:center;align-self:stretch;min-width:0}
.home-community-side--visual .home-side-actions .btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:none}
.home-community-side--visual .home-side-actions .btn.ghost:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.26)}
.feed-monetize-stats{font-size:.92rem;color:rgba(255,255,255,.84);font-weight:700;margin:-2px 0 0}
.feed-monetize-actions{display:grid;gap:10px;margin-top:4px}
.feed-monetize-card--hero .feed-monetize-actions .btn{width:100%;justify-content:center}
.feed-monetize-card--hero .feed-monetize-actions .btn.ghost{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:none}
.feed-monetize-card--hero .feed-monetize-actions .btn.ghost:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.26)}
.group-post-card .post-body{white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.65}
.home-mini-post-body span{overflow-wrap:anywhere;word-break:break-word}
.feed-side-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.feed-side-stats-grid div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#f3f6fb);border:1px solid rgba(148,163,184,.14)}
.feed-side-stats-grid strong{font-size:1.15rem;line-height:1}
.feed-side-stats-grid span{font-size:.78rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.feed-side-spotlight,.feed-side-mini-card{display:grid;gap:12px;color:inherit}
.feed-side-spotlight-media{position:relative;height:150px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#eef4ff,#f7f3ff);display:flex;align-items:center;justify-content:center}
.feed-side-spotlight-media img{width:100%;height:100%;object-fit:cover}
.feed-side-spotlight-media.no-media span{font-size:2rem}
.feed-side-badge{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:rgba(15,23,42,.74);color:#fff;font-size:.74rem;font-weight:800;backdrop-filter:blur(8px)}
.feed-side-spotlight-body small,.feed-side-mini-kicker{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.feed-side-spotlight-body strong,.feed-side-mini-card strong{font-size:1rem;line-height:1.2}
.feed-side-spotlight-body p,.feed-side-mini-card p{margin:0;color:var(--muted);line-height:1.45;font-size:.9rem}
.feed-side-mini-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.feed-side-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:12px;background:linear-gradient(135deg,#eef4ff,#f7f3ff);color:var(--brand2);font-size:.82rem;font-weight:800}
.feed-ad-slot-card{background:linear-gradient(180deg,#ffffff,#f8fbff)}
.feed-ad-slot-card strong{display:block;margin-bottom:6px}
.feed-ad-slot-card p{margin:0;color:var(--muted);line-height:1.5}
@media (max-width: 1220px){
  .community-shell.community-shell--pro{grid-template-columns:minmax(0,1fr) 270px 72px}
}
@media (max-width: 980px){
  .community-shell.community-shell--pro{grid-template-columns:1fr;grid-template-areas:'avatars' 'side' 'main'}
  .feed-monetize-card--hero{position:static}
}


/* ===== Feed PRO stable layout fix v4 ===== */
/* ===== Feed PRO stable layout fix v4 ===== */
.main.has-sidebar{
  max-width: 1240px;
}
@media (max-width: 1260px){
  .main.has-sidebar{max-width:1200px;}
}
.community-shell.community-shell--pro{
  grid-template-columns:minmax(0,1fr) minmax(0,230px) 64px;
  gap:16px;
  align-items:start;
  justify-content:stretch;
  width:100%;
  max-width:100%;
}
.community-shell.community-shell--pro > .grid,
.community-shell.community-shell--pro > .community-side,
.community-shell.community-shell--pro > .community-active-rail{
  min-width:0;
}
.community-shell.community-shell--pro > .grid{
  max-width:none;
  width:100%;
}
.community-shell.community-shell--pro > .community-side,
.rp-right-column--pro{
  display:flex;
  flex-direction:column;
  gap:16px;
  align-self:start;
}
.community-shell.community-shell--pro > .community-active-rail,
.community-shell.community-shell--pro .active-panel-rail,
.community-shell.community-shell--pro .active-user-card{
  width:64px;
  min-width:64px;
}
.community-shell.community-shell--pro .active-panel-rail{
  top:92px;
}
.feed-monetize-card,
.feed-side-stats-card,
.feed-side-spotlight,
.feed-side-mini-card,
.feed-ad-slot-card{
  width:100%;
  margin:0;
}
.feed-monetize-card--hero{
  position:static;
  top:86px;
  z-index:2;
}
.feed-side-spotlight,
.feed-side-mini-card,
.feed-ad-slot-card,
.feed-side-stats-card{
  position:relative;
  z-index:1;
}
.feed-side-spotlight-media{
  height:auto;
  aspect-ratio:16/10;
}
.feed-side-spotlight-body,
.feed-side-mini-head,
.feed-side-mini-card strong,
.feed-side-mini-card p,
.feed-side-spotlight-body strong,
.feed-side-spotlight-body p{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media (max-width: 1220px){
  .community-shell.community-shell--pro{
    grid-template-columns:minmax(0,1fr) minmax(0,220px) 60px;
    gap:14px;
  }
  .community-shell.community-shell--pro > .community-active-rail,
  .community-shell.community-shell--pro .active-panel-rail,
  .community-shell.community-shell--pro .active-user-card{
    width:60px;
    min-width:60px;
  }
  .avatar-online-card{
    width:52px;
    height:52px;
  }
}
@media (max-width: 980px){
  .community-shell.community-shell--pro{
    grid-template-columns:1fr;
    grid-template-areas:'avatars' 'main' 'side';
    gap:14px;
  }
  .community-shell.community-shell--pro > .community-active-rail,
  .community-shell.community-shell--pro .active-panel-rail,
  .community-shell.community-shell--pro .active-user-card{
    width:auto;
    min-width:0;
  }
  .community-shell.community-shell--pro > .community-side,
  .rp-right-column--pro{
    gap:14px;
  }
  .feed-monetize-card--hero{
    position:static;
  }
}

/* rail de avatares fijo en desktop */
.community-shell.community-shell--pro > .community-active-rail{
  position: sticky !important;
  top: 92px !important;
  align-self: start;
  width: 64px;
  min-width: 64px;
}

.community-shell.community-shell--pro .active-panel-rail{
  position: static !important;
  top: auto !important;
  width: 64px;
  min-width: 64px;
}

/* tercera columna normal, sin fijarse */
.rp-shell,
.feed-monetize-card--hero{
  position: static !important;
  top: auto !important;
}
/* ===== Home ULTRA PRO ===== */
.home-community-hub--visual{
  border:1px solid rgba(214,223,255,.92);
  box-shadow:0 24px 54px rgba(46,107,255,.08);
}
.home-community-top--ultra{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.88fr);
  gap:22px;
}
.home-community-copy--ultra{
  max-width:780px;
}
.home-community-hub--visual h1{
  max-width:13ch;
  line-height:.94;
}
.home-community-hub--visual h1 span{display:block}
.home-community-copy--ultra p{
  max-width:62ch;
  font-size:1.02rem;
}
.home-search-chips--hero a{
  gap:9px;
  min-height:42px;
  padding:0 16px;
  border-color:rgba(76,94,217,.12);
}
.home-chip-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--brand);
}
.home-chip-icon svg,
.home-metric-icon svg{
  width:18px;
  height:18px;
  display:block;
}
.home-community-metrics--ultra div{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.84));
  box-shadow:0 18px 34px rgba(30,41,59,.07);
}
.home-community-metrics--ultra div::after{
  content:'';
  position:absolute;
  inset:auto -20px -28px auto;
  width:86px;
  height:86px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(46,107,255,.11),transparent 70%);
}
.home-metric-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.home-metric-icon--community{background:linear-gradient(135deg,#eef4ff,#dbe7ff);color:#2e6bff}
.home-metric-icon--business{background:linear-gradient(135deg,#f5efff,#eadfff);color:#6a38ff}
.home-metric-icon--offer{background:linear-gradient(135deg,#fff5e5,#ffe4b0);color:#c27a00}
.home-metric-icon--event{background:linear-gradient(135deg,#ebfff6,#c8f5df);color:#0f8c57}
.home-community-search--ultra{
  align-items:center;
  gap:14px;
  padding:12px 12px 12px 16px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,248,255,.96));
  border:1px solid rgba(123,97,255,.18);
  box-shadow:0 20px 36px rgba(22,34,66,.1), inset 0 1px 0 rgba(255,255,255,.9);
}
.home-community-search--ultra::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:26px;
  padding:1px;
  background:linear-gradient(90deg,rgba(46,107,255,.28),rgba(106,56,255,.24));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.home-community-search--ultra .search-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg,#eef4ff,#e6ecff);
  box-shadow:0 10px 24px rgba(46,107,255,.12);
}
.home-search-main{flex:1 1 auto;min-width:0;display:grid;gap:4px}
.home-community-search--ultra input{
  min-width:0;
  font-size:1.02rem;
  font-weight:800;
}
.home-community-search--ultra input::placeholder{color:#8a95ab;opacity:1}
.home-search-meta{
  color:#6b7280;
  font-size:.82rem;
  font-weight:700;
}
.home-community-search--ultra .btn{
  min-width:124px;
  height:50px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  border:0;
  box-shadow:0 16px 30px rgba(69,73,255,.26);
}
.home-search-suggest{
  position:absolute;
  left:18px;
  right:18px;
  top:calc(100% + 10px);
  z-index:9;
  display:grid;
  gap:8px;
  padding:10px;
  border-radius:22px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 28px 48px rgba(15,23,42,.16);
}
.home-search-suggest .search-pro-suggest-item,
.home-search-suggest .search-pro-suggest-empty{
  border-radius:16px;
}
.home-community-grid--visual{
  margin-top:18px;
}
.home-community-link--visual{
  border-radius:22px;
  min-height:112px;
}
.home-community-link--visual strong{font-size:1.03rem}
.home-visual-category{
  min-height:46px;
  padding:0 16px;
}
@media (max-width: 980px){
  .home-community-top--ultra{grid-template-columns:1fr}
  .home-community-hub--visual h1{max-width:14ch}
}
@media (max-width: 720px){
  .home-community-hub--visual h1{max-width:none;font-size:2.05rem;line-height:.98}
  .home-community-search--ultra{padding:12px}
  .home-search-main{order:2;flex-basis:100%}
  .home-community-search--ultra .btn{min-width:0}
  .home-search-suggest{left:12px;right:12px}
}


/* ===== BUSINESS ULTRA PRO ===== */
.business-pro{display:block}
.business-hero-pro{padding:0;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,#fff,#f8fbff)}
.business-hero-cover{position:relative;min-height:390px;background:linear-gradient(135deg,#0f172a,#1d4ed8 58%,#6a38ff)}
.business-hero-cover > img,.business-hero-cover-fallback{position:absolute;inset:0;width:100%;height:100%}
.business-hero-cover > img{object-fit:cover}
.business-hero-cover-fallback{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.92);font-weight:800;font-size:1.3rem;letter-spacing:.02em}
.business-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.18) 0%,rgba(15,23,42,.26) 34%,rgba(15,23,42,.74) 100%)}
.business-hero-topbar,.business-hero-bottom{position:relative;z-index:2}
.business-hero-topbar{padding:22px 24px 0}
.business-hero-bottom{min-height:390px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px}
.business-hero-branding{display:flex;align-items:flex-end;gap:18px;max-width:min(820px,100%)}
.business-hero-logo{width:108px;height:108px;border-radius:26px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 18px 44px rgba(15,23,42,.24);border:4px solid rgba(255,255,255,.88);flex:0 0 108px}
.business-hero-logo img{width:100%;height:100%;object-fit:cover}
.business-hero-logo.is-placeholder{background:linear-gradient(180deg,#fff,#eef4ff);color:#3454d1;font-size:2rem}
.business-hero-copy h1{margin:0 0 8px;color:#fff;font-size:2.3rem;line-height:1.02;letter-spacing:-.04em}
.business-hero-copy p{margin:0;color:rgba(255,255,255,.88);font-size:1rem;line-height:1.6;max-width:60ch}
.business-hero-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:14px}
.business-hero-meta span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);color:#fff;font-size:.9rem;font-weight:700}
.business-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-self:flex-end;max-width:260px}
.business-hero-actions .btn,.business-hero-actions .btn.ghost{min-height:46px;padding-inline:18px;border-radius:16px;box-shadow:0 14px 28px rgba(15,23,42,.18)}
.business-hero-actions .btn.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.business-hero-actions .btn.ghost:hover{background:rgba(255,255,255,.18)}
.business-pro-badge{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);color:#fff;font-size:.8rem;font-weight:900;border:1px solid rgba(255,255,255,.2)}
.business-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 22px 22px;background:linear-gradient(180deg,rgba(255,255,255,.96),#f7faff)}
.business-stat-card{padding:16px 18px;border-radius:20px;background:#fff;border:1px solid #e8edf7;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.business-stat-card span{display:block;color:#667085;font-size:.86rem;font-weight:700}
.business-stat-card strong{display:block;margin-top:8px;color:#101828;font-size:1.45rem;letter-spacing:-.03em}
.business-copy-card .post-body{font-size:1rem;line-height:1.75}
.business-strip-card{padding:16px 18px;background:linear-gradient(180deg,#fff,#f8fbff)}
.section-head--tight{margin-bottom:14px}
.business-strip-card--refined{padding:18px;background:linear-gradient(180deg,#fff,#f8fbff)}
.business-info-stack{display:grid;gap:12px}
.business-info-row{display:flex;align-items:flex-start;gap:14px;padding:15px 16px;border-radius:20px;background:#fff;border:1px solid #e4eaf4;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.business-info-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#eef4ff,#f4ecff);color:#3454d1;flex:0 0 42px;box-shadow:inset 0 0 0 1px rgba(106,56,255,.08)}
.business-info-icon svg{width:19px;height:19px}
.business-info-copy{display:grid;gap:4px;min-width:0}
.business-info-copy strong,.business-side-points strong{color:#344054;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em}
.business-info-copy span,.business-side-points span{color:#101828;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.business-info-copy a{color:inherit;text-decoration:none;border-bottom:1px dashed rgba(52,84,209,.34)}
.business-info-copy a:hover{color:var(--brand)}
.business-content-grid .compact-card{height:100%}
.business-mini-card{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.business-mini-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(15,23,42,.09)}
.business-side-stack{gap:16px}
.business-side-card{padding:20px;background:linear-gradient(180deg,#fff,#f8fbff)}
.business-side-card--primary{background:linear-gradient(180deg,#10204f,#1f3f98);color:#fff;border-color:transparent}
.business-side-card--primary h3{color:#fff}
.business-contact-list,.business-side-points{display:grid;gap:12px}
.business-contact-list a,.business-contact-list div,.business-side-points div{display:grid;gap:4px;padding:14px 15px;border-radius:18px;background:#fff;border:1px solid #e7edf6;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.business-contact-list a{text-decoration:none}
.business-contact-list strong,.business-contact-list span{display:block}
.business-contact-list strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#344054}
.business-contact-list span{color:#101828;font-weight:700;overflow-wrap:anywhere}
.business-side-card--primary .business-contact-list a,.business-side-card--primary .business-contact-list div{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);box-shadow:none}
.business-side-card--primary .business-contact-list strong{color:rgba(255,255,255,.72)}
.business-side-card--primary .business-contact-list span{color:#fff}
@media (max-width: 980px){
  .business-hero-bottom{flex-direction:column;align-items:flex-start;justify-content:flex-end}
  .business-hero-actions{justify-content:flex-start;align-self:flex-start;max-width:none}
  .business-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 700px){
  .business-hero-cover{min-height:420px}
  .business-hero-topbar{padding:18px 18px 0}
  .business-hero-bottom{min-height:420px;padding:18px}
  .business-hero-branding{flex-direction:column;align-items:flex-start;gap:14px}
  .business-hero-logo{width:92px;height:92px;border-radius:22px;flex-basis:92px}
  .business-hero-copy h1{font-size:1.75rem}
  .business-hero-copy p{font-size:.96rem}
  .business-hero-stats{grid-template-columns:1fr}
  .business-stat-card strong{font-size:1.25rem}
}

/* Offer/Event premium hero */
.entity-hero-pro{padding:0;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,#fff,#f8fbff)}
.entity-hero-cover{position:relative;min-height:390px;background:linear-gradient(135deg,#0f172a,#1d4ed8 58%,#6a38ff)}
.entity-hero-cover>img,.entity-hero-cover-fallback{position:absolute;inset:0;width:100%;height:100%}
.entity-hero-cover>img{object-fit:cover}
.entity-hero-cover-fallback{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.92);font-weight:800;font-size:1.3rem;letter-spacing:.02em}
.entity-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.14) 0%,rgba(15,23,42,.24) 32%,rgba(15,23,42,.76) 100%)}
.entity-hero-topbar,.entity-hero-bottom{position:relative;z-index:2}
.entity-hero-topbar{padding:22px 24px 0}
.entity-hero-bottom{min-height:390px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px}
.entity-hero-branding{display:flex;align-items:flex-end;gap:18px;max-width:min(820px,100%)}
.entity-hero-logo{width:108px;height:108px;border-radius:26px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 18px 44px rgba(15,23,42,.24);border:4px solid rgba(255,255,255,.88);flex:0 0 108px}
.entity-hero-logo img{width:100%;height:100%;object-fit:cover}
.entity-hero-logo.is-placeholder{background:linear-gradient(180deg,#fff,#eef4ff);color:#3454d1;font-size:2rem}
.entity-hero-copy h1{margin:0 0 8px;color:#fff;font-size:2.3rem;line-height:1.02;letter-spacing:-.04em}
.entity-hero-copy p{margin:0;color:rgba(255,255,255,.88);font-size:1rem;line-height:1.6;max-width:60ch}
.entity-hero-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:14px}
.entity-hero-meta span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);color:#fff;font-size:.9rem;font-weight:700}
.entity-hero-meta a{color:#fff;text-decoration:none}
.entity-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-self:flex-end;max-width:280px}
.entity-hero-actions .btn,.entity-hero-actions .btn.ghost{min-height:46px;padding-inline:18px;border-radius:16px;box-shadow:0 14px 28px rgba(15,23,42,.18)}
.entity-hero-actions .btn.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.entity-hero-actions .btn.ghost:hover{background:rgba(255,255,255,.18)}
.action-cta{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:11px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.20);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;text-decoration:none;box-shadow:0 18px 34px rgba(15,23,42,.20),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;overflow:hidden}
.action-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,0) 55%);pointer-events:none}
.action-cta:hover{transform:translateY(-2px);box-shadow:0 24px 44px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.26);border-color:rgba(255,255,255,.34)}
.action-cta:active{transform:translateY(0) scale(.985)}
.action-cta__icon{position:relative;z-index:1;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 22px rgba(15,23,42,.16)}
.action-cta__icon svg{width:20px;height:20px;display:block;fill:currentColor}
.action-cta__text{position:relative;z-index:1;display:grid;gap:3px;min-width:0}
.action-cta__eyebrow{font-size:.68rem;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.action-cta__label{font-size:.98rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.action-cta--wa{background:linear-gradient(180deg,rgba(16,185,129,.34),rgba(6,95,70,.26));border-color:rgba(167,243,208,.28)}
.action-cta--wa .action-cta__icon{background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.14));color:#ecfdf5}
.action-cta--call{background:linear-gradient(180deg,rgba(59,130,246,.30),rgba(29,78,216,.24));border-color:rgba(191,219,254,.30)}
.action-cta--call .action-cta__icon{color:#eff6ff}
.action-cta--web{background:linear-gradient(180deg,rgba(139,92,246,.30),rgba(91,33,182,.24));border-color:rgba(221,214,254,.30)}
.action-cta--web .action-cta__icon{color:#f5f3ff}
.action-cta--neutral{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.11));border-color:rgba(255,255,255,.22)}
.business-hero-actions .action-cta,.entity-hero-actions .action-cta{flex:1 1 220px}
.business-hero-actions .action-cta--wa,.entity-hero-actions .action-cta--wa{flex-basis:240px}
@media (max-width:980px){
  .business-hero-actions .action-cta,.entity-hero-actions .action-cta{flex:1 1 220px}
}
@media (max-width:700px){
  .action-cta{min-height:56px;padding:10px 12px;border-radius:18px;gap:10px}
  .action-cta__icon{width:38px;height:38px;flex-basis:38px;border-radius:14px}
  .action-cta__icon svg{width:18px;height:18px}
  .action-cta__eyebrow{font-size:.62rem}
  .action-cta__label{font-size:.92rem}
}
.entity-pro-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.entity-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 22px 22px;background:linear-gradient(180deg,rgba(255,255,255,.96),#f7faff)}
.entity-stat-card{padding:18px 18px 16px;border-radius:20px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 26px rgba(15,23,42,.06)}
.entity-stat-card span{display:block;color:#667085;font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.entity-stat-card strong{display:block;color:#0f172a;font-size:1.18rem;line-height:1.25;word-break:break-word}
@media (max-width:980px){
  .entity-hero-bottom{flex-direction:column;align-items:flex-start;justify-content:flex-end}
  .entity-hero-actions{justify-content:flex-start;align-self:flex-start;max-width:none}
  .entity-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .entity-hero-cover{min-height:420px}
  .entity-hero-topbar{padding:18px 18px 0}
  .entity-hero-bottom{min-height:420px;padding:18px}
  .entity-hero-branding{flex-direction:column;align-items:flex-start;gap:14px}
  .entity-hero-logo{width:92px;height:92px;border-radius:22px;flex-basis:92px}
  .entity-hero-copy h1{font-size:1.75rem}
  .entity-hero-copy p{font-size:.96rem}
  .entity-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 14px 16px}
  .entity-stat-card{padding:14px 14px 13px;border-radius:18px;min-width:0}
  .entity-stat-card span{font-size:.72rem;letter-spacing:.06em;margin-bottom:6px}
  .entity-stat-card strong{font-size:1rem;line-height:1.22;overflow-wrap:anywhere;word-break:break-word}
}
@media (max-width:380px){
  .entity-hero-stats{gap:8px;padding:12px 12px 14px}
  .entity-stat-card{padding:12px 12px 11px;border-radius:16px}
  .entity-stat-card span{font-size:.68rem}
  .entity-stat-card strong{font-size:.94rem}
}


/* ===== PWA install toast ===== */
.pwa-install-toast{position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));z-index:90;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity .24s ease,transform .24s ease}
.pwa-install-toast.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.pwa-install-toast__content{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:22px;background:rgba(15,23,42,.92);color:#fff;box-shadow:0 22px 48px rgba(15,23,42,.24);backdrop-filter:blur(12px)}
.pwa-install-toast__brand{width:52px;height:52px;border-radius:16px;overflow:hidden;flex:0 0 52px;background:rgba(255,255,255,.12);display:grid;place-items:center}
.pwa-install-toast__brand img{width:100%;height:100%;object-fit:cover}
.pwa-install-toast__fallback{font-size:1.1rem;font-weight:800}
.pwa-install-toast__text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}
.pwa-install-toast__text strong{font-size:.98rem;line-height:1.2}
.pwa-install-toast__text span{font-size:.82rem;color:rgba(255,255,255,.78);line-height:1.35}
.pwa-install-toast__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
@media (max-width: 680px){
  .pwa-install-toast{bottom:calc(92px + env(safe-area-inset-bottom))}
  .pwa-install-toast__content{align-items:flex-start;flex-wrap:wrap}
  .pwa-install-toast__actions{width:100%;justify-content:flex-end}
}

/* === AUTO FIX IMAGES === */
.post-image{
  width:100%;
  max-height:320px;
  object-fit:cover;
  border-radius:14px;
  background:#f5f7fb;
}
.logo-image{
  object-fit:contain;
  padding:20px;
  background:#fff;
}


/* === Feed PRO + logos control === */
.post-card{
  border:1px solid rgba(226,232,240,.95);
  border-radius:24px;
  box-shadow:0 14px 36px rgba(15,23,42,.06);
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);
}
.post-card:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 44px rgba(15,23,42,.09);
}
.post-top-main{display:flex;align-items:center;gap:12px;min-width:0}
.post-top-main > div:last-child{min-width:0}
.post-headline-row strong{
  font-size:1rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:min(58vw,520px);
}
.post-meta-line,.entity-kicker,.entity-business-line,.entity-event-line{
  display:flex;
  align-items:center;
  gap:6px;
}
.post-content{
  display:grid;
  gap:10px;
}
.post-body{
  color:#182230;
  line-height:1.72;
}
.post-media{
  margin:2px 14px 0;
  border:1px solid #e8eef7;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg,#f7faff,#eef3fb);
}
.post-media img,.post-media video{
  width:100%;
  display:block;
  max-height:430px;
  object-fit:cover;
}
.post-media-logo{
  display:grid;
  place-items:center;
  min-height:220px;
  background:
    radial-gradient(circle at top right, rgba(46,107,255,.10), transparent 34%),
    linear-gradient(180deg,#ffffff,#f7faff);
}
.post-media img.is-logo-like,
.unified-business .post-media img,
.feed-side-spotlight-media img.is-logo-like{
  object-fit:contain !important;
  max-height:240px;
  width:100%;
  padding:20px;
  background:#fff;
}
.unified-business .entity-title{
  font-size:1.24rem;
}
.unified-entity-card .post-media img,
.unified-entity-card .post-media video{
  max-height:360px;
}
.post-stats-row{
  padding-top:10px;
}
.post-actions-row{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.action-chip{
  min-height:40px;
  padding:9px 13px;
  border-radius:999px;
}
.feed-side-spotlight-media{
  min-height:188px;
  border-radius:20px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#f6f9ff,#eef4ff);
}
.feed-side-spotlight-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.feed-side-spotlight-media img[src*="logo"],
.feed-side-spotlight-media img[src*="logos"],
.feed-side-spotlight-media img[src*="brand"]{
  object-fit:contain;
  padding:18px;
  background:#fff;
}
@media (max-width:768px){
  .post-card{
    border-radius:20px;
  }
  .post-top{
    padding:16px 14px 0;
  }
  .post-headline-row strong{
    max-width:46vw;
  }
  .post-media{
    margin:2px 12px 0;
    border-radius:18px;
  }
  .post-media img,.post-media video{
    max-height:320px;
  }
  .post-media-logo{
    min-height:180px;
  }
  .post-media img.is-logo-like,
  .unified-business .post-media img,
  .feed-side-spotlight-media img.is-logo-like{
    max-height:180px;
    padding:16px;
  }
}

/* ===== Hotfix: columna lateral y tooltips de avatares ===== */
.community-shell.community-shell--pro{
  grid-template-columns:minmax(0,1fr) minmax(0,250px) 72px !important;
  column-gap:18px !important;
  overflow:visible !important;
}
.community-shell.community-shell--pro > .community-side,
.community-shell.community-shell--pro > .community-active-rail,
.community-shell.community-shell--pro .active-panel,
.community-shell.community-shell--pro .active-panel-rail,
.community-shell.community-shell--pro .active-users-list,
.community-shell.community-shell--pro .active-user-card,
.community-shell.community-shell--pro .avatar-wrap{
  overflow:visible !important;
}
.community-shell.community-shell--pro > .community-side{
  position:relative;
  z-index:10;
  min-width:0;
}
.community-shell.community-shell--pro > .community-active-rail{
  position:sticky !important;
  top:92px !important;
  z-index:90 !important;
  width:72px !important;
  min-width:72px !important;
  justify-self:end;
}
.community-shell.community-shell--pro .active-panel-rail,
.community-shell.community-shell--pro .active-user-card{
  width:72px !important;
  min-width:72px !important;
}

.feed-side-spotlight,
.feed-side-mini-card,
.feed-side-stats-card,
.feed-ad-slot-card,
.feed-monetize-card,
.rp-card,
.rp-shell{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box;
}
.feed-side-spotlight,
.feed-side-mini-card,
.feed-side-stats-card,
.feed-ad-slot-card,
.feed-monetize-card,
.rp-card{
  overflow:hidden !important;
}
.feed-side-spotlight-media{
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
  aspect-ratio:16 / 10;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
  border-radius:20px;
}
.feed-side-spotlight-media img,
.feed-side-spotlight-media picture,
.feed-side-spotlight-media video{
  display:block;
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover;
}
.feed-side-spotlight-body,
.feed-side-mini-head,
.feed-side-mini-card strong,
.feed-side-mini-card p,
.feed-side-spotlight-body strong,
.feed-side-spotlight-body p{
  min-width:0;
  max-width:100%;
}
.active-user-name-hover,
.active-user-time-hover{
  z-index:99999 !important;
}
.active-user-name-hover{
  right:calc(100% + 14px) !important;
}

@media (max-width: 1220px){
  .community-shell.community-shell--pro{
    grid-template-columns:minmax(0,1fr) minmax(0,230px) 64px !important;
    column-gap:16px !important;
  }
  .community-shell.community-shell--pro > .community-active-rail,
  .community-shell.community-shell--pro .active-panel-rail,
  .community-shell.community-shell--pro .active-user-card{
    width:64px !important;
    min-width:64px !important;
  }
}
@media (max-width: 980px){
  .community-shell.community-shell--pro{
    grid-template-columns:1fr !important;
    grid-template-areas:'avatars' 'main' 'side' !important;
  }
  .community-shell.community-shell--pro > .community-active-rail,
  .community-shell.community-shell--pro .active-panel-rail,
  .community-shell.community-shell--pro .active-user-card{
    width:auto !important;
    min-width:0 !important;
  }
}


/* ===== Mobile containment polish ===== */
.business-hero-copy,.business-hero-meta,.business-hero-meta span,.business-stat-card,.business-stat-card span,.business-stat-card strong,.business-contact-list a,.business-contact-list div,.business-side-points div{min-width:0}
.business-hero-copy h1,.business-hero-copy p,.business-hero-meta span,.business-contact-list span,.business-side-points span,.business-stat-card strong{overflow-wrap:anywhere;word-break:break-word}
.business-hero-meta span{max-width:100%}
.business-stat-card span{line-height:1.2}
@media (max-width: 700px){
  .business-hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px}
  .business-hero-actions .btn,.business-hero-actions .btn.ghost,.business-hero-actions .action-cta{width:100%;justify-content:flex-start;padding-inline:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .business-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .business-stat-card{min-width:0;padding:16px 14px;align-content:start}
  .business-stat-card span{
    white-space:normal;
    overflow:visible;
    text-overflow:unset;
    font-size:.82rem;
    line-height:1.25;
    display:block;
    min-height:2.05em;
  }
  .business-stat-card strong{
    font-size:1.15rem;
    overflow:visible;
    text-overflow:unset;
    white-space:normal;
    line-height:1.15;
  }
  .business-hero-meta{gap:8px;max-width:100%}
  .business-hero-meta span{
    display:block;
    width:100%;
    min-width:0;
    overflow:visible;
    text-overflow:unset;
    white-space:normal;
    line-height:1.25;
    padding-top:8px;
    padding-bottom:8px;
  }
  .business-contact-list span,.business-side-points span{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
}

/* Listing cards: keep images full-width in desktop grids without affecting community sidebar cards */
.cards-3 > .entity-grid-card{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:0;
  overflow:hidden;
}
.cards-3 > .entity-grid-card > .entity-media-link{
  display:block;
  width:100%;
  flex:0 0 auto;
}
.cards-3 > .entity-grid-card > .cta-row{
  margin-top:auto !important;
}
.cards-3 > .entity-grid-card > .media-thumb,
.cards-3 > .entity-grid-card > .thumb{
  display:block;
  width:100%;
  max-width:none;
  height:220px;
  margin:0;
  border-radius:0;
  overflow:hidden;
}
.cards-3 > .entity-grid-card > .media-thumb{
  object-fit:cover;
  object-position:center;
}
.cards-3 > .entity-grid-card > .thumb img,
.cards-3 > .entity-grid-card > .thumb video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.cards-3 > .entity-grid-card > .section-title,
.cards-3 > .entity-grid-card > .meta,
.cards-3 > .entity-grid-card > .muted,
.cards-3 > .entity-grid-card > p,
.cards-3 > .entity-grid-card > .small-note,
.cards-3 > .entity-grid-card > .cta-row{
  padding-left:16px;
  padding-right:16px;
}
.cards-3 > .entity-grid-card > .section-title{margin-top:14px !important;}
.cards-3 > .entity-grid-card > .cta-row{padding-bottom:16px;}
.cards-3 > .entity-grid-card > p{margin-top:0;}
.cards-3 > .entity-grid-card .compact-body{padding:16px;}
@media (max-width: 720px){
  .cards-3 > .entity-grid-card > .media-thumb,
  .cards-3 > .entity-grid-card > .thumb{height:190px;}
}


/* Listing media cards: make top images fill the desktop card width reliably */
.cards-3 > .entity-grid-card > img.media-thumb.post-image,
.cards-3 > .entity-grid-card > img.media-thumb{
  display:block;
  width:100%;
  min-width:100%;
  max-width:none;
  height:220px;
  object-fit:cover;
  object-position:center;
  margin:0;
  border-radius:0;
  flex:0 0 220px;
}
.cards-3 > .entity-grid-card.compact-card > .thumb{
  width:100%;
  min-width:100%;
}


.search-pro-scope{height:48px;min-width:210px;padding:0 14px;border:1px solid #d8e2f0;border-radius:16px;background:#fff;color:#142033;font-weight:800;outline:none;box-shadow:0 8px 18px rgba(15,23,42,.05)}
.search-pro-scope:focus{border-color:rgba(46,107,255,.45);box-shadow:0 0 0 4px rgba(46,107,255,.08)}
@media (max-width: 640px){.search-pro-inputwrap{flex-wrap:wrap}.search-pro-scope{width:100%;min-width:0;height:46px}.search-pro-inputwrap .btn{width:100%}}

/* ===== Search premium dark/glass upgrade v2 (preserva selector scope) ===== */
.search-pro-shell{
  gap:22px;
}
.search-pro-hero{
  position:relative;
  overflow:visible;
  border:1px solid rgba(120,139,255,.24);
  border-radius:30px;
  background:
    radial-gradient(circle at top right, rgba(120,119,255,.28), transparent 26%),
    radial-gradient(circle at left bottom, rgba(56,189,248,.18), transparent 28%),
    linear-gradient(135deg,#0b1220 0%, #12203a 46%, #1b2f63 100%);
  box-shadow:0 26px 60px rgba(8,15,35,.28);
}
.search-pro-hero::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:30px;
  padding:1px;
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.03));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.search-pro-kicker{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
  color:#eef3ff;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.search-pro-head h1{
  letter-spacing:-.045em;
  text-shadow:0 10px 30px rgba(0,0,0,.20);
}
.search-pro-head p{
  color:rgba(236,242,255,.82);
  max-width:760px;
}
.search-pro-badges span{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#f8fbff;
}
.search-pro-form{
  margin-top:20px;
}
.search-pro-inputwrap{
  position:relative;
  gap:12px;
  padding:12px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(197,208,255,.44);
  box-shadow:0 24px 48px rgba(8,15,35,.22), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
}
.search-pro-inputwrap::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:24px;
  padding:1px;
  background:linear-gradient(135deg, rgba(46,107,255,.28), rgba(106,56,255,.22));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.search-pro-searchicon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(135deg,#eef4ff,#ebe8ff);
  box-shadow:0 10px 24px rgba(46,107,255,.14);
}
.search-pro-inputwrap input{
  min-width:0;
  min-height:52px;
  font-weight:800;
  color:#0f172a;
}
.search-pro-inputwrap input::placeholder{
  color:#7c8aa5;
  opacity:1;
}
.search-pro-scope{
  position:relative;
  height:52px;
  min-width:230px;
  padding:0 44px 0 16px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.22);
  background:
    linear-gradient(180deg,#ffffff,#f8fbff),
    linear-gradient(135deg,rgba(46,107,255,.10),rgba(106,56,255,.08));
  color:#132238;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  appearance:none;
  -webkit-appearance:none;
  background-image:
    linear-gradient(180deg,#ffffff,#f8fbff),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234056db' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat;
  background-position:0 0,right 14px center;
  background-size:auto,16px;
}
.search-pro-scope:hover{
  border-color:rgba(46,107,255,.30);
}
.search-pro-scope:focus{
  border-color:rgba(46,107,255,.45);
  box-shadow:0 0 0 4px rgba(46,107,255,.08), 0 10px 24px rgba(15,23,42,.06);
}
.search-pro-inputwrap .btn{
  min-width:132px;
  min-height:52px;
  border-radius:16px;
  font-weight:900;
  box-shadow:0 16px 34px rgba(69,73,255,.24);
}
.search-pro-samples a{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#f5f8ff;
}
.search-pro-samples a:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.14);
}
.search-pro-ai-panel,
.search-pro-stat,
.search-pro-empty-card,
.search-pro-topblock,
.search-pro-listblock,
.search-pro-empty-state{
  border-radius:26px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg,#ffffff,#fbfcff);
  box-shadow:0 18px 38px rgba(15,23,42,.06);
}
.search-pro-ai-panel{
  position:relative;
  overflow:hidden;
}
.search-pro-ai-panel::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:88px;
  background:linear-gradient(135deg,rgba(46,107,255,.08),rgba(106,56,255,.08),transparent);
  pointer-events:none;
}
.search-pro-minihead,
.ai-steps-inline,
.search-pro-token-groups{
  position:relative;
  z-index:1;
}
.ai-steps-inline{
  align-items:flex-start;
  gap:12px;
  min-height:64px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,#eff6ff,#eef2ff);
  border:1px solid #c9d8ff;
  box-shadow:0 12px 26px rgba(37,99,235,.10);
}
.ai-steps-inline::before{
  content:'🧠';
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 18px rgba(37,99,235,.10);
  font-size:1rem;
}
.ai-steps-current{
  display:block;
  min-width:0;
  flex:1 1 auto;
  color:#334155;
  font-weight:700;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:break-word;
  line-height:1.35;
}
.search-pro-token-groups{
  gap:16px;
}
.search-pro-chips span,
.search-pro-chips span.is-soft{
  min-height:36px;
  align-items:center;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.search-pro-stats-grid{
  gap:16px;
}
.search-pro-stat{
  padding:20px;
}
.search-pro-stat.is-main{
  background:linear-gradient(135deg,#eef4ff,#f3edff);
}
.search-pro-topgrid,
.search-pro-empty-grid{
  gap:18px;
}
.search-pro-card,
.search-pro-row{
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 14px 32px rgba(15,23,42,.06);
}
.search-pro-card:hover,
.search-pro-row:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 42px rgba(15,23,42,.11);
}
.search-pro-card-media{
  height:190px;
}
.search-pro-pill{
  box-shadow:0 8px 18px rgba(46,107,255,.10);
}
.search-pro-row{
  border-radius:22px;
}
.search-pro-row-media{
  border-radius:18px;
}
@media (max-width: 980px){
  .search-pro-hero{
    border-radius:24px;
  }
}
@media (max-width: 640px){
  .search-pro-hero{
    padding:18px;
    border-radius:22px;
  }
  .search-pro-head{
    gap:14px;
  }
  .search-pro-head h1{
    font-size:2rem;
  }
  .search-pro-badges{
    gap:8px;
  }
  .search-pro-badges span{
    font-size:.82rem;
  }
  .search-pro-inputwrap{
    padding:10px;
    border-radius:20px;
  }
  .search-pro-searchicon{
    width:42px;
    height:42px;
    flex-basis:42px;
    border-radius:14px;
  }
  .search-pro-scope{
    width:100%;
    min-width:0;
    height:48px;
    border-radius:14px;
  }
  .search-pro-inputwrap .btn{
    width:100%;
    min-height:48px;
    border-radius:14px;
  }
  .search-pro-ai-panel,
  .search-pro-stat,
  .search-pro-empty-card,
  .search-pro-topblock,
  .search-pro-listblock,
  .search-pro-empty-state{
    border-radius:20px;
  }
  .ai-steps-inline{
    flex-direction:row;
    align-items:flex-start;
    gap:10px;
    min-height:auto;
  }
  .search-pro-card-media{
    height:172px;
  }
}


/* ===== Premium typography, effects and color refinement (home-first) ===== */
:root{
  --brand:#4361ff;
  --brand2:#7c4dff;
  --brand3:#14b8ff;
  --text:#0f172a;
  --muted:#5f6b85;
  --line:#dfe7f5;
  --soft:#eef3ff;
  --shadow-soft:0 18px 40px rgba(15,23,42,.08);
  --shadow-premium:0 26px 60px rgba(67,97,255,.16);
}
body{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(124,77,255,.08), transparent 24%),
    radial-gradient(circle at top right, rgba(20,184,255,.08), transparent 22%),
    linear-gradient(180deg,#f8fbff 0%,#f1f5ff 54%,#eef3fb 100%);
}
.hero-title,.section-head h2,.home-community-hub--visual h1,.home-highlight-body strong,.card-title,.entity-title,.search-pro-head h1{
  letter-spacing:-.04em;
}
.btn{
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  box-shadow:0 16px 32px rgba(67,97,255,.22);
}
.btn:hover{
  filter:brightness(1.02);
  box-shadow:0 18px 40px rgba(67,97,255,.26);
}
.btn.ghost{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(12px);
  border-color:rgba(67,97,255,.12);
}
.card,.hero-card,.compact-card,.home-mini-post,.home-highlight-card,.home-community-main,.home-community-side{
  border-color:rgba(148,163,184,.14);
}
.home-community-hub--visual{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top left, rgba(67,97,255,.14), transparent 26%),
    radial-gradient(circle at top right, rgba(124,77,255,.16), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,250,255,.94));
  border:1px solid rgba(221,229,244,.9);
  box-shadow:0 24px 60px rgba(15,23,42,.08);
  backdrop-filter:blur(14px);
}
.home-community-hub--visual::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.24), transparent 28%);
}
.home-community-kicker{
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#3851e6;
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 24px rgba(67,97,255,.08);
}
.home-community-copy--ultra p{
  color:#4e5c74;
  font-size:1.03rem;
  line-height:1.7;
}
.home-community-hub--visual h1{
  color:#0b1222;
  text-wrap:balance;
}
.home-community-hub--visual h1 span:first-child{
  display:inline-block;
  background:linear-gradient(135deg,#102040,#3249db 42%,#7c4dff 78%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.home-search-chips--hero a{
  min-height:40px;
  border-radius:999px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(207,218,242,.9);
  color:#24324a;
  box-shadow:0 10px 18px rgba(15,23,42,.04);
}
.home-search-chips--hero a:hover{
  color:var(--brand);
  border-color:rgba(67,97,255,.24);
  box-shadow:0 14px 28px rgba(67,97,255,.10);
}
.home-community-metrics--ultra div{
  border:1px solid rgba(218,226,243,.9);
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,251,255,.9));
  box-shadow:0 14px 28px rgba(15,23,42,.06);
}
.home-community-metrics--ultra strong{
  color:#111827;
  font-weight:900;
}
.home-community-metrics--ultra span:last-child{
  color:#60708a;
  font-weight:800;
}
.home-metric-icon{
  box-shadow:0 10px 22px rgba(67,97,255,.10), inset 0 1px 0 rgba(255,255,255,.7);
}
.home-community-search--ultra{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(215,225,243,.95);
  box-shadow:0 20px 40px rgba(15,23,42,.10);
  backdrop-filter:blur(14px);
}
.home-community-search--ultra .search-icon{
  color:#3f56e8;
}
.home-community-search--ultra input{
  color:#0f172a;
  font-weight:800;
}
.home-community-search--ultra input::placeholder{
  color:#8a95ab;
}
.home-search-meta{
  color:#6a7892;
}
.home-community-search--ultra .btn{
  box-shadow:0 14px 26px rgba(67,97,255,.22);
}
.home-search-suggest{
  border:1px solid rgba(220,228,242,.95);
  box-shadow:0 30px 54px rgba(15,23,42,.14);
  backdrop-filter:blur(14px);
}
.home-community-link--visual{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.94));
  border:1px solid rgba(219,227,242,.94);
  box-shadow:0 14px 28px rgba(15,23,42,.05);
}
.home-community-link--visual:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 40px rgba(67,97,255,.12);
}
.home-community-link--visual strong{
  font-size:1.04rem;
  letter-spacing:-.02em;
}
.home-community-link--visual small{
  color:#6b7892;
  font-weight:800;
}
.home-community-link-icon{
  box-shadow:0 12px 24px rgba(67,97,255,.10), inset 0 1px 0 rgba(255,255,255,.76);
}
.home-visual-category{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(216,225,242,.94);
  box-shadow:0 10px 22px rgba(15,23,42,.05);
}
.home-visual-category strong{
  font-size:.92rem;
}
.home-visual-category:hover{
  box-shadow:0 16px 30px rgba(67,97,255,.10);
}
.home-highlight-card{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,251,255,.96));
  border:1px solid rgba(219,227,242,.9);
  box-shadow:0 18px 34px rgba(15,23,42,.06);
}
.home-highlight-top .stream-kicker{
  background:linear-gradient(135deg,#eef3ff,#f4efff);
  color:#4c46e5;
  font-weight:900;
}
.home-highlight-media{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.home-highlight-float-badge{
  background:rgba(255,255,255,.92);
  color:#4c46e5;
}
.home-highlight-body strong{
  color:#101828;
  font-size:1.08rem;
}
.home-highlight-body p{
  color:#697792;
  font-weight:700;
}
.pill-label{
  background:#eef3ff;
  color:#3157dd;
  font-weight:800;
}
.home-community-main{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,251,255,.98));
  box-shadow:0 18px 34px rgba(15,23,42,.06);
}
.home-mini-post--visual{
  border:1px solid rgba(221,228,242,.94);
  background:linear-gradient(180deg,#fff,#fbfcff);
  box-shadow:0 12px 26px rgba(15,23,42,.05);
}
.home-mini-post-meta strong{
  font-size:1rem;
  letter-spacing:-.02em;
}
.home-mini-post-meta span,
.home-mini-post-body{
  color:#60708a;
}
.home-mini-post-type{
  background:linear-gradient(135deg,#f5f7ff,#eef3ff);
  color:#4353c7;
  border:1px solid rgba(210,220,244,.9);
}
.home-community-side--visual{
  background:
    radial-gradient(circle at top right, color-mix(in srgb,var(--card) 18%, transparent), transparent 24%),
    linear-gradient(180deg,
      color-mix(in srgb,var(--text) 82%, var(--brand) 18%) 0%,
      color-mix(in srgb,var(--text) 68%, var(--brand2) 32%) 58%,
      color-mix(in srgb,var(--brand) 54%, var(--brand2) 46%) 100%);
  box-shadow:0 24px 48px rgba(var(--text-rgb),.18);
  color:#fff;
}
.home-community-side--visual h3{
  letter-spacing:-.03em;
  color:#fff;
}
.home-community-side--visual p{
  color:rgba(255,255,255,.78);
}
.home-side-checks--chips li{
  background:color-mix(in srgb,var(--card) 12%, transparent);
  border-color:color-mix(in srgb,var(--card) 18%, transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  color:#fff;
}
.home-community-side--visual .btn{
  background:var(--card);
  color:var(--text);
  border-color:color-mix(in srgb,var(--card) 82%, var(--text) 18%);
}
.search-pro-hero{
  background:
    radial-gradient(circle at top right, rgba(124,77,255,.34), transparent 26%),
    radial-gradient(circle at top left, rgba(20,184,255,.18), transparent 22%),
    linear-gradient(135deg,#0f172a,#18254a 58%,#1f3ea0 100%);
  box-shadow:0 26px 60px rgba(15,23,42,.18);
}
.search-pro-kicker{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.08);
}
.search-pro-inputwrap{
  background:rgba(255,255,255,.92);
  box-shadow:0 22px 46px rgba(15,23,42,.16);
}
.search-pro-inputwrap input{
  font-weight:800;
}
.search-pro-card,.search-pro-row,.search-pro-ai-panel,.search-pro-stat,.search-pro-empty-card,.search-pro-topblock,.search-pro-listblock{
  border-color:rgba(220,228,242,.95);
  box-shadow:0 14px 30px rgba(15,23,42,.05);
}
.ai-steps-inline{
  background:linear-gradient(135deg,#eef3ff,#f4f0ff);
  border-color:rgba(203,214,255,.9);
}
.ai-steps-label{
  color:#3851e6;
}
.ai-steps-current{
  color:#42526b;
}
@media (max-width: 720px){
  .home-community-hub--visual{
    border-radius:24px;
  }
  .home-community-copy--ultra p{
    font-size:.96rem;
    line-height:1.62;
  }
  .home-community-link--visual strong{
    font-size:.98rem;
  }
}


.home-community-metrics > div {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
}

.home-community-metrics strong {
  font-size: 1rem;
}


/* inline publication cleanup */
#composerPreview{display:none !important}
.post-inline-mention{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:#eef4ff;
  color:#2944d0;
  font-weight:800;
  text-decoration:none;
}
.post-inline-recommend{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:#ecfdf3;
  color:#067647;
  font-weight:800;
  text-decoration:none;
}
.post-inline-alert{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:#fff1f2;
  color:#b42318;
  font-weight:800;
}


/* inline composer editor */
.composer-editor-inline{padding:14px 14px 12px}
.composer-editor-input{
  min-height:150px;
  padding:16px 16px 10px;
  border:1px solid #dfe7f5;
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  outline:none;
  line-height:1.65;
  font-size:1rem;
  white-space:pre-wrap;
  word-break:break-word;
}
.composer-editor-input:empty:before{
  content:attr(data-placeholder);
  color:#98a2b3;
}
.composer-inline-token{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  margin:0 2px;
  border-radius:999px;
  background:#eef4ff;
  color:#2944d0;
  font-weight:800;
  line-height:1.3;
  vertical-align:baseline;
}
.composer-inline-token.is-mention{background:#eef2ff;color:#4338ca}
.composer-inline-token.is-recommend{background:#fff7e8;color:#b45309}
.composer-inline-token.is-alert{background:#fff1f2;color:#be123c}
.composer-inline-token.is-feeling{background:#f5f3ff;color:#7c3aed}
.composer-inline-link{background:#eef6ff;color:#2563eb;text-decoration:underline}
.composer-media-preview{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.composer-media-item{
  border:1px solid #e5ebf6;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.composer-media-item img,.composer-media-item video{
  display:block;
  width:100%;
  max-height:280px;
  object-fit:cover;
}


/* inline editor remove controls */
.composer-inline-token{
  position:relative;
  padding-right:8px;
}
.composer-inline-token-label{
  display:inline-block;
}
.composer-inline-token-remove{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  font-weight:900;
  font-size:14px;
  line-height:1;
  padding:0;
  margin-left:2px;
  cursor:pointer;
  opacity:.62;
}
.composer-inline-token-remove:hover{opacity:1}
.composer-media-item{
  position:relative;
}
.composer-media-remove{
  appearance:none;
  position:absolute;
  top:10px;
  right:10px;
  width:28px;
  height:28px;
  border-radius:999px;
  border:0;
  background:rgba(15,23,42,.72);
  color:#fff;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  box-shadow:0 8px 20px rgba(15,23,42,.18);
}
.composer-media-remove:hover{background:rgba(15,23,42,.9)}


.author-link{color:inherit;text-decoration:none}
.author-link:hover{text-decoration:underline}
.profile-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.profile-stat-card{padding:12px 10px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:linear-gradient(180deg,#fff,#f7faff);text-align:center}
.profile-stat-card strong{display:block;font-size:1.15rem;line-height:1.2}
.profile-stat-card span{display:block;margin-top:4px;color:var(--muted,#667085);font-size:.88rem}
.inline-follow-form{display:inline-block}
@media (max-width:700px){.profile-stats-grid{grid-template-columns:1fr}}

/* === Feed header clean fix === */
#community-create-card{
  background:linear-gradient(180deg,#ffffff,#fbfdff) !important;
}
#community-create-card::before{
  display:none !important;
  content:none !important;
}
#community-create-card .community-create-head,
#community-create-card .community-create-head-clean,
#community-create-card .section-head{
  background:transparent !important;
}
#community-create-card .community-create-head-clean{
  margin-bottom:10px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(17,24,39,.08);
}
#community-create-card .community-create-head-clean h2{
  margin:0 0 6px;
  color:var(--text,#142033) !important;
}
#community-create-card .community-create-head-clean p{
  margin:0;
  color:var(--muted,#667085) !important;
  max-width:720px;
}


/* Chat rail title */
.community-shell.community-shell--pro .active-panel-chat-title{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 8px;
  padding:6px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(46,107,255,.12);
  color:var(--primary,#2e6bff);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.community-shell.community-shell--pro .active-users-list{
  padding-top:6px;
}
@media (max-width: 980px){
  .community-shell.community-shell--pro .active-panel-chat-title{display:none !important;}
}


/* Search stats: 3 columnas por fila */
.search-pro-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important}
.search-pro-stat{min-width:0}
.search-pro-stat.is-main{grid-column:auto !important}
@media (max-width: 980px){
  .search-pro-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important}
  .search-pro-stat{padding:16px}
  .search-pro-stat strong{font-size:1.45rem}
  .search-pro-stat small,.search-pro-stat span{font-size:.88rem}
}
@media (max-width: 640px){
  .search-pro-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important}
  .search-pro-stat{padding:14px 12px !important;min-height:84px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
  .search-pro-stat small{font-size:.76rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
  .search-pro-stat strong{font-size:1.85rem !important;line-height:1;margin-top:2px}
  .search-pro-stat span{display:none !important}
  .search-pro-stat.is-main{grid-column:auto !important}
}


/* Mobile fix: destacados header compact on one line */
@media (max-width: 780px){
  .home-highlight-top{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px;
    flex-wrap:nowrap;
  }
  .home-highlight-top .stream-kicker,
  .home-highlight-top .btn.small,
  .home-highlight-top .btn.ghost.small{
    white-space:nowrap;
  }
  .home-highlight-top .btn.small,
  .home-highlight-top .btn.ghost.small{
    padding:8px 14px;
    min-height:34px;
    font-size:.84rem;
    border-radius:14px;
  }
}
@media (max-width: 540px){
  .home-highlight-card{
    padding:14px;
  }
  .home-highlight-top{
    gap:8px;
    padding:0 0 8px;
  }
  .home-highlight-top .stream-kicker{
    font-size:.72rem;
    padding:6px 10px;
  }
  .home-highlight-top .btn.small,
  .home-highlight-top .btn.ghost.small{
    padding:7px 12px;
    min-height:32px;
    font-size:.8rem;
  }
}


/* Home metrics themed like primary buttons */
.home-community-metrics--ultra div,
.home-community-metrics > div{
  border:0 !important;
  background:linear-gradient(135deg,var(--brand),var(--brand2)) !important;
  box-shadow:0 16px 30px rgba(46,107,255,.22) !important;
}
.home-community-metrics--ultra div::after{display:none !important}
.home-community-metrics--ultra strong,
.home-community-metrics strong{color:#fff !important}
.home-community-metrics--ultra span:last-child,
.home-community-metrics > div span:last-child{color:rgba(255,255,255,.9) !important}
.home-community-metrics .home-metric-icon{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.home-community-metrics .home-metric-icon svg{color:currentColor}

/* Comunidad en movimiento - auto scroll real */
.home-community-posts{
  position:relative;
  overflow:hidden;
  max-height:390px;
  display:block;
}
.home-community-posts.is-auto-scroll{
  mask-image:linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
}
.home-community-posts-track{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.home-community-posts.is-auto-scroll .home-community-posts-track{
  animation:homeCommunityTicker 28s linear infinite;
  will-change:transform;
}
.home-community-posts.is-auto-scroll:hover .home-community-posts-track,
.home-community-posts.is-auto-scroll:focus-within .home-community-posts-track{
  animation-play-state:paused;
}
@keyframes homeCommunityTicker{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(0,-50%,0)}
}
@media (max-width: 640px){
  .home-community-posts{max-height:320px}
  .home-community-posts.is-auto-scroll .home-community-posts-track{animation-duration:34s}
}


/* Mobile compact fix for home highlight cards */
@media (max-width: 640px){
  .home-home-highlights{padding-bottom:16px;}
  .home-highlight-grid--visual,
  .home-highlight-grid{gap:14px !important;}
  .home-highlight-card{
    padding:12px !important;
    border-radius:20px !important;
  }
  .home-highlight-top{
    margin-bottom:6px !important;
    padding:0 !important;
    gap:8px !important;
  }
  .home-highlight-top .stream-kicker{
    padding:5px 9px !important;
    font-size:.7rem !important;
    line-height:1 !important;
  }
  .home-highlight-top .btn.small,
  .home-highlight-top .btn.ghost.small{
    padding:6px 11px !important;
    min-height:30px !important;
    font-size:.78rem !important;
    border-radius:12px !important;
  }
  .home-highlight-entity,
  .home-highlight-entity--visual{
    gap:8px !important;
    border-radius:18px !important;
  }
  .home-highlight-media{
    height:148px !important;
    border-radius:18px !important;
  }
  .home-highlight-float-badge{
    top:10px !important;
    right:10px !important;
    width:32px !important;
    height:32px !important;
    border-radius:11px !important;
  }
  .home-highlight-body{
    padding:8px 6px 8px !important;
    gap:4px !important;
  }
  .home-highlight-body strong{
    margin:0 !important;
    font-size:1rem !important;
    line-height:1.18 !important;
    letter-spacing:-.01em;
  }
  .home-highlight-body p{
    margin:0 !important;
    font-size:.9rem !important;
    line-height:1.28 !important;
  }
  .home-highlight-body .pill-label{
    padding:5px 9px !important;
    font-size:.72rem !important;
    margin-bottom:2px !important;
  }
}


/* Right column mini cards with image */
.feed-side-mini-card{overflow:hidden}
.feed-side-mini-media{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#eef4ff,#f7f3ff);margin-bottom:10px}
.feed-side-mini-media img{display:block;width:100%;height:100%;object-fit:cover}
.feed-side-mini-card strong{display:block}
@media (max-width:980px){
  .feed-side-mini-media{aspect-ratio:16/8.8;margin-bottom:8px}
}


/* ===== HOME METRICS SAAS REAL ===== */
.home-community-metrics--ultra .home-metric-card,
.home-community-metrics .home-metric-card{
  position:relative;
  overflow:hidden;
  display:flex !important;
  align-items:center;
  gap:12px;
  min-height:88px;
  padding:18px 16px !important;
  border-radius:22px;
  text-decoration:none;
  transform:translateY(0);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  isolation:isolate;
}
.home-community-metrics--ultra .home-metric-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right, rgba(255,255,255,.24), transparent 42%);
  z-index:0;
  pointer-events:none;
}
.home-community-metrics--ultra .home-metric-card::after{
  content:'';
  position:absolute;
  right:-18px;
  bottom:-22px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.15), transparent 68%);
  z-index:0;
  pointer-events:none;
}
.home-community-metrics--ultra .home-metric-card:hover,
.home-community-metrics--ultra .home-metric-card:focus-visible{
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 18px 36px rgba(15,23,42,.18) !important;
  filter:saturate(1.06);
}
.home-community-metrics--ultra .home-metric-card:active{transform:translateY(-1px) scale(.995)}
.home-community-metrics--ultra .home-metric-card > *{position:relative;z-index:1}
.home-community-metrics--ultra .home-metric-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.home-community-metrics--ultra .home-metric-copy strong,
.home-community-metrics--ultra .home-metric-copy span:last-child{display:block;margin:0}
.home-community-metrics--ultra .home-metric-copy strong{font-size:1.52rem !important;line-height:1;font-weight:900;letter-spacing:-.03em;color:#fff !important}
.home-community-metrics--ultra .home-metric-copy span:last-child{font-size:.92rem !important;font-weight:800;color:rgba(255,255,255,.94) !important;text-transform:none;letter-spacing:0}
.home-community-metrics--ultra .home-metric-icon{width:46px;height:46px;margin:0;flex:0 0 46px;border-radius:15px;background:rgba(255,255,255,.16) !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 18px rgba(15,23,42,.12) !important}
.home-community-metrics--ultra .home-metric-icon svg{width:19px;height:19px}
.home-community-metrics--ultra .home-metric-card--community{background:linear-gradient(135deg,#3b82f6,#2563eb) !important}
.home-community-metrics--ultra .home-metric-card--business{background:linear-gradient(135deg,#8b5cf6,#6d28d9) !important}
.home-community-metrics--ultra .home-metric-card--offer{background:linear-gradient(135deg,#f59e0b,#d97706) !important}
.home-community-metrics--ultra .home-metric-card--event{background:linear-gradient(135deg,#10b981,#047857) !important}
.home-community-metrics--ultra .home-metric-card--community .home-metric-icon{background:rgba(219,234,254,.22) !important}
.home-community-metrics--ultra .home-metric-card--business .home-metric-icon{background:rgba(243,232,255,.18) !important}
.home-community-metrics--ultra .home-metric-card--offer .home-metric-icon{background:rgba(255,247,237,.18) !important}
.home-community-metrics--ultra .home-metric-card--event .home-metric-icon{background:rgba(236,253,245,.16) !important}
@media (max-width: 768px){
  .home-community-metrics--ultra .home-metric-card{min-height:82px;padding:16px 14px !important;border-radius:20px;gap:10px}
  .home-community-metrics--ultra .home-metric-copy strong{font-size:1.34rem !important}
  .home-community-metrics--ultra .home-metric-copy span:last-child{font-size:.86rem !important}
  .home-community-metrics--ultra .home-metric-icon{width:42px;height:42px;flex-basis:42px}
}

@media (max-width: 640px){
  .home-home-highlights{
    padding-bottom:16px !important;
  }

  .section{
    margin-bottom:16px !important;
  }

  .home-community-main{
    padding:14px !important;
  }
}

@media (max-width: 640px){
  .home-community-wrap{
    margin-top: 8px !important;
  }

  .home-community-main{
    border-radius: 22px !important;
  }

  .home-live-item{
    margin-bottom: 12px !important;
  }
}

@media (max-width: 640px){
  .home-community-main{
    padding-bottom: 24px !important;
  }
}


/* ===== Suscripciones PRO UI ===== */
.subscription-overview{padding:22px}
.subscription-top-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:16px;align-items:stretch}
.subscription-top-main{display:flex;flex-direction:column;gap:10px;justify-content:center}
.subscription-top-main h3{margin:0;font-size:1.45rem;line-height:1.15}
.subscription-top-business{font-size:.98rem}
.subscription-top-badges{display:flex;gap:8px;flex-wrap:wrap}
.subscription-top-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.subscription-stat-box,.current-sub-item{padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}
.subscription-stat-box span,.current-sub-item span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800;margin-bottom:6px}
.subscription-stat-box strong,.current-sub-item strong{display:block;font-size:1.08rem;line-height:1.2;color:var(--text)}
.subscription-inline-note{margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f3f7ff);border:1px solid rgba(46,107,255,.12);color:var(--text);font-size:.94rem}
.plan-card{display:flex;flex-direction:column;gap:12px;padding:18px}
.plan-card h3{margin:0;font-size:1.6rem;line-height:1.15}
.plan-request-form .field{margin-bottom:0}
.field.field-compact textarea,.renew-form-inline textarea{min-height:84px;resize:vertical}
.plan-request-form textarea,.renew-form-inline textarea{background:linear-gradient(180deg,#fff,#fbfcff);line-height:1.45}
.btn.is-disabled,.btn[disabled]{opacity:1;cursor:not-allowed;background:#e9edf5 !important;color:#667085 !important;border-color:#d0d5dd !important;box-shadow:none !important}
.current-subscriptions-list{gap:14px}
.current-sub-card{display:flex;flex-direction:column;align-items:stretch !important;padding:16px !important}
.current-sub-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.current-sub-topline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:4px}
.current-sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.current-sub-actions{margin-top:12px}
.renew-form-inline{display:grid;gap:10px}
.renew-form-inline .btn{justify-self:start}
@media (max-width: 980px){
  .subscription-top-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .subscription-top-stats,.current-sub-grid{grid-template-columns:1fr}
  .plan-card{padding:16px}
}
.plan-usage-overview{padding:22px}
.plan-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan-usage-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff);padding:15px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 24px rgba(16,24,40,.04)}
.plan-usage-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.plan-usage-head span{font-size:.9rem;font-weight:800;color:var(--muted)}
.plan-usage-head strong{font-size:1.05rem;color:var(--text)}
.plan-usage-meter{height:10px;border-radius:999px;background:#ecf1f8;overflow:hidden;position:relative}
.plan-usage-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2));min-width:0}
.plan-usage-foot{font-size:.92rem;color:var(--muted)}
.plan-usage-card.tone-warn .plan-usage-meter span{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.plan-usage-card.tone-danger{border-color:rgba(217,45,32,.18);background:linear-gradient(180deg,#fff,#fff7f7)}
.plan-usage-card.tone-danger .plan-usage-meter span{background:linear-gradient(90deg,#ef4444,#f97316)}
.plan-usage-card.tone-danger .plan-usage-foot{color:#b42318;font-weight:700}
.plan-usage-card.tone-empty{background:linear-gradient(180deg,#fff,#fafbfc)}
.plan-usage-card.tone-empty .plan-usage-meter span{background:#cbd5e1}
@media (max-width: 980px){
  .plan-usage-grid{grid-template-columns:1fr}
}

/* ===== Planes visual PRO refinado ===== */
.subscription-overview,
.plan-card,
.current-sub-card{
  position:relative;
  overflow:hidden;
}
.subscription-overview::before,
.plan-card::before,
.current-sub-card::before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;
  height:6px;
  background:linear-gradient(90deg,#cbd5e1,#94a3b8);
}
.subscription-overview.tier-basic::before,
.plan-card.tier-basic::before,
.current-sub-card.tier-basic::before{background:linear-gradient(90deg,#94a3b8,#64748b)}
.subscription-overview.tier-plus::before,
.plan-card.tier-plus::before,
.current-sub-card.tier-plus::before{background:linear-gradient(90deg,#8b5cf6,#6366f1)}
.subscription-overview.tier-premium::before,
.plan-card.tier-premium::before,
.current-sub-card.tier-premium::before{background:linear-gradient(90deg,#f59e0b,#fb7185)}

.subscription-overview{padding-top:26px}
.plan-card{padding-top:24px;border-radius:22px;box-shadow:0 14px 36px rgba(16,24,40,.06)}
.plan-card.featured{transform:none}
.plan-card .feature-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.plan-card .feature-list li{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,#fff,#f8fbff);
  font-weight:700;
  color:var(--text);
}
.plan-card.tier-basic .feature-list li{background:linear-gradient(180deg,#fff,#f8fafc)}
.plan-card.tier-plus .feature-list li{background:linear-gradient(180deg,#faf7ff,#f3eeff);border-color:rgba(139,92,246,.16)}
.plan-card.tier-premium .feature-list li{background:linear-gradient(180deg,#fffaf2,#fff3e2);border-color:rgba(245,158,11,.18)}
.plan-card .field label,
.renew-form-inline label{font-weight:800;color:var(--text);margin-bottom:6px}
.plan-request-form textarea,
.renew-form-inline textarea{
  min-height:92px;
  border-radius:16px;
  border:1px solid #d7deea;
  padding:12px 14px;
  box-shadow:inset 0 1px 1px rgba(16,24,40,.03);
  font-size:.95rem;
}
.plan-request-form textarea:focus,
.renew-form-inline textarea:focus{
  outline:none;
  border-color:rgba(46,107,255,.45);
  box-shadow:0 0 0 4px rgba(46,107,255,.10), inset 0 1px 1px rgba(16,24,40,.03);
}
.plan-request-form select{
  min-height:46px;
  border-radius:14px;
  border:1px solid #d7deea;
  background:linear-gradient(180deg,#fff,#fbfcff);
  padding:0 12px;
  font-weight:700;
}
.current-sub-card{padding-top:22px !important;border-radius:20px;box-shadow:0 12px 30px rgba(16,24,40,.05)}
.current-sub-grid{grid-template-columns:repeat(3,minmax(86px,1fr));gap:8px}
.current-sub-item{
  min-width:0;
  padding:12px 12px;
  border-radius:14px;
}
.subscription-stat-box strong,
.current-sub-item strong{
  font-size:.96rem;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.current-sub-actions{margin-top:14px}
.renew-form-inline{
  background:linear-gradient(180deg,#fbfdff,#f6f9ff);
  border:1px solid rgba(46,107,255,.10);
  border-radius:16px;
  padding:12px;
}
.subscription-inline-note{
  border-radius:16px;
  line-height:1.45;
}
.plan-card .muted,
.current-sub-card .muted{line-height:1.45}
@media (max-width: 980px){
  .current-sub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 720px){
  .current-sub-grid{grid-template-columns:1fr}
  .subscription-stat-box strong,.current-sub-item strong{font-size:1rem}
}


/* ===== Admin planes form PRO ===== */
.plan-pro-form{display:grid;gap:18px}
.plan-pro-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:16px;padding:18px 20px;border:1px solid rgba(46,107,255,.12);border-radius:22px;background:linear-gradient(135deg,#f8fbff,#eef4ff);overflow:hidden}
.plan-pro-hero::after{content:'';position:absolute;right:-34px;top:-34px;width:140px;height:140px;border-radius:999px;background:rgba(255,255,255,.45)}
.plan-pro-hero.plus{background:linear-gradient(135deg,#fbf9ff,#f1ebff);border-color:rgba(105,65,198,.15)}
.plan-pro-hero.premium{background:linear-gradient(135deg,#fff9ef,#fff0cf);border-color:rgba(181,71,8,.16)}
.plan-pro-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);font-size:.76rem;font-weight:800;color:var(--brand);margin-bottom:10px}
.plan-pro-hero.plus .plan-pro-kicker{color:#6941c6}
.plan-pro-hero.premium .plan-pro-kicker{color:#b54708}
.plan-pro-hero h3{margin:0 0 6px;font-size:1.18rem}
.plan-pro-hero p{margin:0;color:var(--muted);max-width:54ch}
.plan-pro-badges{display:flex;flex-direction:column;gap:10px;align-items:flex-end;justify-content:center;position:relative;z-index:1}
.plan-pro-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.58);font-size:.9rem;font-weight:700;white-space:nowrap}
.plan-pro-section{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff)}
.plan-pro-head{margin-bottom:14px}
.plan-pro-head h3{margin:0 0 5px;font-size:1rem}
.plan-pro-head p{margin:0;color:var(--muted);font-size:.95rem}
.plan-pro-grid .field{margin-bottom:0}
.plan-pro-grid .field:last-child{grid-column:span 2}
.plan-pro-grid .field label{font-weight:800;color:var(--text)}
.plan-pro-grid .field input,.plan-pro-grid .field select,.plan-pro-grid .field textarea{border-radius:16px;border-color:#d9e3f2;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.plan-pro-grid .field textarea{min-height:112px;resize:vertical}
.plan-limit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.plan-limit-card{display:grid;gap:8px;padding:16px;border:1px solid #dde6f3;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff)}
.plan-limit-title{font-size:.96rem;font-weight:800;color:var(--text)}
.plan-limit-copy{font-size:.88rem;line-height:1.4;color:var(--muted)}
.plan-limit-card input{width:100%;padding:12px 14px;border:1px solid #d7e2f1;border-radius:14px;background:#fff;font-weight:700}
.plan-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plan-switch-card{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid #dde6f3;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);cursor:pointer}
.plan-switch-card input{margin-top:3px;accent-color:var(--brand)}
.plan-switch-card strong{display:block;font-size:.96rem}
.plan-switch-card small{display:block;margin-top:4px;color:var(--muted);font-size:.86rem;line-height:1.4}
.plan-switch-card.is-primary{border-color:rgba(46,107,255,.24);background:linear-gradient(180deg,#f8fbff,#eef4ff)}
@media (max-width: 900px){
  .plan-pro-hero{grid-template-columns:1fr}
  .plan-pro-badges{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .plan-limit-grid,.plan-switch-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .plan-pro-grid .field:last-child{grid-column:auto}
}

/* Admin users PRO layout */
.admin-users-layout{display:grid;grid-template-columns:1fr;gap:18px}
.admin-users-hero{padding:22px 22px 20px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#ffffff,#f7faff)}
.admin-users-hero__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.admin-users-hero__head h2{margin:8px 0 6px;font-size:1.65rem;line-height:1.1}
.admin-users-hero__meta{display:flex;align-items:flex-start;justify-content:flex-end}
.admin-users-empty{padding:18px 20px;border-radius:18px;border:1px dashed rgba(148,163,184,.35);background:linear-gradient(180deg,#fbfdff,#f6f9ff)}
.admin-users-empty strong{display:block;margin-bottom:6px;font-size:1rem}
.admin-user-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;align-items:start}
.admin-user-editor--full{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-user-editor .field{margin-bottom:0}
.admin-user-editor__bio{grid-column:1/-1}
.admin-user-editor__actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;padding-top:2px}
.admin-users-card{padding:22px}
.admin-search-form{display:flex;gap:14px;align-items:end;justify-content:space-between;margin:10px 0 16px;flex-wrap:wrap}
.admin-search-form__field{flex:1 1 360px;margin-bottom:0}
.admin-search-input{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.admin-search-input span{font-size:1rem;opacity:.72}
.admin-search-input input{border:none !important;background:transparent !important;box-shadow:none !important;padding:14px 0 !important}
.admin-search-input input:focus{outline:none}
.admin-search-form__actions{display:flex;gap:10px;flex-wrap:wrap}
.table-wrap{width:100%;overflow:auto}
.admin-user-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;white-space:nowrap}
.admin-user-actions form{margin:0}
.admin-user-actions .btn{min-width:96px;justify-content:center}
.admin-user-actions .btn.secondary{background:#eef4ff;color:#2457d6;border-color:rgba(46,107,255,.18)}
.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;font-size:.8rem;font-weight:800;text-transform:capitalize;letter-spacing:.02em;border:1px solid transparent}
.role-badge--admin{background:rgba(245,158,11,.12);color:#b45309;border-color:rgba(245,158,11,.22)}
.role-badge--business{background:rgba(46,107,255,.12);color:#2457d6;border-color:rgba(46,107,255,.18)}
.role-badge--user{background:rgba(100,116,139,.12);color:#475569;border-color:rgba(148,163,184,.22)}
@media (max-width: 980px){
  .admin-users-hero__head{flex-direction:column;align-items:flex-start}
  .admin-user-editor{grid-template-columns:1fr 1fr}
}
@media (max-width: 720px){
  .admin-user-editor{grid-template-columns:1fr}
  .admin-search-form{align-items:stretch}
  .admin-search-form__actions{width:100%}
  .admin-search-form__actions .btn{flex:1}
  .admin-user-actions{flex-wrap:wrap;white-space:normal}
  .admin-user-actions .btn{min-width:0;flex:1}
}

/* Admin users: plan column + quick assignment */
.admin-user-top-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:16px;align-items:start}
.card-soft{border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.admin-user-plan-assign{padding:18px}
.admin-user-plan-assign__head h3{margin:8px 0 0;font-size:1.15rem;line-height:1.2}
.admin-user-plan-assign__summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px}
.mini-stat{padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#fff}
.mini-stat span{display:block;font-size:.76rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}
.mini-stat strong{font-size:.98rem;line-height:1.25;color:var(--text)}
.admin-user-plan-cell{display:flex;flex-direction:column;gap:4px;min-width:140px}
.admin-user-plan-cell strong{font-size:.95rem;line-height:1.2}
.admin-user-plan-cell small{color:var(--muted);font-size:.78rem;line-height:1.2}
.sub-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:800;border:1px solid transparent}
.sub-status--active{background:rgba(34,197,94,.12);color:#15803d;border-color:rgba(34,197,94,.18)}
.sub-status--pending{background:rgba(245,158,11,.12);color:#b45309;border-color:rgba(245,158,11,.2)}
.sub-status--expired,.sub-status--cancelled,.sub-status--rejected{background:rgba(239,68,68,.10);color:#b91c1c;border-color:rgba(239,68,68,.18)}
.sub-status--none{background:rgba(148,163,184,.12);color:#475569;border-color:rgba(148,163,184,.18)}
@media (max-width: 1120px){.admin-user-top-grid{grid-template-columns:1fr}}
@media (max-width: 680px){.admin-user-plan-assign__summary{grid-template-columns:1fr}}


/* Admin assign plan modal */
body.modal-open{overflow:hidden}
.admin-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px}
.admin-modal[hidden]{display:none}
.admin-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(3px)}
.admin-modal__dialog{position:relative;z-index:1;width:min(560px,calc(100vw - 24px));padding:22px;border-radius:24px;box-shadow:0 32px 80px rgba(15,23,42,.24);background:linear-gradient(180deg,#fff,#f7faff)}
.admin-modal__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.admin-modal__header h3{margin:8px 0 6px;font-size:1.35rem;line-height:1.15}
.admin-modal__close{width:40px;height:40px;border:none;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:1.5rem;line-height:1;cursor:pointer}
.admin-modal__form .field{margin-bottom:14px}
.admin-modal__form textarea,.admin-modal__form select{background:linear-gradient(180deg,#fff,#f8fbff)}
.admin-modal__form .admin-user-editor__actions{padding-top:6px}
@media (max-width:720px){.admin-user-editor--full{grid-template-columns:1fr}.admin-modal{padding:12px}.admin-user-actions{flex-wrap:wrap;white-space:normal}.admin-user-actions .btn{flex:1 1 calc(50% - 8px);min-width:0}}


.admin-search-form--pro{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(180px,.8fr) minmax(180px,.8fr) auto;gap:14px;align-items:end}
.admin-search-form__select{min-width:0;margin-bottom:0}
.admin-search-form__select select,.admin-search-form__field input{height:48px}
.admin-search-form--pro .admin-search-form__actions{align-self:end}
.admin-user-plan-cell{display:flex;flex-direction:column;gap:10px;min-width:220px;padding:10px 12px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}
.admin-user-plan-cell__top{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.admin-user-plan-cell strong{font-size:.98rem;line-height:1.3;color:#142033}
.admin-user-plan-cell__meta{display:flex;flex-direction:column;gap:6px}
.admin-user-plan-cell small{display:block;color:#667085;font-size:.8rem;line-height:1.35}
.admin-user-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}
.admin-user-actions .btn{min-width:110px}
@media (min-width:900px){
  .admin-users-card table td:nth-child(5){min-width:250px}
}
@media (max-width:980px){
  .admin-search-form--pro{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .admin-search-form--pro{grid-template-columns:1fr}
  .admin-user-plan-cell{min-width:0}
}

/* Admin settings form PRO */
.admin-settings-form{gap:20px;max-width:1040px}
.admin-settings-hero{display:grid;grid-template-columns:minmax(0,1.15fr) auto;gap:18px;padding:22px;border:1px solid rgba(46,107,255,.14);border-radius:24px;background:linear-gradient(135deg,#f8fbff,#eef4ff)}
.admin-settings-hero__copy h3{margin:10px 0 8px;font-size:1.22rem;line-height:1.15}
.admin-settings-hero__copy p{max-width:62ch;line-height:1.55}
.admin-settings-hero__meta{display:flex;align-items:center;justify-content:flex-end}
.admin-settings-logo-box{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.65);min-width:250px}
.admin-settings-logo-box strong{display:block;font-size:1rem}
.admin-settings-logo-preview,.admin-settings-brand-preview{width:64px !important;height:64px !important;border-radius:18px !important;object-fit:cover;border:1px solid var(--line);background:#fff;flex:0 0 auto}
.admin-settings-section{padding:20px;border:1px solid rgba(148,163,184,.18);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfcff)}
.admin-settings-section--presets{background:linear-gradient(180deg,#fbfdff,#f6faff)}
.admin-settings-section__head{margin-bottom:14px}
.admin-settings-section__head h3{margin:0 0 5px;font-size:1.03rem}
.admin-settings-section__head p{margin:0;line-height:1.5}
.admin-settings-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-settings-field{margin-bottom:0}
.admin-settings-field label{font-weight:800;color:var(--text)}
.admin-input-pro{display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #d9e3f2;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.admin-input-pro span{font-size:1rem;opacity:.72}
.admin-input-pro input{border:none !important;background:transparent !important;box-shadow:none !important;padding:15px 0 !important;min-height:52px}
.admin-upload-pro{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px dashed rgba(46,107,255,.26);border-radius:18px;background:linear-gradient(180deg,#fafdff,#f3f8ff);cursor:pointer}
.admin-upload-pro__icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(46,107,255,.12);font-size:1.05rem}
.admin-upload-pro__text strong{display:block;font-size:.96rem;line-height:1.25}
.admin-upload-pro__text small{display:block;margin-top:3px;line-height:1.4}
.admin-upload-pro__input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.admin-theme-grid-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.admin-theme-field-pro{display:grid;gap:10px;padding:14px;border:1px solid #dbe4f1;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbff)}
.admin-theme-field-pro label{font-weight:800;color:var(--text)}
.admin-theme-field-pro input[type="color"]{width:100%;height:54px;padding:4px;border:1px solid #d7deea;border-radius:14px;background:#fff;cursor:pointer}
.admin-settings-actions{padding-top:2px}
.theme-preview-actions{display:flex;gap:10px;flex-wrap:wrap}
.theme-swatch{display:inline-block;width:44px;height:44px;border-radius:14px;border:1px solid rgba(148,163,184,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.theme-preview-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid rgba(148,163,184,.18);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff)}
@media (max-width: 980px){
  .admin-settings-hero,.admin-settings-brand-grid{grid-template-columns:1fr}
  .admin-settings-hero__meta{justify-content:flex-start}
  .admin-theme-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .admin-settings-section,.admin-settings-hero{padding:18px}
  .admin-theme-grid-pro{grid-template-columns:1fr}
  .admin-settings-logo-box{min-width:0;width:100%}
  .theme-preview-card{flex-direction:column;align-items:flex-start}
}


/* Feed entity media links */
.entity-media-link{
  display:block;
  text-decoration:none;
}
.entity-media-link:hover .post-image,
.entity-media-link:focus-visible .post-image{
  transform:scale(1.01);
  transition:transform .18s ease;
}

/* ===== Business panel plans PRO layout ===== */
.plans-view{display:grid;gap:18px}
.plans-top-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.95fr);gap:18px;align-items:start}
.plans-side-column .card{height:auto}
.plans-catalog-card{padding:24px 24px 26px}
.plans-catalog-intro{max-width:820px;margin:0 0 18px;line-height:1.55}
.plans-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan-card{height:100%}
.plan-card-head{display:grid;gap:10px;margin-bottom:4px}
.plan-card-copy{min-height:66px}
.plan-request-form{margin-top:auto;gap:14px;padding-top:4px}
.plan-request-form .field{display:grid;gap:8px}
.plan-request-form .field label,
.renew-form-inline .field label{font-size:.88rem;letter-spacing:.01em}
.plan-request-form .field-compact textarea,
.renew-form-inline .field-compact textarea{min-height:108px}
.plan-request-form textarea,
.renew-form-inline textarea,
.plan-request-form select{
  border-radius:18px;
  border:1px solid #d5ddec;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 10px 26px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.9);
}
.plan-request-form select{min-height:50px;padding:0 14px}
.plan-request-form textarea,
.renew-form-inline textarea{padding:14px 15px;font-size:.95rem;line-height:1.55}
.plan-request-form .plan-submit-btn{width:100%;min-height:46px;margin-top:auto;justify-content:center}
.current-sub-card .renew-form-inline{padding:14px 14px 12px;border-radius:18px}
.current-sub-card .renew-form-inline .btn{width:100%;justify-content:center}
.current-sub-actions{display:grid;gap:12px}
.current-sub-grid{margin-top:14px}
.current-sub-item{min-height:92px;display:flex;flex-direction:column;justify-content:center}
.current-sub-item span{margin-bottom:8px}
.current-sub-card .subscription-inline-note{margin-top:14px}
.current-sub-header{margin-bottom:2px}
@media (max-width: 1100px){
  .plans-top-grid{grid-template-columns:1fr}
}
@media (max-width: 980px){
  .plans-catalog-grid{grid-template-columns:1fr}
  .plan-card-copy{min-height:0}
}


.plans-how-card{padding:22px 24px}
.plans-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.plans-how-step{padding:16px 18px;border:1px solid #dde6f4;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 10px 24px rgba(15,23,42,.04)}
.plans-how-step strong{display:block;margin:0 0 8px;font-size:.98rem;color:#0f172a}
.plans-how-step p{margin:0;color:#5b6b85;line-height:1.52}
@media (max-width: 1100px){
  .plans-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 700px){
  .plans-how-grid{grid-template-columns:1fr}
}


/* Businesses page quota polish */
.business-quota-chip{display:grid;gap:4px;min-width:220px;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#fff7ed,#fff);border:1px solid rgba(249,115,22,.18);box-shadow:0 14px 30px rgba(249,115,22,.12)}
.business-quota-chip__kicker{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c2410c}
.business-quota-chip strong{font-size:1.02rem;line-height:1.2;color:#7c2d12}
.business-quota-chip small{font-size:.82rem;color:#9a3412}
.saas-toolbar-actions .business-quota-chip{align-self:flex-start}
.rp-actions{display:grid;gap:10px}
.rp-action-btn.is-secondary{background:#fff;color:var(--brand);border:1px solid rgba(46,107,255,.18);box-shadow:none}
.rp-action-btn.is-secondary:hover{background:#f8fbff}
.rp-action-btn.is-disabled{background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#64748b;border:1px solid rgba(148,163,184,.24);box-shadow:none;pointer-events:none}
@media (max-width: 960px){
  .business-quota-chip{width:100%;min-width:0}
}


/* ===== Premium saved/reviews/stats upgrade ===== */
.entity-save-btn{
  position:relative;
  min-height:46px;
  border:1px solid rgba(148,163,184,.24);
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:0 14px 30px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.92);
}
.entity-save-btn::before{
  content:"";
  width:18px;height:18px;border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(46,107,255,.18), rgba(106,56,255,.05));
  box-shadow:inset 0 0 0 1px rgba(46,107,255,.1);
}
.entity-save-btn.is-saved{
  border-color:rgba(59,130,246,.22);
  background:linear-gradient(180deg,#eff6ff,#eef2ff 58%,#f8fbff);
  color:#1d4ed8;
  box-shadow:0 16px 34px rgba(59,130,246,.16), inset 0 1px 0 rgba(255,255,255,.96);
}
.entity-save-btn.is-saved::before{background:radial-gradient(circle at 35% 35%, rgba(59,130,246,.5), rgba(106,56,255,.18))}
.entity-save-btn.is-copied{border-color:rgba(16,185,129,.24);background:linear-gradient(180deg,#ecfdf5,#f7fffb);color:#047857}
.entity-save-btn.is-copied::before{background:radial-gradient(circle at 35% 35%, rgba(16,185,129,.42), rgba(16,185,129,.12))}
.entity-save-btn .entity-save-count{
  min-width:28px;height:28px;padding:0 8px;
  background:rgba(15,23,42,.04);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.entity-save-btn:hover{transform:translateY(-2px) scale(1.01)}
.review-summary-card,.review-form-card,.saved-strip-card,.saved-mini-card,.review-item,.analytics-pill{
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 18px 40px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.9);
}
.saved-strip-card{
  background:
    radial-gradient(circle at top right, rgba(46,107,255,.09), transparent 28%),
    radial-gradient(circle at bottom left, rgba(106,56,255,.08), transparent 24%),
    linear-gradient(180deg,#ffffff,#f8fbff);
}
.review-summary-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(250,204,21,.2), transparent 26%),
    radial-gradient(circle at 10% 85%, rgba(59,130,246,.12), transparent 24%),
    linear-gradient(180deg,#ffffff,#f9fbff);
}
.review-summary-card::after{
  content:"Confianza local";
  position:absolute;top:16px;right:16px;
  font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#1d4ed8;background:rgba(255,255,255,.85);padding:7px 10px;border-radius:999px;border:1px solid rgba(191,219,254,.9)
}
.review-score-big{
  font-size:54px;
  background:linear-gradient(135deg,#0f172a,#1d4ed8 55%,#6d28d9);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.review-stars{font-size:20px;letter-spacing:3px;color:#f59e0b}
.review-form-card h3{margin:0 0 10px;font-size:1.06rem}
.review-form-stars label{
  min-height:44px;padding:10px 13px;
  border:1px solid rgba(191,219,254,.7);
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  font-weight:700;
}
.review-form-stars label:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.7)}
.review-item{
  background:linear-gradient(180deg,#ffffff,#fbfcff);
  position:relative;
}
.review-item::before{
  content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:999px;
  background:linear-gradient(180deg,#f59e0b,#f97316)
}
.review-item{padding-left:20px}
.saved-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.saved-mini-card{
  position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:14px;overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(46,107,255,.08), transparent 28%),
    linear-gradient(180deg,#ffffff,#f8fbff);
}
.saved-mini-card:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9)}
.saved-mini-card::after{
  content:"→";margin-left:auto;align-self:center;font-size:18px;line-height:1;color:#94a3b8;font-weight:900
}
.saved-mini-thumb{display:block;flex:0 0 64px;width:64px;height:64px;overflow:hidden;border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 10px 22px rgba(15,23,42,.06)}
.saved-mini-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.saved-mini-thumb--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e7ff,#ede9fe);color:#3730a3;font-weight:800}
.saved-mini-body{display:grid;gap:3px;flex:1;min-width:0}
.saved-mini-body span,.saved-mini-body strong,.saved-mini-body small{display:block;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.saved-mini-body strong{font-size:.98rem}
.saved-mini-body small{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:#2563eb;font-weight:800}
.analytics-grid{gap:14px}
.analytics-pill{
  position:relative;overflow:hidden;padding:14px 15px 13px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.analytics-pill::before{
  content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,#2e6bff,#6a38ff)
}
.analytics-pill strong{font-size:28px;line-height:1.05;background:linear-gradient(135deg,#0f172a,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:transparent}
.analytics-pill span{font-size:.78rem;line-height:1.35}
.premium-section-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.premium-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,#eef4ff,#f7f3ff);border:1px solid rgba(46,107,255,.12);font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8}
.profile-premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.profile-premium-stat{padding:18px;border-radius:22px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 18px 36px rgba(15,23,42,.05)}
.profile-premium-stat span{display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin-bottom:8px}
.profile-premium-stat strong{display:block;font-size:1.8rem;line-height:1.05;color:#0f172a}
.profile-premium-stat small{display:block;margin-top:8px;color:#64748b;line-height:1.45}
.performance-card{padding:16px 16px 14px;border-radius:22px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 18px 40px rgba(15,23,42,.05)}
.performance-card .review-head{margin-bottom:12px}
.performance-bars{display:grid;gap:9px;margin-top:12px}
.performance-bar-row{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center}
.performance-bar-label{font-size:.78rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em}
.performance-bar-track{height:10px;border-radius:999px;background:#edf2fb;overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.05)}
.performance-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2e6bff,#6a38ff)}
.performance-bar-value{font-size:.82rem;font-weight:800;color:#0f172a}
.entity-hero-stats .business-stat-card,.entity-hero-stats .entity-stat-card,.business-hero-stats .business-stat-card{
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:0 18px 38px rgba(15,23,42,.05);
}
@media (max-width: 980px){.profile-premium-grid{grid-template-columns:1fr}}
@media (max-width: 720px){
  .saved-mini-card{align-items:flex-start}
  .saved-mini-card::after{display:none}
  .performance-bar-row{grid-template-columns:1fr;gap:6px}
}


/* ===== Premium icon buttons v2 ===== */
.entity-actions-stack{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.entity-actions-stack > .entity-save-btn{flex:1 1 210px}
.cta-row .entity-save-btn{flex:1 1 190px}
.entity-save-btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;
  min-height:56px;padding:10px 16px 10px 12px;border-radius:999px;
  border:1px solid rgba(148,163,184,.20);
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  color:#142033;font-weight:800;letter-spacing:-.01em;
  box-shadow:0 18px 38px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.96);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.entity-save-btn::before{display:none}
.entity-save-btn:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.98)}
.entity-save-btn:active{transform:translateY(0) scale(.99)}
 .entity-save-icon{
  width:36px;height:36px;flex:0 0 36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:900;line-height:1;
  background:linear-gradient(180deg,#ffffff,#eef4ff);
  border:1px solid rgba(46,107,255,.14);color:#3157dd;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96), 0 8px 18px rgba(46,107,255,.10);
}
.entity-save-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;flex:1}
.entity-save-kicker{font-size:.67rem;line-height:1;text-transform:uppercase;letter-spacing:.12em;color:#6b7280;font-weight:900}
.entity-save-label{font-size:.98rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-save-btn .entity-save-count{
  margin-left:auto;min-width:34px;height:34px;padding:0 11px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(15,23,42,.045);border:1px solid rgba(148,163,184,.14);
  color:#344054;font-size:.84rem;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
.entity-save-btn--save{background:linear-gradient(180deg,#ffffff,#f7faff)}
.entity-save-btn--share{background:linear-gradient(180deg,#ffffff,#faf7ff)}
.entity-save-btn--share .entity-save-icon{color:#7c3aed;border-color:rgba(124,58,237,.16);background:linear-gradient(180deg,#ffffff,#f5efff);box-shadow:inset 0 1px 0 rgba(255,255,255,.96), 0 8px 18px rgba(124,58,237,.12)}
.entity-save-btn--share .entity-save-kicker{color:#7c3aed}
.entity-save-btn.is-saved{
  border-color:rgba(59,130,246,.18);
  background:linear-gradient(135deg,#eef4ff 0%,#eef2ff 50%,#f8fbff 100%);
  color:#1d4ed8;box-shadow:0 20px 40px rgba(59,130,246,.14), inset 0 1px 0 rgba(255,255,255,.98);
}
.entity-save-btn.is-saved .entity-save-icon{
  color:#ffffff;border-color:rgba(59,130,246,.25);
  background:linear-gradient(135deg,#2563eb,#6d28d9);
  box-shadow:0 10px 24px rgba(59,130,246,.26), inset 0 1px 0 rgba(255,255,255,.26);
}
.entity-save-btn.is-saved .entity-save-kicker{color:#3157dd}
.entity-save-btn.is-saved .entity-save-count{background:#dbeafe;border-color:rgba(96,165,250,.26);color:#1d4ed8}
.entity-save-btn.is-copied{border-color:rgba(16,185,129,.22);background:linear-gradient(180deg,#ecfdf5,#f7fffb);color:#047857;box-shadow:0 20px 40px rgba(16,185,129,.12), inset 0 1px 0 rgba(255,255,255,.98)}
.entity-save-btn.is-copied .entity-save-icon{color:#fff;border-color:rgba(16,185,129,.2);background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 24px rgba(16,185,129,.18), inset 0 1px 0 rgba(255,255,255,.26)}
.entity-save-btn.is-copied .entity-save-kicker{color:#059669}
.entity-save-btn.is-copied .entity-save-count{background:#d1fae5;border-color:rgba(16,185,129,.18);color:#047857}
.entity-save-btn.is-shared{border-color:rgba(124,58,237,.22);background:linear-gradient(180deg,#f7f1ff,#fcfbff);color:#6d28d9;box-shadow:0 20px 40px rgba(124,58,237,.12), inset 0 1px 0 rgba(255,255,255,.98)}
.entity-save-btn.is-shared .entity-save-icon{color:#fff;border-color:rgba(124,58,237,.18);background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 10px 24px rgba(124,58,237,.18), inset 0 1px 0 rgba(255,255,255,.26)}
.entity-save-btn.is-shared .entity-save-kicker{color:#7c3aed}

@media (max-width: 860px){
  .entity-actions-stack{width:100%}
  .entity-actions-stack > .entity-save-btn,.cta-row .entity-save-btn{flex:1 1 100%;width:100%}
  .entity-save-btn{min-height:52px;padding:10px 12px;border-radius:999px}
  .entity-save-icon{width:32px;height:32px;flex-basis:32px;font-size:17px}
  .entity-save-label{font-size:.95rem}
}


/* ===== Business mobile actions + premium share sheet ===== */
.action-cta--full-mobile{grid-column:auto}

@media (max-width: 640px){
  .business-hero-actions.entity-actions-stack{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
  }
  .business-hero-actions.entity-actions-stack > .action-cta,
  .business-hero-actions.entity-actions-stack > .entity-save-btn{
    width:100%;
    min-width:0;
    margin:0;
  }
  .business-hero-actions.entity-actions-stack > .action-cta{
    min-height:74px;
    padding:12px;
    border-radius:22px;
    justify-content:flex-start;
  }
  .business-hero-actions.entity-actions-stack > .action-cta .action-cta__text,
  .business-hero-actions.entity-actions-stack > .entity-save-btn .entity-save-text{
    min-width:0;
  }
  .business-hero-actions.entity-actions-stack > .action-cta .action-cta__label,
  .business-hero-actions.entity-actions-stack > .entity-save-btn .entity-save-label{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .business-hero-actions.entity-actions-stack > .action-cta--full-mobile{
    grid-column:1 / -1;
  }
  .business-hero-actions.entity-actions-stack > .entity-save-btn{
    min-height:62px;
    border-radius:22px;
    padding:10px 12px;
  }
  .business-hero-actions.entity-actions-stack > .entity-save-btn .entity-save-count{
    margin-left:auto;
  }
  .business-hero-actions.entity-actions-stack > .entity-save-btn--share{
    grid-column:span 1;
  }
}

.share-sheet-backdrop{
  background:rgba(10,15,30,.52);
  backdrop-filter:blur(8px) saturate(1.08);
  -webkit-backdrop-filter:blur(8px) saturate(1.08);
}
.share-sheet{
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,255,.98));
  border:1px solid rgba(226,232,240,.92);
  box-shadow:0 28px 80px rgba(2,8,23,.28), 0 8px 26px rgba(59,130,246,.10);
}
.share-sheet::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:96px;
  background:radial-gradient(circle at top left, rgba(99,102,241,.18), transparent 48%),
             radial-gradient(circle at top right, rgba(59,130,246,.15), transparent 40%);
  pointer-events:none;
}
.share-sheet-head{
  position:relative;
  z-index:1;
  margin-bottom:16px;
}
.share-sheet-titlewrap{display:flex;align-items:flex-start;gap:12px;min-width:0}
.share-sheet-badge{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#eef2ff,#f5f3ff);
  color:#4f46e5;
  border:1px solid rgba(99,102,241,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 24px rgba(99,102,241,.12);
}
.share-sheet-badge svg{width:22px;height:22px;display:block}
.share-sheet-title strong{display:block;font-size:1.15rem;color:#111827;letter-spacing:-.02em}
.share-sheet-sub{margin-top:5px;color:#64748b;font-size:.94rem;line-height:1.45}
.share-sheet-close{
  position:relative;
  z-index:1;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(203,213,225,.9);
  background:rgba(255,255,255,.92);
  color:#0f172a;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.share-sheet-close:hover{transform:translateY(-1px);border-color:rgba(99,102,241,.28);box-shadow:0 14px 28px rgba(99,102,241,.12)}
.share-sheet-actions{position:relative;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.share-option{
  justify-content:flex-start;
  gap:12px;
  min-height:76px;
  padding:14px 15px;
  border-radius:22px;
  border:1px solid rgba(226,232,240,.92);
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:0 12px 28px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.98);
}
.share-option__icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#eef4ff);
  border:1px solid rgba(191,219,254,.58);
  color:#3157dd;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98), 0 8px 18px rgba(46,107,255,.10);
}
.share-option__icon svg{width:20px;height:20px;display:block}
.share-option__content{display:grid;gap:3px;min-width:0}
.share-option__label{font-size:1rem;font-weight:900;color:#1f2937;line-height:1.1;letter-spacing:-.02em}
.share-option__meta{font-size:.8rem;font-weight:700;color:#64748b;line-height:1.2}
.share-option:hover{transform:translateY(-2px);border-color:rgba(99,102,241,.28);background:linear-gradient(180deg,#ffffff,#eef4ff);box-shadow:0 18px 36px rgba(99,102,241,.12), inset 0 1px 0 rgba(255,255,255,.98)}
.share-option--copy .share-option__icon{color:#4f46e5;background:linear-gradient(180deg,#ffffff,#f5f3ff);border-color:rgba(196,181,253,.6)}
.share-option--wa .share-option__icon{color:#047857;background:linear-gradient(180deg,#ffffff,#ecfdf5);border-color:rgba(167,243,208,.7)}
.share-option--x .share-option__icon{color:#0f172a;background:linear-gradient(180deg,#ffffff,#f8fafc);border-color:rgba(203,213,225,.8)}
.share-option--fb .share-option__icon{color:#1d4ed8;background:linear-gradient(180deg,#ffffff,#eff6ff);border-color:rgba(191,219,254,.8)}
.share-option--copy{
  grid-column:1 / -1;
}
@media (max-width: 640px){
  .share-sheet{
    bottom:10px;
    width:calc(100% - 16px);
    padding:16px;
    border-radius:26px;
  }
  .share-sheet-head{align-items:flex-start}
  .share-sheet-badge{width:42px;height:42px;flex-basis:42px;border-radius:14px}
  .share-sheet-title strong{font-size:1.06rem}
  .share-sheet-actions{grid-template-columns:1fr;gap:10px}
  .share-option,
  .share-option--copy{grid-column:auto;min-height:68px;border-radius:18px}
  .share-option__icon{width:40px;height:40px;flex-basis:40px;border-radius:14px}
  .share-option__label{font-size:.98rem}
}


/* ===== Business actions mobile refinement ===== */
.business-hero-actions .action-cta__eyebrow{display:none}
.business-hero-actions .action-cta__text,.business-hero-actions .entity-save-text{display:flex;align-items:center;min-width:0}
.business-hero-actions .action-cta__label,.business-hero-actions .entity-save-label{font-size:1.08rem;line-height:1.05;font-weight:900;letter-spacing:-.02em;white-space:normal;overflow:visible;text-overflow:clip}
.business-hero-actions .entity-save-text--single{justify-content:flex-start}
.business-hero-actions .entity-save-count{min-width:40px;height:40px;padding:0 10px;border-radius:999px;font-size:1rem;font-weight:800}
.business-hero-actions .action-cta,.business-hero-actions .entity-save-btn{align-items:center}
@media (max-width: 640px){
  .business-hero-actions.entity-actions-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .business-hero-actions.entity-actions-stack > .action-cta{min-height:64px;padding:12px 14px;border-radius:20px}
  .business-hero-actions.entity-actions-stack > .action-cta--full-mobile{grid-column:1 / -1}
  .business-hero-actions.entity-actions-stack > .entity-save-btn{min-height:58px;padding:10px 12px;border-radius:20px}
  .business-hero-actions .action-cta__icon{width:42px;height:42px;flex-basis:42px;border-radius:14px}
  .business-hero-actions .entity-save-icon{width:38px;height:38px;flex-basis:38px;border-radius:14px}
  .business-hero-actions .action-cta__label,.business-hero-actions .entity-save-label{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .business-hero-actions .entity-save-count{min-width:36px;height:36px;font-size:.95rem}
}

/* ===== Share sheet premium v2 ===== */
.share-sheet{max-width:520px;padding:20px 20px 18px;border-radius:28px}
.share-sheet::before{height:120px;background:radial-gradient(circle at top left, rgba(99,102,241,.22), transparent 50%),radial-gradient(circle at top right, rgba(59,130,246,.16), transparent 42%)}
.share-sheet-title strong{font-size:1.2rem}
.share-sheet-sub{margin-top:3px;font-size:.92rem}
.share-sheet-meta{margin-top:8px;font-size:.92rem;font-weight:800;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.share-sheet-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.share-option{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:108px;padding:16px;border-radius:22px}
.share-option__icon{width:46px;height:46px;flex:0 0 46px;border-radius:16px}
.share-option__content{display:flex;align-items:center;min-width:0}
.share-option__label{font-size:1rem;font-weight:900}
.share-option__meta{display:none}
.share-option--copy{grid-column:auto}
.share-option:hover{transform:translateY(-2px) scale(1.01)}
@media (max-width: 640px){
  .share-sheet{bottom:10px;width:calc(100% - 16px);padding:16px;border-radius:24px}
  .share-sheet-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .share-option{min-height:92px;padding:14px;border-radius:18px}
  .share-option__icon{width:42px;height:42px;flex-basis:42px;border-radius:14px}
  .share-option__label{font-size:.96rem}
  .share-sheet-meta{font-size:.88rem}
}


/* Unified mobile CTA layout */
.entity-media-link{display:block;color:inherit;text-decoration:none}
.entity-media-link img{display:block;width:100%}
@media (max-width: 860px){
  .business-hero-actions.entity-actions-stack,
  .entity-hero-actions.entity-actions-stack{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
  }
  .business-hero-actions.entity-actions-stack > .action-cta,
  .business-hero-actions.entity-actions-stack > .entity-save-btn,
  .entity-hero-actions.entity-actions-stack > .action-cta,
  .entity-hero-actions.entity-actions-stack > .entity-save-btn{
    width:100%;
    min-width:0;
    min-height:58px;
    padding:10px 12px;
    border-radius:18px;
    align-items:center;
  }
  .business-hero-actions .action-cta__eyebrow,
  .entity-hero-actions .action-cta__eyebrow,
  .business-hero-actions .entity-save-kicker,
  .entity-hero-actions .entity-save-kicker{display:none !important}
  .business-hero-actions .action-cta__text,
  .entity-hero-actions .action-cta__text,
  .business-hero-actions .entity-save-text,
  .entity-hero-actions .entity-save-text{display:flex;align-items:center;min-width:0}
  .business-hero-actions .action-cta__label,
  .entity-hero-actions .action-cta__label,
  .business-hero-actions .entity-save-label,
  .entity-hero-actions .entity-save-label{
    font-size:1rem;
    line-height:1.05;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
  }
  .business-hero-actions .action-cta__icon,
  .entity-hero-actions .action-cta__icon,
  .business-hero-actions .entity-save-icon,
  .entity-hero-actions .entity-save-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:14px;
  }
  .business-hero-actions .entity-save-count,
  .entity-hero-actions .entity-save-count{
    min-width:30px;
    height:30px;
    padding:0 8px;
    font-size:.9rem;
  }
}


/* ===== Mobile CTA cleanup + simpler hero meta ===== */
.business-hero-copy .business-hero-meta,
.entity-hero-copy .entity-hero-meta{display:none!important}

@media (max-width: 860px){
  .business-hero-actions.entity-actions-stack,
  .entity-hero-actions.entity-actions-stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .business-hero-actions .action-cta__text,
  .entity-hero-actions .action-cta__text,
  .business-hero-actions .entity-save-text,
  .entity-hero-actions .entity-save-text{
    min-width:0;
  }
  .business-hero-actions .action-cta__label,
  .entity-hero-actions .action-cta__label{
    font-size:.92rem!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .business-hero-actions .entity-save-label,
  .entity-hero-actions .entity-save-label{
    font-size:.82rem!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .business-hero-actions .entity-save-btn,
  .entity-hero-actions .entity-save-btn{
    padding:10px 10px!important;
  }
  .business-hero-actions .entity-save-icon,
  .entity-hero-actions .entity-save-icon,
  .business-hero-actions .action-cta__icon,
  .entity-hero-actions .action-cta__icon{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  .business-hero-actions .entity-save-count,
  .entity-hero-actions .entity-save-count{
    min-width:28px;
    height:28px;
    padding:0 6px;
    font-size:.82rem;
    margin-left:8px;
  }
}

@media (max-width: 420px){
  .business-hero-actions .action-cta__label,
  .entity-hero-actions .action-cta__label{font-size:.88rem!important}
  .business-hero-actions .entity-save-label,
  .entity-hero-actions .entity-save-label{font-size:.76rem!important}
  .business-hero-actions .entity-save-btn,
  .entity-hero-actions .entity-save-btn{padding:9px 9px!important}
  .business-hero-actions .entity-save-count,
  .entity-hero-actions .entity-save-count{min-width:26px;height:26px;font-size:.76rem;margin-left:6px}
}

.business-mini-link{color:inherit;text-decoration:none;display:inline-block}
.business-mini-link:hover,.business-mini-link:focus-visible{color:inherit;text-decoration:none}


/* Ajuste fino: bloque lateral de comunidad con altura según contenido */
.home-community-shell{
  align-items:start !important;
}
.home-community-main{
  min-height:0;
}
.home-community-side,
.home-community-side--visual{
  height:auto !important;
  min-height:0 !important;
  align-self:start !important;
}
@media (min-width: 981px){
  .home-community-shell{
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr) !important;
    align-items:start !important;
  }
  .home-community-side,
  .home-community-side--visual{
    position:sticky;
    top:96px;
  }
}
@media (max-width: 980px){
  .home-community-side,
  .home-community-side--visual{
    position:relative;
    top:auto;
  }
}


/* Home row balanced heights */
@media (min-width: 901px){
  .home-community-shell{
    align-items:start;
  }
  .home-community-main,
  .home-community-side{
    height:auto;
    align-self:start;
  }
  .home-community-main{
    display:flex;
    flex-direction:column;
    min-height:0;
    max-height:336px;
  }
  .home-community-main .section-head{
    flex:0 0 auto;
  }
  .home-community-main .home-community-posts{
    flex:1 1 auto;
    min-height:0;
    max-height:none;
    height:100%;
  }
}


.review-form-stars.premium-star-input{
  display:inline-flex;
  flex-direction:row-reverse;
  gap:8px;
  align-items:center;
  justify-content:flex-start;
  margin:2px 0 6px;
}
.review-form-stars.premium-star-input input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.review-form-stars.premium-star-input label{
  min-height:auto;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
  font-size:34px;
  line-height:1;
  letter-spacing:0;
  color:#cbd5e1;
  cursor:pointer;
  transition:transform .18s ease,color .18s ease,filter .18s ease;
}
.review-form-stars.premium-star-input label:hover,
.review-form-stars.premium-star-input label:hover ~ label{
  color:#f59e0b;
  transform:translateY(-1px) scale(1.03);
  filter:drop-shadow(0 4px 8px rgba(245,158,11,.22));
}
.review-form-stars.premium-star-input input:checked + label,
.review-form-stars.premium-star-input input:checked + label ~ label{
  color:#f59e0b;
  filter:drop-shadow(0 4px 8px rgba(245,158,11,.18));
}
.review-form-hint{
  margin:0 0 12px;
  font-size:.92rem;
  color:#64748b;
}
@media (max-width:720px){
  .review-form-stars.premium-star-input{gap:6px}
  .review-form-stars.premium-star-input label{font-size:30px}
}

/* Fix review avatars in business ratings */
.review-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.review-author{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.review-avatar{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:999px;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#e8efff,#f5f7ff);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 6px 14px rgba(15,23,42,.08);
  color:#1d4ed8;
  font-weight:800;
  font-size:15px;
  line-height:1;
}
.review-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.review-author span:last-child{
  display:block;
  font-weight:800;
  color:#0f172a;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.review-comment{
  margin-top:10px;
  color:#334155;
  line-height:1.55;
}
.review-list{
  display:grid;
  gap:14px;
}
@media (max-width: 640px){
  .review-head{flex-direction:column;align-items:flex-start;gap:8px}
  .review-stars{font-size:18px;letter-spacing:2px}
}


.filter-active-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px;padding:12px 14px;border:1px solid rgba(46,107,255,.14);border-radius:18px;background:linear-gradient(180deg,#f7fbff,#eef4ff);box-shadow:0 10px 24px rgba(46,107,255,.06)}
.filter-active-banner strong{color:#1d4ed8}
@media (max-width:700px){.filter-active-banner{flex-direction:column;align-items:flex-start}.filter-active-banner .btn{width:100%;justify-content:center}}


/* ===== Groups premium ===== */
.groups-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:center;margin-bottom:18px;background:radial-gradient(circle at top right, rgba(46,107,255,.14), transparent 34%), linear-gradient(180deg,#fff,#f8fbff)}
.groups-searchbar{display:flex;gap:10px;align-items:center}
.groups-searchbar input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.groups-grid-pro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);gap:18px;align-items:start}
.groups-main-list{display:grid;gap:16px;align-content:start;align-items:start}
.group-card-pro{display:flex;align-items:stretch;gap:14px;padding:0;overflow:hidden;min-width:0;height:auto;min-height:0;align-self:start}
.group-card-cover{display:block;flex:0 0 160px;width:160px;min-width:160px;height:180px;overflow:hidden;background:linear-gradient(135deg,#dce8ff,#eef4ff)}
.group-card-cover img{width:100%;height:100%;object-fit:cover;display:block}
.group-cover-fallback{height:180px;min-height:180px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#dce8ff,#eef4ff)}
.group-cover-fallback.is-large{min-height:240px;border-radius:22px;font-size:4rem}
.group-card-body{padding:16px 16px 16px 0;display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;gap:10px;min-width:0}
.group-card-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.group-card-headline h3{margin:0;font-size:1.12rem;min-width:0;flex:1 1 auto}
.group-card-headline h3 a{display:block;min-width:0;overflow-wrap:anywhere}
.group-card-body p{margin:0;color:var(--muted);line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.group-card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:auto}
.group-create-card-pro,.group-form-premium{display:grid;gap:12px}
.group-form-premium input,.group-form-premium textarea,.group-form-premium select,.composer-group-select{width:100%;padding:13px 15px;border:1px solid rgba(148,163,184,.26);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.group-form-premium textarea{min-height:140px;resize:vertical}
.group-hero-pro{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.2fr);gap:18px;margin-bottom:18px}
.group-hero-cover img{width:100%;height:100%;min-height:240px;object-fit:cover;border-radius:22px}
.group-hero-body{display:grid;gap:12px;align-content:center}
.group-hero-body h1{margin:0;font-size:2rem;line-height:1.1}
.group-hero-body p{margin:0;color:var(--muted);line-height:1.65}
.group-post-card{padding:0;overflow:hidden}
.group-context-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(46,107,255,.18);background:linear-gradient(135deg,#f6f9ff,#eef4ff);border-radius:18px;margin-bottom:14px}
.group-context-banner strong a,.post-group-link{color:var(--brand);font-weight:800}
.composer-group-select-wrap{display:grid;gap:8px}
.composer-group-label{font-size:.92rem;font-weight:800;color:var(--text)}
.group-card-actions form{margin:0}
@media (max-width:980px){.groups-hero,.groups-grid-pro,.group-hero-pro{grid-template-columns:1fr}.group-card-pro{display:grid;grid-template-columns:1fr}.group-card-cover{width:100%;min-width:0;height:220px;flex-basis:auto}.group-card-body{padding:16px}.groups-searchbar{flex-direction:column;align-items:stretch}.group-context-banner{flex-direction:column;align-items:flex-start}}

/* --- Groups premium / moderation refresh --- */
.group-view-btn{
  background: linear-gradient(135deg,#2e6bff,#6a38ff);
  color:#fff;
  border:0;
  box-shadow:0 12px 28px rgba(46,107,255,.22);
}
.group-view-btn:hover{transform:translateY(-1px); box-shadow:0 16px 34px rgba(46,107,255,.28)}
.group-form-premium,
.group-form-manage{
  display:grid;
  gap:14px;
}
.group-form-premium .field,
.group-form-manage .field{
  display:grid;
  gap:7px;
}
.group-form-premium label,
.group-form-manage label{
  font-weight:700;
  color:#182230;
}
.group-form-premium input[type="text"],
.group-form-premium input[type="file"],
.group-form-premium select,
.group-form-premium textarea,
.group-form-manage input[type="text"],
.group-form-manage input[type="file"],
.group-form-manage select,
.group-form-manage textarea{
  width:100%;
  border:1px solid #d8e2f0;
  background:#fff;
  border-radius:16px;
  padding:13px 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 8px 22px rgba(16,24,40,.04);
}
.group-form-premium textarea,
.group-form-manage textarea{min-height:130px; resize:vertical}
.field-help{font-size:.86rem;color:#667085}
.group-owner-summary{display:grid;gap:14px}
.group-owner-summary-cover{display:block;border-radius:20px;overflow:hidden;min-height:150px;background:#edf2ff}
.group-owner-summary-cover img{width:100%;height:180px;object-fit:cover;display:block}
.group-manage-card{margin-top:18px;padding:22px}
.group-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.group-manage-grid .field-wide{grid-column:1/-1}
.group-manage-grid .field-check{align-content:end}
.group-delete-form{margin-top:10px;padding-top:14px;border-top:1px solid #e7edf5}
.btn.danger{background:#b42318;color:#fff;border-color:#b42318}
.action-chip.is-moderator{background:#fff4e5;color:#9a6700}
.group-card-pro .group-card-body p{color:#475467;line-height:1.55}
.group-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.group-card-pro .btn.small{border-radius:999px;padding:.72rem 1rem}
.group-hero-cover img{width:100%;height:100%;object-fit:cover}
.group-card-cover img{width:100%;height:100%;object-fit:cover}
@media (max-width: 900px){
  .group-manage-grid{grid-template-columns:1fr}
}


/* vNext discoverability + rotating spotlights */
.group-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.72fr);gap:22px;align-items:start}
.group-detail-main{min-width:0}
.group-detail-side{display:grid;gap:16px;position:sticky;top:92px}
.rp-spotlights-wrap,.group-spotlights-wrap,.groups-spotlights-wrap{display:grid;gap:14px}
.rp-spotlights-header-card,.rp-spotlights-cta-card{padding:16px 18px;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 38px rgba(15,23,42,.07)}
.rp-spotlights-header{display:grid;gap:6px}
.rp-spotlights-kicker,.rp-spotlights-cta-kicker{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.rp-spotlights-header h3{margin:0;font-size:1.1rem;line-height:1.2}
.rp-spotlights-cta-card strong{display:block;font-size:1rem;line-height:1.35}
.rp-spotlights-cta-card p{margin:8px 0 14px;color:var(--muted);line-height:1.55;font-size:.92rem}
.rp-spotlights-stack{display:grid;gap:14px}
.groups-side-create .rp-spotlights-wrap,.group-detail-side .rp-spotlights-wrap{margin-top:2px}
@media (max-width: 1100px){
  .group-detail-grid{grid-template-columns:1fr}
  .group-detail-side{position:static}
}


.profile-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.profile-contact-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 24px rgba(15,23,42,.04);color:inherit;text-decoration:none;min-width:0}
.profile-contact-card strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:#2563eb}
.profile-contact-card span{font-weight:700;color:#0f172a;overflow-wrap:anywhere;word-break:break-word}
@media (max-width:640px){.profile-contact-grid{grid-template-columns:1fr}}


/* Profile mobile compact improvements */
.profile-box{align-items:flex-start}
.profile-box > div:last-child{min-width:0;flex:1 1 auto}
.profile-box .toolbar{flex-wrap:wrap;gap:8px}
.profile-box .badge{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
@media (max-width: 860px){
  .profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 700px){
  .profile-box{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start}
  .profile-box .avatar.lg{width:88px;height:88px;margin:0}
  .profile-box h1{margin-top:0;line-height:1.1}
  .profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .profile-stat-card{padding:10px 8px;border-radius:14px}
  .profile-stat-card strong{font-size:1.05rem}
  .profile-stat-card span{font-size:.8rem;line-height:1.2}
  .profile-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .profile-contact-card{padding:11px 12px;border-radius:14px}
  .profile-contact-card strong{font-size:.74rem}
  .profile-contact-card span{font-size:.95rem;line-height:1.25}
}
@media (max-width: 420px){
  .profile-box{grid-template-columns:1fr}
  .profile-box .avatar.lg{width:92px;height:92px}
  .profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .profile-stat-card{padding:9px 6px}
  .profile-stat-card span{font-size:.76rem}
  .profile-contact-grid{grid-template-columns:1fr}
}


/* --- public plans + icon polish --- */
.plans-public-hero{background:linear-gradient(135deg,#fff,#f7faff)}
.plans-public-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.plans-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.plans-public-card{display:flex;flex-direction:column;gap:12px;padding:18px}
.plans-public-card.plus{border-color:rgba(106,56,255,.18);background:linear-gradient(180deg,#fff,#faf7ff)}
.plans-public-card.premium{border-color:rgba(181,71,8,.18);background:linear-gradient(180deg,#fff,#fff9f2)}
.plans-public-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.plans-public-card h2{margin:0;font-size:1.28rem}
.plans-public-price{font-size:2rem;font-weight:900;line-height:1}
.plans-public-price span{font-size:.92rem;font-weight:700;color:var(--muted)}
.plans-public-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plans-public-list div{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center}
.plans-public-list strong{display:block;font-size:1.05rem}
.plans-public-list span{display:block;margin-top:4px;font-size:.8rem;color:var(--muted);font-weight:700}
.plans-public-features{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--text)}
.profile-entity-badges{gap:8px;flex-wrap:wrap}
.profile-entity-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:8px 10px}
.profile-entity-badge .nav-svg svg{width:16px;height:16px;stroke-width:2.1}
@media (max-width:640px){.plans-public-list{grid-template-columns:1fr}.plans-public-grid{grid-template-columns:1fr}}