*{box-sizing:border-box}:root{--bg:#f8f9ff;--text:#101828;--muted:#667085;--purple:#6d28d9;--line:rgba(16,24,40,.08);--shadow:0 14px 34px rgba(15,23,42,.08)}body{margin:0;background:#eef1f8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text)}.marketApp{max-width:430px;margin:auto;min-height:100vh;background:var(--bg);padding:16px 16px 104px}.marketHeader{display:grid;grid-template-columns:46px 1fr 46px;gap:10px;align-items:center;margin-bottom:14px}.brandIcon{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:grid;place-items:center;font-size:25px;color:#fff}.marketHeader h1{font-size:23px;margin:0;letter-spacing:-.05em}.marketHeader p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:750;line-height:1.25}.headerBell{border:0;border-radius:15px;background:#fff;box-shadow:var(--shadow);height:46px;font-size:19px}.heroRetail{border-radius:26px;overflow:hidden;box-shadow:0 18px 42px rgba(109,40,217,.20);margin-bottom:14px;background:#6d28d9}.heroRetail img{display:block;width:100%;height:auto}.pillNav{display:flex;gap:9px;overflow-x:auto;margin-bottom:14px;padding:2px 0 6px;scrollbar-width:none}.pillNav::-webkit-scrollbar,.featuredScroller::-webkit-scrollbar{display:none}.pillNav button{border:0;border-radius:999px;background:#fff;box-shadow:var(--shadow);padding:11px 15px;font-size:14px;font-weight:900;color:#344054;white-space:nowrap}.pillNav button.active{background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff}.view{display:none}.view.active{display:block}.searchRow{display:grid;grid-template-columns:1fr 52px;gap:10px;margin-bottom:12px}.searchBox{background:#fff;border-radius:20px;padding:13px 14px;display:flex;gap:9px;align-items:center;box-shadow:var(--shadow)}.searchBox input{border:0;outline:0;background:transparent;width:100%;font-size:14px;font-weight:750;min-width:0}.filterBtn{border:0;border-radius:20px;background:#fff;box-shadow:var(--shadow);font-size:22px;color:#2563eb}.locationCard{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;background:#fff;border-radius:22px;padding:14px;box-shadow:var(--shadow);margin-bottom:16px}.locationCard b,.locationCard span{display:block}.locationCard b{font-size:14px;line-height:1.2}.locationCard span{color:var(--muted);font-size:12px;font-weight:750;margin-top:4px}.locationCard em{font-style:normal;font-size:10px;background:#f2f4f7;border-radius:999px;padding:3px 7px}.locationCard button{border:0;border-radius:14px;padding:10px 11px;background:#f4f3ff;color:#6d28d9;font-size:12px;font-weight:950}.categoryRow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.categoryRow article{background:#fff;border-radius:18px;padding:10px 4px;text-align:center;box-shadow:var(--shadow);min-width:0}.categoryRow span{width:38px;height:38px;border-radius:14px;background:#f3e8ff;display:grid;place-items:center;margin:0 auto 6px;font-size:21px}.categoryRow b{font-size:11px;line-height:1.1;display:block}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sectionHead h2{font-size:20px;margin:0;letter-spacing:-.04em}.sectionHead button{border:0;background:transparent;color:#6d28d9;font-size:13px;font-weight:950}.featuredScroller{display:grid;grid-auto-flow:column;grid-auto-columns:158px;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.productCard{background:#fff;border-radius:17px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);position:relative}.productCard img{width:100%;height:112px;object-fit:cover;display:block;background:#f8fafc}.productBody{padding:10px}.productBody b{display:block;font-size:13px;line-height:1.25;min-height:32px}.productBody strong{display:block;color:#6d28d9;margin:7px 0 4px;font-size:15px}.productBody span{display:block;color:#667085;font-size:11px;font-weight:800}.productMeta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:#667085;font-size:11px}.tag{position:absolute;left:7px;top:7px;background:#22c55e;color:white;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:950}.marketGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.filters button{border:0;border-radius:999px;background:#fff;padding:9px 12px;font-size:13px;font-weight:900}.filters .active{background:#6d28d9;color:white}.panel{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:15px;margin-bottom:14px}.panel h2{margin:0 0 8px;font-size:20px}.panelHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.panelHead p{margin:2px 0 0;color:#667085;font-size:12px;font-weight:750}.muted{color:#667085;font-size:12px;font-weight:750}.formGrid{display:grid;gap:11px}.formGrid label,.selectFull{font-size:12px;font-weight:950;color:#667085;display:grid;gap:6px}.formGrid input,.formGrid select,.formGrid textarea,.selectFull select{width:100%;border:1px solid var(--line);border-radius:15px;padding:12px;font-weight:800;background:#fff}.formGrid textarea{min-height:86px}.primary{width:100%;border:0;border-radius:16px;padding:14px;background:#6d28d9;color:#fff;font-weight:950;margin-top:8px}.myItem{display:grid;grid-template-columns:54px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:9px;margin-bottom:9px}.myItem img{width:54px;height:54px;object-fit:cover;border-radius:14px}.myItem b,.myItem span{display:block}.myItem b{font-size:14px}.myItem span{font-size:11px;color:#667085;font-weight:750}.myItem button,.panelHead button{border:0;border-radius:13px;padding:9px 10px;background:#f4f3ff;color:#6d28d9;font-size:12px;font-weight:950}.creditPackageGrid{display:grid;grid-template-columns:1fr;gap:12px}.creditPackage{border:1px solid var(--line);border-radius:20px;padding:15px;background:linear-gradient(135deg,#fff,#fbf8ff);box-shadow:0 10px 24px rgba(15,23,42,.06)}.creditPackage.recommended{border-color:#8b5cf6;box-shadow:0 14px 30px rgba(109,40,217,.14)}.creditPackage h3{margin:0;font-size:18px}.creditPackage p{margin:5px 0;color:#667085;font-weight:750}.creditPackage strong{display:block;color:#6d28d9;font-size:24px;margin:8px 0}.creditPackage button{width:100%;border:0;border-radius:15px;padding:13px;background:#6d28d9;color:#fff;font-weight:950}#creditBalanceBadge{display:inline-flex;border-radius:999px;padding:8px 11px;background:#f3e8ff;color:#6d28d9;font-weight:950;font-size:12px;white-space:nowrap}.boostGrid{display:grid;gap:10px;margin-top:12px}.boostOption{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff}.boostOption b,.boostOption span,.boostOption small{display:block}.boostOption span{color:#6d28d9;font-weight:950;margin-top:4px}.boostOption small{color:#667085;margin-top:4px}.boostOption button{width:100%;border:0;border-radius:14px;padding:12px;background:#f4f3ff;color:#6d28d9;font-weight:950;margin-top:10px}.historyItem{border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:8px}.historyItem b,.historyItem span{display:block}.historyItem span{font-size:11px;color:#667085}.bottomBar{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(396px,calc(100% - 30px));height:68px;border-radius:24px;background:#fff;box-shadow:0 16px 48px rgba(15,23,42,.18);display:grid;grid-template-columns:1fr 1fr 68px 1fr 1.02fr;gap:2px;align-items:center;padding:7px;z-index:999}.bottomBar button,.bottomBar a{border:0;background:transparent;text-decoration:none;color:#101828;font-weight:850;font-size:10px;text-align:center}.bottomBar span{display:block;font-size:20px;margin-bottom:2px}.bottomBar small{font-size:10px}.bottomBar .active{color:#6d28d9}.bottomBar .center span{width:52px;height:52px;border-radius:999px;background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;display:grid;place-items:center;margin:-16px auto 0;font-size:30px;box-shadow:0 12px 24px rgba(109,40,217,.32)}.returnCursapp{border:2px solid #8b5cf6!important;border-radius:18px;padding:5px 3px!important;color:#101828!important}.returnCursapp span{font-size:18px}#modal:not(:empty){position:fixed;inset:0;background:rgba(15,23,42,.48);display:grid;place-items:center;padding:18px;z-index:1000}.modal{background:#fff;border-radius:26px;padding:18px;max-width:400px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.22);max-height:88vh;overflow:auto}.modal img{width:100%;border-radius:17px}.modal button{width:100%;border:0;border-radius:14px;padding:12px;background:#6d28d9;color:#fff;font-weight:950;margin-top:9px}.modal .danger{background:#fee2e2;color:#991b1b}.modal .ghost{background:#f4f3ff;color:#6d28d9}#toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:#101828;color:#fff;padding:11px 15px;border-radius:999px;font-size:12px;font-weight:850;opacity:0;pointer-events:none;transition:.2s;z-index:1001}#toast.show{opacity:1}

/* Cursapp Mercado Escolar v3 Refinamiento UX START */
.marketApp{
  background:
    radial-gradient(circle at top left, rgba(139,92,246,.08), transparent 28%),
    linear-gradient(180deg,#fbfbff 0%, #f5f7fb 100%);
}
.marketHeader{padding-top:6px}
.marketHeader h1{font-size:22px;line-height:1.05}
.marketHeader p{font-size:11.5px}
.heroRetail{border-radius:24px;box-shadow:0 18px 38px rgba(109,40,217,.17)}
.pillNav{gap:8px;margin-bottom:14px}
.pillNav button{
  padding:10px 14px;
  font-size:13px;
  font-weight:850;
  box-shadow:0 8px 20px rgba(15,23,42,.07);
  border:1px solid rgba(16,24,40,.05);
}
.pillNav button.active{box-shadow:0 12px 24px rgba(109,40,217,.22)}
.filters{gap:8px;margin-bottom:14px}
.filters button{
  min-width:82px;min-height:44px;padding:9px 12px;
  border:1px solid rgba(16,24,40,.05);
  box-shadow:0 8px 20px rgba(15,23,42,.06);
  color:#2563eb;line-height:1.05;font-size:12.5px;
}
.filters .active{color:#fff;box-shadow:0 12px 24px rgba(109,40,217,.22)}
.categoryRow article{
  min-height:82px;padding:9px 3px;border:1px solid rgba(16,24,40,.05);
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}
.categoryRow span{width:36px;height:36px;font-size:20px}
.categoryRow b{font-size:10.8px;font-weight:850}
.searchBox,.filterBtn,.locationCard,.panel,.productCard{box-shadow:0 10px 26px rgba(15,23,42,.065)}
.locationCard{padding:13px}
.locationCard button,.panelHead button,.myItem button,.boostOption button{
  box-shadow:none;transition:transform .15s ease,background .15s ease;
}
.locationCard button:active,.panelHead button:active,.myItem button:active,.boostOption button:active,.pillNav button:active,.filters button:active,.bottomBar button:active{transform:scale(.97)}
.productCard{border-radius:20px;border:1px solid rgba(16,24,40,.07);background:#fff}
.productCard img{height:116px;object-fit:cover;background:linear-gradient(135deg,#f8fafc,#f3e8ff)}
.productBody{padding:11px}
.productBody b{font-size:13.5px;min-height:36px}
.productBody strong{font-size:16px}
.productBody span{font-size:10.5px}
.tag{top:8px;left:8px;padding:5px 8px;font-size:9px;box-shadow:0 8px 16px rgba(34,197,94,.22)}
.bottomBar{
  height:64px;border-radius:23px;width:min(386px,calc(100% - 28px));padding:6px;
  grid-template-columns:1fr 1fr 64px 1fr 1fr;
}
.bottomBar span{font-size:19px}
.bottomBar small{font-size:9.5px}
.bottomBar .center span{width:50px;height:50px;margin:-16px auto 0;font-size:29px}
.returnCursapp{border-width:2px!important;border-radius:17px!important;padding:4px 2px!important}
.creditPackage button,.primary,.modal button{border-radius:14px;padding:12px;font-size:13px;letter-spacing:-.01em}
.creditPackage{border-radius:18px}
.creditPackage h3{font-size:17px}
.creditPackage strong{font-size:22px}
.emptyState{
  background:#fff;border:1px solid rgba(16,24,40,.07);border-radius:22px;padding:20px;text-align:center;
  box-shadow:0 10px 26px rgba(15,23,42,.06);grid-column:1/-1;
}
.emptyState .emptyIcon{
  width:56px;height:56px;border-radius:20px;display:grid;place-items:center;margin:0 auto 12px;
  background:#f3e8ff;font-size:28px;
}
.emptyState h3{margin:0 0 6px;font-size:19px;letter-spacing:-.03em}
.emptyState p{margin:0 0 14px;color:#667085;font-weight:750;font-size:13px;line-height:1.35}
.emptyState button{border:0;border-radius:15px;padding:12px 14px;background:#6d28d9;color:#fff;font-weight:950}
/* Cursapp Mercado Escolar v3 Refinamiento UX END */


/* Cursapp Mercado Escolar v5 Layout Fix START */
.featuredScroller:has(.emptyState),
.marketGrid:has(.emptyState){
  display:block;
  overflow:visible;
}
.featuredScroller .emptyState,
.marketGrid .emptyState{
  width:100%;
  max-width:100%;
  margin:0 auto;
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.featuredScroller .emptyState{
  min-height:300px;
}
.emptyState{
  padding:24px 20px 28px;
}
.emptyState h3{
  max-width:260px;
  font-size:22px;
  line-height:1.08;
}
.emptyState p{
  max-width:270px;
  font-size:14px;
  line-height:1.32;
}
.emptyState button{
  width:min(260px,100%);
  margin-top:4px;
}
.bottomBar{
  height:62px;
  width:min(382px,calc(100% - 28px));
  border-radius:22px;
  padding:6px 8px;
  grid-template-columns:1fr 1fr 62px 1fr 1fr;
  gap:0;
}
.bottomBar button,
.bottomBar a{
  min-width:0;
  overflow:hidden;
}
.bottomBar span{
  font-size:18px;
  line-height:1;
  margin-bottom:3px;
}
.bottomBar small{
  display:block;
  font-size:9px;
  line-height:1.05;
  white-space:nowrap;
  letter-spacing:-.02em;
}
.bottomBar .center span{
  width:48px;
  height:48px;
  margin:-15px auto 0;
  font-size:28px;
}
.returnCursapp{
  border:2px solid #8b5cf6!important;
  border-radius:16px!important;
  padding:4px 2px!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:50px;
}
.returnCursapp span{
  font-size:17px!important;
  margin-bottom:2px!important;
}
.returnCursapp small{
  font-size:9px!important;
}
@media(max-width:380px){
  .bottomBar{
    width:calc(100% - 22px);
    grid-template-columns:1fr 1fr 58px 1fr 1fr;
  }
  .bottomBar small{font-size:8.5px}
  .returnCursapp{border-radius:15px!important}
}
/* Cursapp Mercado Escolar v5 Layout Fix END */


/* Cursapp Mercado Escolar v6 Hero + Bottom Icons START */
.heroRetail{
  background:#6d28d9;
}
.heroRetail img{
  object-fit:cover;
  object-position:center;
}

/* Icono Avisos más representativo */
.bottomBar .avisosBtn span{
  font-size:19px;
  filter:none;
}

/* Botón Volver más destacado y legible */
.returnCursapp{
  background:linear-gradient(180deg,#fff,#fbfaff)!important;
  border:2.5px solid #7c3aed!important;
  box-shadow:0 10px 22px rgba(109,40,217,.16)!important;
  color:#4c1d95!important;
}
.returnCursapp span{
  font-size:18px!important;
}
.returnCursapp small{
  font-size:9.5px!important;
  font-weight:950!important;
  color:#4c1d95!important;
}

/* Refina estado activo de barra inferior */
.bottomBar button.active span,
.bottomBar button.active small{
  color:#6d28d9;
}
.bottomBar button:not(.center) span{
  opacity:.96;
}
.bottomBar button:not(.center) small{
  font-weight:900;
}
/* Cursapp Mercado Escolar v6 Hero + Bottom Icons END */


/* Cursapp Mercado Escolar v7 Hero Real START */
.heroRetail{
  border-radius:26px;
  overflow:hidden;
  background:#6d28d9;
  box-shadow:0 18px 42px rgba(109,40,217,.20);
}
.heroRetail img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
/* Cursapp Mercado Escolar v7 Hero Real END */

/* Cursapp Mercado v8 - Hero CSS + PNG transparente */
.heroRetail{
  position:relative!important;
  overflow:hidden!important;
  min-height:250px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 52%,#c026d3 100%)!important;
  box-shadow:0 18px 42px rgba(109,40,217,.20)!important;
}
.heroRetail>img{display:none!important;}
.heroRetail::before{
  content:"♻ SEGUNDA VIDA ESCOLAR\A Encuentra útiles, libros y\A vestuario entre apoderados\A\A Sin pagos dentro de Cursapp.\A Acuerdos entre usuarios registrados.";
  white-space:pre-line;
  position:absolute;
  left:22px;
  top:22px;
  right:42%;
  z-index:2;
  color:#fff;
  font-weight:900;
  font-size:24px;
  line-height:1.14;
  text-shadow:0 2px 6px rgba(0,0,0,.22);
}
.heroRetail::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:56%;
  height:100%;
  background:url('./img/hero-items.png') no-repeat right bottom/contain;
  z-index:1;
  pointer-events:none;
}
.heroRetail .heroButton,
.heroRetail button{
  position:absolute!important;
  left:22px!important;
  bottom:22px!important;
  z-index:3!important;
  border-radius:18px!important;
  min-height:52px!important;
  padding:0 26px!important;
  border:0!important;
  background:#fff!important;
  color:#6d28d9!important;
  font-weight:950!important;
  box-shadow:0 12px 24px rgba(255,255,255,.18)!important;
}
.bottomBar .center span{
  width:54px!important;
  height:54px!important;
  border-radius:19px!important;
  margin:-16px auto 0!important;
}
@media(max-width:390px){
  .heroRetail{min-height:235px!important;}
  .heroRetail::before{font-size:22px;right:39%;left:19px;top:20px;}
  .heroRetail::after{width:58%;}
}


/* Cursapp Mercado Escolar v9 - Hero cuadriculado + botón publicar */
.heroRetail{
  position:relative!important;
  overflow:hidden!important;
  border-radius:28px!important;
  min-height:248px!important;
  padding:22px 18px!important;
  background:
    radial-gradient(circle at 78% 38%, rgba(255,255,255,.14), transparent 23%),
    linear-gradient(135deg,#4c1d95 0%,#6d28d9 48%,#c026d3 100%)!important;
  box-shadow:0 18px 42px rgba(109,40,217,.20)!important;
}
.heroRetail>img{
  display:none!important;
}
.heroRetail::before{
  content:"♻ SEGUNDA VIDA ESCOLAR\A Encuentra útiles, libros y\A vestuario entre apoderados\A\A Sin pagos dentro de Cursapp.\A Acuerdos entre usuarios registrados.\A\A       + Publicar  →";
  white-space:pre-line;
  position:absolute;
  left:20px;
  top:22px;
  width:58%;
  color:#fff;
  z-index:2;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-weight:900;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.04em;
  text-shadow:0 2px 8px rgba(31,41,55,.18);
}
.heroRetail::after{
  content:"";
  position:absolute;
  right:8px;
  bottom:0;
  width:53%;
  height:100%;
  background:url("img/hero-items.png") no-repeat right bottom/contain;
  z-index:1;
  pointer-events:none;
}
@media(max-width:430px){
  .heroRetail{min-height:244px!important;padding:20px 16px!important}
  .heroRetail::before{font-size:27px;left:18px;top:20px;width:61%}
  .heroRetail::after{width:52%;right:2px}
}
@media(max-width:380px){
  .heroRetail{min-height:230px!important}
  .heroRetail::before{font-size:24px;width:62%}
  .heroRetail::after{width:50%}
}

/* Botón publicar inferior: círculo limpio, sin cuadrado morado detrás */
.bottomBar .center{
  background:transparent!important;
  overflow:visible!important;
}
.bottomBar .center span{
  width:54px!important;
  height:54px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  margin:-18px auto 0!important;
  font-size:34px!important;
  line-height:1!important;
  background:linear-gradient(135deg,#6d28d9,#8b5cf6)!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(109,40,217,.28)!important;
}
.bottomBar .center small{
  margin-top:3px!important;
  display:block!important;
  color:#101828!important;
  font-weight:950!important;
  background:transparent!important;
}
.bottomBar .center:focus,
.bottomBar .center:active{
  outline:none!important;
  background:transparent!important;
}


/* Cursapp Mercado Escolar v10 - Hero CSS definitivo */
.heroRetailCss{
  position:relative!important;
  min-height:238px!important;
  padding:22px 18px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 28%, rgba(255,255,255,.18), transparent 26%),
    radial-gradient(circle at 55% 110%, rgba(255,255,255,.12), transparent 22%),
    linear-gradient(135deg,#4c1d95 0%,#6d28d9 50%,#c026d3 100%)!important;
  box-shadow:0 18px 42px rgba(109,40,217,.20)!important;
}
.heroRetailCss::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='220' viewBox='0 0 360 220'%3E%3Cg fill='none' stroke='white' stroke-opacity='.13' stroke-width='4'%3E%3Cpath d='M250 25l28 16-28 16-28-16z'/%3E%3Cpath d='M307 72l42 24v48l-42 24-42-24V96z'/%3E%3Cpath d='M94 160l34 20-34 20-34-20z'/%3E%3Cpath d='M22 55l24 14-24 14L-2 69z'/%3E%3C/g%3E%3C/svg%3E")
    center/cover no-repeat;
  pointer-events:none;
}
.heroRetailCss .heroCopy{
  position:relative;
  z-index:2;
  width:58%;
  color:#fff;
}
.heroRetailCss .heroCopy span{
  display:block;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  color:#ede9fe;
  margin-bottom:10px;
}
.heroRetailCss .heroCopy h2{
  margin:0;
  font-size:27px;
  line-height:1.04;
  letter-spacing:-.055em;
  font-weight:950;
  color:#fff;
  text-shadow:0 2px 8px rgba(31,41,55,.16);
}
.heroRetailCss .heroCopy p{
  margin:13px 0 0;
  font-size:14px;
  line-height:1.28;
  font-weight:850;
  color:#f5f3ff;
}
.heroRetailCss .heroCopy button{
  margin-top:16px;
  border:0;
  border-radius:999px;
  min-height:46px;
  padding:0 22px;
  background:#fff;
  color:#6d28d9;
  font-size:14px;
  font-weight:950;
  box-shadow:0 12px 24px rgba(255,255,255,.18);
}
.heroRetailCss .heroItems{
  display:block!important;
  position:absolute!important;
  z-index:1;
  right:-8px;
  bottom:-8px;
  width:52%;
  height:auto!important;
  max-height:235px;
  object-fit:contain!important;
  object-position:right bottom!important;
  filter:drop-shadow(0 18px 18px rgba(17,24,39,.28));
  opacity:.98!important;
}
.heroRetailCss>img:not(.heroItems){
  display:none!important;
}

/* Ajuste final botón Publicar inferior */
.bottomBar .center{
  background:transparent!important;
  overflow:visible!important;
}
.bottomBar .center span{
  width:54px!important;
  height:54px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  margin:-18px auto 0!important;
  font-size:34px!important;
  line-height:1!important;
  background:linear-gradient(135deg,#6d28d9,#8b5cf6)!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(109,40,217,.28)!important;
}
.bottomBar .center small{
  margin-top:3px!important;
  display:block!important;
  color:#101828!important;
  font-weight:950!important;
  background:transparent!important;
}

@media(max-width:430px){
  .heroRetailCss{
    min-height:232px!important;
    padding:20px 16px!important;
  }
  .heroRetailCss .heroCopy{width:59%}
  .heroRetailCss .heroCopy h2{font-size:25px}
  .heroRetailCss .heroCopy p{font-size:13px}
  .heroRetailCss .heroItems{
    right:-12px;
    width:52%;
    max-height:226px;
  }
}
@media(max-width:380px){
  .heroRetailCss{min-height:220px!important}
  .heroRetailCss .heroCopy h2{font-size:22px}
  .heroRetailCss .heroCopy p{font-size:12px}
  .heroRetailCss .heroItems{width:50%;right:-14px}
}


/* Cursapp Mercado Escolar V1 Supabase */
.marketLoading{position:fixed;inset:0;background:rgba(255,255,255,.92);z-index:9999;display:none;place-items:center;backdrop-filter:blur(8px)}
.marketLoading>div{background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 22px 60px rgba(15,23,42,.14);border-radius:28px;padding:22px;min-width:260px;text-align:center;color:#111827}
.marketLoading span{display:block;font-size:42px;margin-bottom:8px;animation:marketPulse 1.1s ease-in-out infinite}
.marketLoading b{display:block;font-size:17px;font-weight:950}.marketLoading small{display:block;color:#64748b;font-weight:850;margin-top:6px}
.myItem{grid-template-columns:58px 1fr auto auto}.myItem button+button{margin-left:6px}
@keyframes marketPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* Cursapp Mercado Escolar V3 · Fotos reales + moderación */
.photoPreview{
  grid-column:1/-1;
  min-height:76px;
  border:1.5px dashed rgba(109,40,217,.28);
  border-radius:18px;
  background:#faf5ff;
  padding:10px;
  display:flex;
  gap:10px;
  align-items:center;
  overflow-x:auto;
}
.photoPreview p{margin:0;color:#6b7280;font-weight:850;font-size:12px}
.photoPreviewItem{position:relative;flex:0 0 72px;width:72px;height:72px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 18px rgba(17,24,39,.08)}
.photoPreviewItem img{width:100%;height:100%;object-fit:cover;display:block}
.photoPreviewItem small{position:absolute;right:5px;bottom:5px;background:rgba(17,24,39,.78);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:900}
.favBtn{position:absolute;z-index:3;right:10px;top:10px;border:0;border-radius:999px;width:36px;height:36px;background:rgba(255,255,255,.92);box-shadow:0 8px 20px rgba(17,24,39,.14);font-size:20px;color:#6d28d9;font-weight:950}
.favBtn.on{background:#6d28d9;color:#fff}
.detailGallery{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px}
.detailGallery img{width:112px;height:96px;object-fit:cover;border-radius:18px;flex:0 0 auto;background:#f3f4f6}
.reportModal label{display:block;margin:12px 0;font-weight:900;color:#111827}
.reportModal select,.reportModal textarea{width:100%;min-height:44px;border:1px solid rgba(15,23,42,.14);border-radius:14px;padding:10px;font-weight:850;background:#fff}
.reportModal textarea{min-height:92px;resize:vertical}
.marketDetailModal button,.reportModal button{margin-top:8px}
.productCard{position:relative}
.productCard .tag{z-index:2}
@media(max-width:430px){
  .photoPreviewItem{width:64px;height:64px;flex-basis:64px}
  .detailGallery img{width:96px;height:82px}
}
.publicacionApp{padding-bottom:32px}.publicacionPanel{margin:18px}.publicacionHero{display:flex;gap:10px;overflow-x:auto;margin-bottom:18px}.publicacionHero img{width:220px;height:180px;object-fit:cover;border-radius:24px;background:#f3f4f8}.bigPrice{font-size:1.25rem;font-weight:900}.metricRow{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.metricRow span{background:#f4f1ff;border-radius:999px;padding:8px 12px;font-weight:800}.primaryLink,.ghostLink,.detailLink{display:inline-block;text-align:center;text-decoration:none;border-radius:18px;padding:12px 16px;margin:8px 6px 0 0;font-weight:900}.primaryLink{background:#7427e8;color:#fff}.ghostLink,.detailLink{background:#f4f1ff;color:#7427e8}.myItem{grid-template-columns:70px 1fr auto auto;gap:8px}.myItem button{margin:2px}