/* =========================================================
   Marketplace de Emprendedores Catrachos
   ========================================================= */
:root {
  --market-yellow: #f5c400;
  --market-navy: #082b4c;
  --market-blue: #0f6097;
  --market-ink: #12263a;
  --market-muted: #647381;
  --market-soft: #f4f7f8;
  --market-line: #dce5e9;
  --market-white: #fff;
  --market-green: #1bbd72;
  --market-red: #c63d4d;
  --market-orange: #d88113;
}

.marketplace-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 8%, rgba(245,196,0,.20), transparent 22rem),
    linear-gradient(180deg, #fff 0%, #f7f9fa 100%);
}
.marketplace-section::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border: 48px solid rgba(8,43,76,.035);
  border-radius: 50%;
  left: -170px;
  top: 80px;
}
.marketplace-head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: end;
  margin-bottom: 34px;
}
.marketplace-copy { max-width: 760px; }
.marketplace-copy h2 { margin-bottom: 14px; }
.marketplace-copy p:last-child { margin: 0; color: var(--market-muted); max-width: 690px; }
.marketplace-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.marketplace-toolbar {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  padding: 15px;
  margin-bottom: 22px;
  background: rgba(255,255,255,.88);
  border: 1px solid var(--market-line);
  border-radius: 18px;
  box-shadow: 0 12px 34px rgba(8,43,76,.06);
  backdrop-filter: blur(10px);
}
.market-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.market-search svg { width: 20px; height: 20px; fill: none; stroke: var(--market-navy); stroke-width: 2; flex: 0 0 auto; }
.market-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--market-navy);
  font: inherit;
  font-size: .95rem;
}
.market-search input::placeholder { color: #8c9aa5; }
.market-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 126px;
  padding: 10px 14px;
  color: var(--market-navy);
  background: #fff5bd;
  border-radius: 12px;
  font-size: .78rem;
  font-weight: 800;
}
.entrepreneur-directory {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.entrepreneur-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 224px;
  flex-direction: column;
  padding: 23px;
  color: var(--market-navy);
  background: #fff;
  border: 1px solid var(--market-line);
  border-radius: 22px;
  overflow: hidden;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.entrepreneur-card::after {
  content: "";
  position: absolute;
  right: -45px;
  bottom: -55px;
  width: 145px;
  height: 145px;
  border: 28px solid rgba(245,196,0,.18);
  border-radius: 50%;
  pointer-events: none;
}
.entrepreneur-card:hover {
  transform: translateY(-5px);
  border-color: rgba(245,196,0,.9);
  box-shadow: 0 20px 46px rgba(8,43,76,.10);
}
.entrepreneur-card-top { display: flex; align-items: center; gap: 14px; min-width: 0; }
.entrepreneur-logo {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 18px;
  background: var(--market-yellow);
  color: var(--market-navy);
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 1.3rem;
  box-shadow: inset 0 0 0 1px rgba(8,43,76,.08);
}
.entrepreneur-logo img { width: 100%; height: 100%; object-fit: cover; }
.entrepreneur-card-title { min-width: 0; }
.entrepreneur-card h3 { margin: 0; font-size: 1.08rem; line-height: 1.25; overflow-wrap: anywhere; }
.entrepreneur-category { margin-top: 4px; color: var(--market-blue); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.entrepreneur-card-description { margin: 17px 0 18px; color: var(--market-muted); font-size: .85rem; line-height: 1.62; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.entrepreneur-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; position: relative; z-index: 1; }
.entrepreneur-city { display: inline-flex; align-items: center; gap: 6px; color: var(--market-muted); font-size: .74rem; }
.entrepreneur-city svg { width: 15px; height: 15px; fill: var(--market-blue); }
.entrepreneur-visit { display: inline-flex; align-items: center; gap: 7px; color: var(--market-blue); font-size: .78rem; font-weight: 900; }
.entrepreneur-visit span { font-size: 1rem; transition: transform .2s; }
.entrepreneur-card:hover .entrepreneur-visit span { transform: translateX(3px); }
.market-empty,
.market-error,
.market-loading {
  grid-column: 1 / -1;
  min-height: 210px;
  display: grid;
  place-items: center;
  padding: 30px;
  text-align: center;
  background: rgba(255,255,255,.86);
  border: 1px dashed #cfdadd;
  border-radius: 22px;
}
.market-state-icon { width: 58px; height: 58px; display: grid; place-items: center; margin: 0 auto 12px; border-radius: 18px; background: #fff3af; font-size: 1.5rem; }
.market-state-title { display: block; color: var(--market-navy); font-weight: 900; }
.market-state-copy { max-width: 530px; margin: 6px auto 0; color: var(--market-muted); font-size: .88rem; line-height: 1.55; }
.marketplace-bottom-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 28px;
  padding: 27px 30px;
  border-radius: 22px;
  background: var(--market-navy);
  color: #fff;
  overflow: hidden;
}
.marketplace-bottom-cta::after { content:""; position:absolute; width:180px; height:180px; right:-70px; top:-86px; border:34px solid rgba(245,196,0,.16); border-radius:50%; }
.marketplace-bottom-cta > * { position: relative; z-index: 1; }
.marketplace-bottom-cta h3 { margin: 0 0 5px; color: #fff; font-size: 1.15rem; }
.marketplace-bottom-cta p { margin: 0; color: rgba(255,255,255,.72); font-size: .85rem; }
.marketplace-bottom-cta .btn { flex: 0 0 auto; }

/* Páginas internas */
.portal-body { min-height: 100vh; background: #f4f7f8; color: var(--market-ink); }
.portal-shell { min-height: 100vh; }
.portal-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid var(--market-line);
  backdrop-filter: blur(13px);
}
.portal-header-inner { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.portal-header-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.portal-main { padding: 46px 0 76px; }
.portal-intro { margin-bottom: 28px; }
.portal-intro h1 { margin: 0 0 10px; color: var(--market-navy); font-family:"Montserrat",sans-serif; font-size: clamp(2rem,5vw,3.5rem); line-height:1.03; letter-spacing:-.045em; }
.portal-intro p { max-width: 680px; margin:0; color:var(--market-muted); }
.portal-panel {
  background: #fff;
  border: 1px solid var(--market-line);
  border-radius: 23px;
  box-shadow: 0 16px 44px rgba(8,43,76,.08);
}
.auth-layout { display:grid; grid-template-columns: .9fr 1.1fr; overflow:hidden; }
.auth-aside { position:relative; min-height:570px; padding:46px; background:var(--market-navy); color:#fff; overflow:hidden; }
.auth-aside::before,.auth-aside::after { content:""; position:absolute; border-radius:50%; border:50px solid rgba(245,196,0,.14); }
.auth-aside::before { width:280px; height:280px; right:-145px; top:-155px; }
.auth-aside::after { width:190px; height:190px; left:-110px; bottom:-120px; }
.auth-aside-content { position:relative; z-index:1; }
.auth-aside .eyebrow { color:var(--market-yellow); }
.auth-aside h2 { max-width:450px; margin:18px 0 16px; color:#fff; font-family:"Montserrat",sans-serif; font-size:clamp(2rem,4vw,3rem); line-height:1.06; letter-spacing:-.04em; }
.auth-aside p { color:rgba(255,255,255,.72); line-height:1.7; }
.auth-benefits { display:grid; gap:12px; margin-top:30px; }
.auth-benefits div { display:flex; gap:10px; align-items:center; color:rgba(255,255,255,.9); font-size:.86rem; }
.auth-benefits span { width:27px; height:27px; display:grid; place-items:center; border-radius:9px; background:rgba(245,196,0,.16); color:var(--market-yellow); font-weight:900; }
.auth-content { padding:42px; }
.auth-tabs { display:flex; gap:8px; margin-bottom:28px; padding:5px; background:#eef3f5; border-radius:14px; }
.auth-tab { flex:1; border:0; border-radius:10px; padding:11px; background:transparent; color:var(--market-muted); font:inherit; font-weight:800; cursor:pointer; }
.auth-tab.active { color:var(--market-navy); background:#fff; box-shadow:0 5px 16px rgba(8,43,76,.08); }
.auth-form { display:grid; gap:16px; }
.auth-form[hidden] { display:none; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.form-field { display:grid; gap:7px; min-width:0; }
.form-field.full { grid-column:1/-1; }
.form-field label { color:var(--market-navy); font-size:.77rem; font-weight:800; }
.form-field input,.form-field textarea,.form-field select {
  width:100%; min-width:0; padding:12px 13px; border:1px solid #ccd8dd; border-radius:12px; outline:0; background:#fff; color:var(--market-ink); font:inherit; font-size:.9rem; transition:border .2s, box-shadow .2s;
}
.form-field textarea { min-height:115px; resize:vertical; line-height:1.5; }
.form-field input:focus,.form-field textarea:focus,.form-field select:focus { border-color:var(--market-blue); box-shadow:0 0 0 4px rgba(15,96,151,.10); }
.form-hint { margin:0; color:var(--market-muted); font-size:.7rem; line-height:1.45; }
.form-row-between { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.text-button { border:0; padding:0; background:transparent; color:var(--market-blue); font:inherit; font-size:.78rem; font-weight:800; cursor:pointer; }
.portal-message { display:none; margin:14px 0 0; padding:12px 14px; border-radius:12px; font-size:.8rem; line-height:1.45; }
.portal-message.show { display:block; }
.portal-message.success { color:#075e38; background:#dcf7eb; border:1px solid #a9e4ca; }
.portal-message.error { color:#8b1f2c; background:#fff0f2; border:1px solid #f0bcc4; }
.portal-message.info { color:#564500; background:#fff7ca; border:1px solid #eedb76; }

.dashboard-header {
  display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; padding:22px 24px; background:var(--market-navy); color:#fff; border-radius:21px;
}
.dashboard-user { display:flex; align-items:center; gap:13px; min-width:0; }
.dashboard-avatar { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; overflow:hidden; border-radius:15px; background:var(--market-yellow); color:var(--market-navy); font-family:"Montserrat",sans-serif; font-weight:900; }
.dashboard-avatar img { width:100%; height:100%; object-fit:cover; }
.dashboard-user strong { display:block; overflow-wrap:anywhere; }
.dashboard-user small { color:rgba(255,255,255,.68); }
.status-badge { display:inline-flex; align-items:center; gap:6px; width:max-content; padding:6px 10px; border-radius:999px; font-size:.68rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.status-pending { color:#6f5100; background:#fff0a4; }
.status-approved { color:#075d38; background:#c9f3df; }
.status-rejected { color:#8f2633; background:#ffdce1; }
.status-inactive { color:#4f5d67; background:#e6ecef; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:20px; align-items:start; }
.dashboard-card { padding:25px; }
.dashboard-card-header { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:21px; }
.dashboard-card h2 { margin:0; color:var(--market-navy); font-size:1.25rem; }
.dashboard-card-header p { margin:5px 0 0; color:var(--market-muted); font-size:.78rem; }
.notice-bar { display:flex; align-items:flex-start; gap:12px; margin-bottom:19px; padding:14px 15px; border-radius:14px; background:#fff7ca; border:1px solid #eedb76; color:#5e4a00; font-size:.8rem; line-height:1.48; }
.notice-bar.success { background:#dcf7eb; border-color:#a9e4ca; color:#075e38; }
.notice-bar.error { background:#fff0f2; border-color:#f0bcc4; color:#8b1f2c; }
.notice-bar span { font-size:1rem; }
.dashboard-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.product-form-box { padding:19px; margin-bottom:19px; background:#f7f9fa; border:1px solid var(--market-line); border-radius:17px; }
.product-form-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.product-form-title strong { color:var(--market-navy); }
.product-list { display:grid; gap:12px; }
.product-manage-card { display:grid; grid-template-columns:76px minmax(0,1fr) auto; gap:14px; align-items:center; padding:13px; border:1px solid var(--market-line); border-radius:16px; }
.product-manage-image { width:76px; height:76px; overflow:hidden; display:grid; place-items:center; border-radius:13px; background:#eef3f5; color:var(--market-blue); font-size:1.3rem; font-weight:900; }
.product-manage-image img { width:100%; height:100%; object-fit:cover; }
.product-manage-copy { min-width:0; }
.product-manage-copy strong { display:block; color:var(--market-navy); overflow-wrap:anywhere; }
.product-manage-copy p { margin:4px 0 7px; color:var(--market-muted); font-size:.76rem; line-height:1.45; }
.product-manage-meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.product-manage-actions { display:flex; flex-direction:column; gap:7px; }
.icon-action { width:37px; height:37px; display:grid; place-items:center; border:1px solid var(--market-line); border-radius:11px; background:#fff; color:var(--market-navy); cursor:pointer; font-size:.85rem; }
.icon-action:hover { border-color:var(--market-yellow); }
.icon-action.danger { color:var(--market-red); }
.disabled-panel { opacity:.55; pointer-events:none; }
.file-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; align-items:end; }

/* Perfil público del emprendedor */
.public-profile-hero { padding:54px 0 46px; background:linear-gradient(135deg,#072a49 0%,#0d4771 100%); color:#fff; overflow:hidden; }
.public-profile-grid { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:24px; align-items:center; }
.public-profile-logo { width:112px; height:112px; display:grid; place-items:center; overflow:hidden; border-radius:29px; background:var(--market-yellow); color:var(--market-navy); font-family:"Montserrat",sans-serif; font-size:2rem; font-weight:900; box-shadow:0 18px 45px rgba(0,0,0,.22); }
.public-profile-logo img { width:100%; height:100%; object-fit:cover; }
.public-profile-copy h1 { margin:0 0 7px; color:#fff; font-family:"Montserrat",sans-serif; font-size:clamp(2rem,5vw,3.8rem); line-height:1; letter-spacing:-.045em; overflow-wrap:anywhere; }
.public-profile-category { color:var(--market-yellow); font-size:.76rem; font-weight:900; text-transform:uppercase; letter-spacing:.09em; }
.public-profile-copy p { max-width:730px; margin:13px 0 0; color:rgba(255,255,255,.72); line-height:1.65; }
.public-profile-actions { display:flex; gap:9px; flex-direction:column; }
.public-products-section { background:#f4f7f8; }
.public-products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.public-product-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--market-line); border-radius:20px; background:#fff; }
.public-product-image { aspect-ratio:4/3; display:grid; place-items:center; overflow:hidden; background:#eaf0f2; color:var(--market-blue); font-family:"Montserrat",sans-serif; font-size:2rem; font-weight:900; }
.public-product-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.public-product-card:hover .public-product-image img { transform:scale(1.04); }
.public-product-body { display:flex; flex:1; flex-direction:column; padding:20px; }
.public-product-category { color:var(--market-blue); font-size:.66rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.public-product-card h3 { margin:7px 0 8px; font-size:1.08rem; }
.public-product-card p { margin:0 0 15px; color:var(--market-muted); font-size:.82rem; line-height:1.55; }
.public-product-prices { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:auto; }
.public-product-price { padding:10px; border-radius:12px; background:#f4f7f8; }
.public-product-price span { display:block; color:var(--market-muted); font-size:.63rem; }
.public-product-price strong { display:block; margin-top:2px; color:var(--market-navy); font-size:.8rem; overflow-wrap:anywhere; }
.public-product-actions { display:flex; gap:8px; margin-top:14px; }
.public-product-actions .btn { width:100%; }

/* Administración */
.admin-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-bottom:20px; }
.admin-summary-card { padding:19px; background:#fff; border:1px solid var(--market-line); border-radius:17px; }
.admin-summary-card span { color:var(--market-muted); font-size:.73rem; }
.admin-summary-card strong { display:block; margin-top:4px; color:var(--market-navy); font-family:"Montserrat",sans-serif; font-size:1.8rem; }
.admin-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.admin-tab { border:1px solid var(--market-line); border-radius:999px; padding:9px 14px; background:#fff; color:var(--market-navy); font:inherit; font-size:.76rem; font-weight:800; cursor:pointer; }
.admin-tab.active { background:var(--market-navy); color:#fff; border-color:var(--market-navy); }
.admin-list { display:grid; gap:12px; }
.admin-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:center; padding:18px; background:#fff; border:1px solid var(--market-line); border-radius:17px; }
.admin-item h3 { margin:0 0 5px; font-size:1rem; }
.admin-item p { margin:0; color:var(--market-muted); font-size:.78rem; line-height:1.5; }
.admin-item-meta { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
.admin-item-actions { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-end; }
.btn-approve { background:var(--market-green); color:#fff; border-color:var(--market-green); }
.btn-reject { background:#fff0f2; color:var(--market-red); border-color:#efbbc3; }
.uid-box { padding:13px; margin-top:13px; background:#f2f5f6; border-radius:12px; color:var(--market-navy); font-family:monospace; font-size:.78rem; overflow-wrap:anywhere; user-select:all; }

@media (max-width: 980px) {
  .entrepreneur-directory { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .auth-layout { grid-template-columns:1fr; }
  .auth-aside { min-height:auto; }
  .dashboard-grid { grid-template-columns:1fr; }
  .public-profile-grid { grid-template-columns:auto minmax(0,1fr); }
  .public-profile-actions { grid-column:1/-1; flex-direction:row; }
  .public-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .marketplace-head { grid-template-columns:1fr; align-items:start; }
  .marketplace-actions { justify-content:flex-start; }
  .marketplace-toolbar { grid-template-columns:1fr; }
  .market-count { justify-content:flex-start; min-width:0; }
  .entrepreneur-directory { grid-template-columns:1fr; }
  .marketplace-bottom-cta { align-items:stretch; flex-direction:column; padding:24px 21px; }
  .marketplace-bottom-cta .btn { width:100%; }
  .portal-header-inner { min-height:76px; }
  .portal-header-actions .btn-light-label { display:none; }
  .portal-main { padding-top:30px; }
  .auth-content,.auth-aside { padding:28px 21px; }
  .form-grid,.file-row { grid-template-columns:1fr; }
  .dashboard-header { align-items:flex-start; flex-direction:column; }
  .dashboard-card { padding:20px; }
  .product-manage-card { grid-template-columns:62px minmax(0,1fr); }
  .product-manage-image { width:62px; height:62px; }
  .product-manage-actions { grid-column:1/-1; flex-direction:row; justify-content:flex-end; }
  .public-profile-grid { grid-template-columns:1fr; text-align:center; }
  .public-profile-logo { margin:0 auto; }
  .public-profile-copy p { margin-left:auto; margin-right:auto; }
  .public-profile-actions { flex-direction:column; }
  .public-products-grid { grid-template-columns:1fr; }
  .admin-summary { grid-template-columns:1fr; }
  .admin-item { grid-template-columns:1fr; }
  .admin-item-actions { justify-content:flex-start; }
}
@media (max-width: 390px) {
  .entrepreneur-card { padding:19px; }
  .entrepreneur-logo { width:55px; height:55px; border-radius:15px; }
  .portal-header-actions .btn { padding-left:11px; padding-right:11px; }
  .public-product-prices { grid-template-columns:1fr; }
}

/* CORRECCION PANEL ADMIN */
[hidden]{display:none!important}