:root{
  --green:#06381f;
  --green2:#0b4b2b;
  --gold:#f4b51c;
  --gold2:#d08d08;
  --text:#142016;
  --muted:#6a746b;
  --bg:#fbfbf8;
  --line:#e5e4dd;
  --shadow:0 12px 32px rgba(22,42,25,.12);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:linear-gradient(180deg,#fff,#f8f7f2);
  color:var(--text);
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hero-header{
  background:
    radial-gradient(circle at 10% 5%,rgba(255,210,88,.10),transparent 28%),
    linear-gradient(180deg,#06381f,#052d19);
  color:#fff;
  border-bottom:3px solid var(--gold);
}
.brand-row{
  min-height:150px;
  padding:24px 38px 12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}
.brand-left{display:flex;align-items:center;gap:20px;min-width:0}
.brand-logo{
  width:190px;
  height:120px;
  object-fit:contain;
  background:transparent;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.28));
}
.brand-title{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:52px;
  line-height:.95;
  font-weight:800;
  letter-spacing:-1px;
  white-space:nowrap;
  text-shadow:0 10px 26px rgba(0,0,0,.35);
}
.flag{width:46px;height:31px;flex:0 0 auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}
.brand-sub{
  color:var(--gold);
  font-size:18px;
  font-weight:900;
  letter-spacing:.06em;
  margin-top:8px;
  text-transform:uppercase;
}
.top-benefits{
  display:flex;
  align-items:center;
  gap:28px;
  font-size:17px;
}
.top-benefits span{
  display:flex;
  align-items:center;
  gap:9px;
  color:#fff8df;
  line-height:1.1;
}
.top-benefits span::first-line{font-weight:900}
.account-btn{
  border:0;
  background:transparent;
  color:#fff;
  font-weight:800;
  font-size:17px;
}
.category-strip{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding:12px 38px 22px;
  scrollbar-width:thin;
  scrollbar-color:var(--gold) transparent;
}
.cat-item{
  flex:0 0 112px;
  height:144px;
  border:2px solid var(--gold);
  border-radius:14px;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.09),transparent 43%),
    linear-gradient(180deg,#0c4a2a,#06341d);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 12px 24px rgba(0,0,0,.18);
}
.cat-item.active,.cat-item:hover{
  background:linear-gradient(180deg,#105b35,#073c22);
  border-color:#ffd75d;
}
.cat-img{
  width:98px;
  height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent!important;
  border:0!important;
  overflow:visible;
}
.cat-img img{
  width:96px;
  height:76px;
  max-width:96px;
  max-height:76px;
  object-fit:contain;
  object-position:center;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 9px 10px rgba(0,0,0,.35));
}
.cat-label{
  text-align:center;
  font-weight:850;
  font-size:16px;
  line-height:1.05;
}
.cat-all-icon{
  width:56px;height:56px;
  display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);
  gap:12px;align-content:center;justify-content:center;
}
.cat-all-icon i{display:block;border:3px solid var(--gold);border-radius:50%}
.page{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:26px;
  max-width:1400px;
  margin:24px auto;
  padding:0 28px;
}
.filters{
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:var(--shadow);
  padding:20px 18px;
  align-self:start;
}
.filters h2{margin:0 0 20px;color:#12351f;font-size:22px}
.filters label{
  display:block;
  margin:16px 0 8px;
  color:#193d26;
  font-weight:850;
  font-size:14px;
}
.filters input,.filters select{
  width:100%;
  height:38px;
  border:1px solid #d9d9d4;
  border-radius:5px;
  padding:0 12px;
  background:#fff;
}
.price-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fake-slider{
  height:4px;background:#0d5a32;border-radius:8px;margin:14px 8px 6px;position:relative;
}
.fake-slider:before,.fake-slider:after{
  content:"";position:absolute;top:50%;width:16px;height:16px;background:#0d5a32;border-radius:50%;transform:translateY(-50%);
}
.fake-slider:before{left:-2px}.fake-slider:after{right:-2px}
.checks label{font-weight:500;margin:10px 0;color:#313b33}
.checks input{width:auto;height:auto;margin-right:8px}
.search-btn{
  width:100%;
  height:46px;
  margin-top:18px;
  border:0;
  border-radius:6px;
  background:linear-gradient(180deg,#07562f,#043f22);
  color:#fff;
  font-weight:900;
  font-size:17px;
}
.content{min-width:0}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-bottom:26px;
}
.trust-grid article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:20px 16px;
  text-align:center;
  box-shadow:var(--shadow);
  min-height:145px;
}
.trust-grid article div{
  width:62px;height:62px;border-radius:50%;
  background:#064324;color:#fff;display:grid;place-items:center;font-size:30px;
  margin:0 auto 12px;
}
.trust-grid h3{margin:0 0 8px;font-size:18px;color:#18341f}
.trust-grid p{margin:0;color:#444;line-height:1.45}
.section-title{
  display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;
}
.section-title h1{margin:0;color:#11321d;font-size:24px}
.section-title button{border:0;background:transparent;color:#073a21;font-weight:900;font-size:16px}
.cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.card{
  background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)
}
.card-photo{height:205px;background:#b6c68b center/cover no-repeat;position:relative}
.badge{
  position:absolute;top:10px;left:10px;background:#0a612f;color:#fff;border-radius:5px;padding:5px 9px;font-weight:900;font-size:13px
}
.heart{
  position:absolute;top:9px;right:9px;width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,.18);color:#fff;font-size:19px
}
.card-body{padding:13px}
.card-location{font-size:13px;color:#555;margin-bottom:12px}
.card-title{font-size:17px;font-weight:850;margin-bottom:12px}
.price{font-size:24px;font-weight:950;color:#073e22;margin-bottom:12px}
.meta{display:flex;gap:18px;color:#555;font-size:13px}
.publish-strip{
  max-width:1400px;margin:8px auto 30px;padding:14px 28px;
  border:1px solid #eadfbf;border-radius:6px;background:#fffaf0;
  display:flex;align-items:center;justify-content:center;gap:70px;
}
.publish-strip button{
  border:0;border-radius:6px;background:#064324;color:#fff;font-weight:900;padding:12px 28px;font-size:17px
}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:99}
.modal-backdrop.show{display:flex}
.modal{width:min(600px,92vw);background:#fff;border-radius:14px;padding:24px;position:relative}
.close{position:absolute;right:12px;top:12px;border:0;background:#eee;border-radius:50%;width:32px;height:32px;font-size:20px}
.modal form{display:grid;gap:12px}.modal input,.modal select,.modal textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px}
.modal textarea{min-height:100px}.modal form button{background:#064324;color:#fff;border:0;border-radius:8px;padding:12px;font-weight:900}
.toast{position:fixed;right:18px;bottom:18px;background:#064324;color:#fff;border:1px solid var(--gold);border-radius:10px;padding:14px 16px;display:none}
.toast.show{display:block}
@media(max-width:1100px){
  .brand-row{align-items:flex-start;flex-direction:column}.brand-title{font-size:38px}.top-benefits{display:none}
  .page{grid-template-columns:1fr}.filters{position:static}.trust-grid,.cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .brand-row{padding:18px}.brand-left{gap:10px}.brand-logo{width:95px;height:70px}.brand-title{font-size:25px}.brand-sub{font-size:11px}.flag{width:28px}
  .cat-item{flex-basis:96px;height:128px}.cat-label{font-size:14px}.trust-grid,.cards{grid-template-columns:1fr}.publish-strip{flex-direction:column;gap:14px;text-align:center}
}


/* Ajustes solicitados: publicar junto a Mi Cuenta y Buscar Aves arriba */
.publish-top{
  border:1px solid rgba(255,210,76,.65);
  border-radius:10px;
  background:linear-gradient(180deg,#f5bd32,#d99400);
  color:#102313;
  font-weight:950;
  padding:12px 18px;
  font-size:16px;
  box-shadow:0 12px 25px rgba(0,0,0,.16);
  white-space:nowrap;
}
.publish-top:hover{
  filter:brightness(1.05);
}
.search-btn-top{
  margin-top:0 !important;
  margin-bottom:18px !important;
}

/* Pavo y ganso quedan con el mismo formato/tamaño que los demás iconos */
.cat-pavos .cat-img img,
.cat-gansos .cat-img img{
  width:96px !important;
  height:76px !important;
  max-width:96px !important;
  max-height:76px !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}


/* Ajuste para pantalla al 100%: filtros más compactos y alineados al extremo izquierdo */
.page{
  grid-template-columns:250px minmax(0,1fr);
  gap:20px;
  max-width:none;
  width:100%;
  margin:20px 0 26px;
  padding:0 16px 0 8px;
}
.filters{
  width:250px;
  justify-self:start;
  margin-left:0;
  padding:16px 14px;
}
.filters h2{font-size:20px;margin-bottom:16px}
.filters label{font-size:13px;margin:13px 0 6px}
.filters input,.filters select{height:34px;font-size:14px;padding:0 10px}
.search-btn{height:40px;font-size:15px;border-radius:8px}
.search-btn-top{margin-bottom:14px !important}
.price-row{gap:10px}
.fake-slider{margin:12px 6px 4px}

/* Publicaciones al 80% visual para que no se vean tan grandes */
.cards{gap:16px}
.card-photo{height:164px;background-size:cover;background-position:center}
.badge{top:8px;left:8px;padding:4px 8px;font-size:11px;border-radius:4px}
.heart{top:8px;right:8px;width:24px;height:24px;font-size:15px;border-width:1.5px}
.card-body{padding:10px 11px}
.card-location{font-size:12px;margin-bottom:8px}
.card-title{font-size:15px;margin-bottom:8px}
.price{font-size:20px;margin-bottom:8px}
.meta{gap:12px;font-size:12px}

@media (max-width: 1100px){
  .page{grid-template-columns:230px minmax(0,1fr);padding:0 12px 0 8px}
  .filters{width:230px}
  .card-photo{height:154px}
}


/* Barra superior de selección de aves al 90% */
.category-strip{
  gap:12px !important;
  padding:10px 34px 20px !important;
}

.cat-item{
  flex:0 0 101px !important;
  height:130px !important;
  padding:7px !important;
  gap:6px !important;
  border-radius:13px !important;
}

.cat-img{
  width:88px !important;
  height:76px !important;
}

.cat-img img{
  width:86px !important;
  height:68px !important;
  max-width:86px !important;
  max-height:68px !important;
  object-fit:contain !important;
  object-position:center center !important;
}

.cat-label{
  font-size:14.5px !important;
}

.cat-all-icon{
  width:50px !important;
  height:50px !important;
  gap:10px !important;
}

@media(max-width:620px){
  .cat-item{
    flex-basis:86px !important;
    height:115px !important;
  }

  .cat-img{
    width:76px !important;
    height:66px !important;
  }

  .cat-img img{
    width:74px !important;
    height:60px !important;
    max-width:74px !important;
    max-height:60px !important;
  }

  .cat-label{
    font-size:13px !important;
  }
}


/* =========================================================
   TEMA FINAL: HEADER AMARILLO + BARRA DE AVES VERDE
   Replica de la última maqueta al HTML.
   ========================================================= */

/* Barra superior amarilla */
.hero-header{
  background:linear-gradient(180deg,#ffcf18 0%,#f4bd00 100%) !important;
  color:#06190e !important;
  border-bottom:0 !important;
  box-shadow:0 12px 28px rgba(85,65,0,.18) !important;
}

/* Header más bajo para que en zoom 100% no se vea gigante */
.brand-row{
  min-height:96px !important;
  padding:13px 30px 10px !important;
  background:transparent !important;
  align-items:center !important;
}

/* Logo más compacto, como la maqueta amarilla */
.brand-left{
  gap:14px !important;
}

.brand-logo{
  width:104px !important;
  height:70px !important;
  object-fit:contain !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.68) !important;
  padding:4px !important;
  filter:drop-shadow(0 8px 14px rgba(80,55,0,.20)) !important;
}

/* Título en negro/verde oscuro para contraste con amarillo */
.brand-title{
  color:#06190e !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:34px !important;
  font-weight:950 !important;
  letter-spacing:-1.2px !important;
  text-shadow:none !important;
}

.brand-sub{
  color:#082916 !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
  margin-top:4px !important;
}

.flag{
  width:36px !important;
  height:24px !important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.18)) !important;
}

/* Elementos del lado derecho */
.top-benefits{
  color:#071b10 !important;
  gap:18px !important;
  font-size:15px !important;
}

.top-benefits span{
  color:#071b10 !important;
  font-weight:850 !important;
}

.account-btn{
  color:#071b10 !important;
  font-weight:950 !important;
  font-size:15px !important;
}

.publish-top{
  background:linear-gradient(180deg,#0d6d38,#064324) !important;
  color:#fff !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 10px 18px rgba(0,0,0,.14) !important;
  padding:10px 16px !important;
}

/* Barra de aves verde oscuro bajo el header amarillo */
.category-strip{
  background:linear-gradient(180deg,#06381f 0%,#032817 100%) !important;
  border:0 !important;
  border-radius:12px !important;
  margin:0 8px 0 !important;
  padding:10px 26px 18px !important;
  box-shadow:0 14px 28px rgba(3,40,23,.24) !important;
  gap:12px !important;
}

/* Botones de categoría compactos al 90% */
.cat-item{
  flex:0 0 101px !important;
  height:130px !important;
  padding:7px !important;
  gap:6px !important;
  border-radius:13px !important;
  border:2px solid rgba(244,181,28,.96) !important;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.08),transparent 42%),
    linear-gradient(180deg,#0b4d2c,#06351e) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 10px 20px rgba(0,0,0,.18) !important;
}

.cat-item:hover,
.cat-item.active{
  background:linear-gradient(180deg,#105f37,#074225) !important;
  border-color:#ffd75d !important;
}

.cat-img{
  width:88px !important;
  height:76px !important;
  background:transparent !important;
}

.cat-img img{
  width:86px !important;
  height:68px !important;
  max-width:86px !important;
  max-height:68px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

.cat-label{
  font-size:14.5px !important;
  line-height:1.05 !important;
  color:#fff !important;
}

/* Todas */
.cat-all-icon{
  width:50px !important;
  height:50px !important;
  gap:10px !important;
}

.cat-all-icon i{
  border-color:#ffd75d !important;
}

/* Mantener pavo y ganso en el mismo formato que el resto */
.cat-pavos .cat-img img,
.cat-gansos .cat-img img{
  width:86px !important;
  height:68px !important;
  max-width:86px !important;
  max-height:68px !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}

/* Ajuste general de contenido para zoom 100% */
.page{
  margin-top:20px !important;
}

/* Responsive */
@media(max-width:1100px){
  .brand-row{
    min-height:auto !important;
    padding:12px 18px !important;
  }

  .brand-title{
    font-size:28px !important;
  }

  .brand-logo{
    width:86px !important;
    height:60px !important;
  }

  .top-benefits{
    gap:12px !important;
  }
}

@media(max-width:620px){
  .brand-title{
    font-size:24px !important;
  }

  .brand-sub{
    font-size:10px !important;
  }

  .category-strip{
    padding:10px 14px 16px !important;
  }

  .cat-item{
    flex-basis:86px !important;
    height:115px !important;
  }

  .cat-img{
    width:76px !important;
    height:66px !important;
  }

  .cat-img img{
    width:74px !important;
    height:60px !important;
    max-width:74px !important;
    max-height:60px !important;
  }

  .cat-label{
    font-size:13px !important;
  }
}


/* Campo para escribir el ave buscada dentro del panel de filtros */
.bird-search-box{
  margin-bottom:12px;
}

.bird-search-box label{
  margin:0 0 7px !important;
  color:#193d26;
  font-weight:900;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.bird-search-input{
  position:relative;
}

.bird-search-input input{
  width:100%;
  height:40px;
  border:1px solid #d9d9d4;
  border-radius:8px;
  background:#fff;
  color:#142016;
  padding:0 38px 0 12px;
  outline:none;
  font-weight:650;
}

.bird-search-input input:focus{
  border-color:#0d6d38;
  box-shadow:0 0 0 3px rgba(13,109,56,.12);
}

.bird-search-input span{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:#0d6d38;
  font-weight:900;
}

.search-btn-top{
  margin-top:8px !important;
}


/* Regiones y comunas/ciudades de Chile */
.filters select,
.modal select{
  background:#fff;
}

.modal select{
  width:100%;
  padding:12px;
  border:1px solid #ddd;
  border-radius:8px;
}

#regionSelect,
#comunaSelect{
  cursor:pointer;
}

#comunaSelect:disabled{
  opacity:.65;
}


/* Login / Registro */
.auth-modal{
  max-width:430px;
}

.auth-modal h2{
  margin-top:0;
  color:#06381f;
}

.auth-help{
  margin:0 0 16px;
  color:#5d665f;
  line-height:1.45;
}

.auth-switch{
  margin-top:14px;
  text-align:center;
  color:#556157;
  font-size:14px;
}

.auth-switch button{
  border:0;
  background:transparent;
  color:#064324;
  font-weight:950;
  text-decoration:underline;
}

.account-btn.logged{
  background:rgba(255,255,255,.26);
  padding:10px 14px;
  border-radius:10px;
}


/* Abrir publicaciones / detalle */
.card-open{
  cursor:pointer;
}

.card-open:hover{
  transform:translateY(-2px);
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 18px 38px rgba(22,42,25,.18);
}

.view-btn{
  width:100%;
  margin-top:10px;
  border:0;
  border-radius:7px;
  background:linear-gradient(180deg,#07562f,#043f22);
  color:#fff;
  font-weight:900;
  padding:9px 10px;
}

.detail-modal{
  width:min(920px,94vw);
}

.detail-grid{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);
  gap:22px;
  align-items:start;
}

.detail-image{
  min-height:390px;
  border-radius:14px;
  background-size:cover;
  background-position:center;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
}

.detail-info h2{
  margin:10px 0 8px;
  color:#12351f;
  font-size:28px;
}

.detail-badge{
  display:inline-block;
  background:#064324;
  color:#fff;
  border-radius:999px;
  padding:6px 12px;
  font-weight:900;
  font-size:13px;
}

.detail-price{
  color:#073e22;
  font-size:30px;
  font-weight:950;
  margin:8px 0 14px;
}

.detail-info p{
  color:#37443b;
  line-height:1.5;
}

.detail-desc{
  padding:12px;
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:10px;
}

.detail-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}

.detail-actions button{
  border:0;
  border-radius:9px;
  padding:12px 16px;
  font-weight:950;
}

.detail-main{
  background:#064324;
  color:#fff;
}

.detail-soft{
  background:#eef4ed;
  color:#064324;
}

@media(max-width:760px){
  .detail-grid{
    grid-template-columns:1fr;
  }

  .detail-image{
    min-height:260px;
  }
}


/* Página propia de publicación con preguntas y respuestas */
.publication-page{
  max-width:1180px;
  margin:22px auto 34px;
  padding:0 18px;
}

.back-market{
  border:0;
  background:#064324;
  color:#fff;
  border-radius:9px;
  padding:11px 15px;
  font-weight:950;
  margin-bottom:16px;
}

.publication-detail-page{
  display:grid;
  grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr);
  gap:22px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}

.publication-main-image{
  min-height:460px;
  border-radius:14px;
  background-size:cover;
  background-position:center;
  background-color:#eef1e8;
}

.publication-summary h1{
  margin:10px 0 8px;
  font-size:32px;
  line-height:1.08;
  color:#12351f;
}

.publication-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0;
}

.publication-meta-grid p{
  margin:0;
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:10px;
  padding:10px;
  color:#3d493f;
}

.safe-note{
  margin-top:16px;
  background:#fff8db;
  border:1px solid #efd681;
  color:#55450b;
  border-radius:10px;
  padding:11px;
  line-height:1.45;
}

.qa-section{
  margin-top:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}

.qa-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
}

.qa-head h2{
  margin:0 0 4px;
  color:#12351f;
}

.qa-head p{
  margin:0;
  color:#647068;
}

#qaCount{
  background:#064324;
  color:#fff;
  border-radius:999px;
  padding:7px 11px;
  font-weight:900;
  white-space:nowrap;
}

.qa-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  margin-bottom:14px;
}

.qa-form textarea{
  min-height:82px;
  border:1px solid #d9d9d4;
  border-radius:10px;
  padding:12px;
  resize:vertical;
}

.qa-form button,
.answer-form button{
  border:0;
  border-radius:10px;
  background:#064324;
  color:#fff;
  font-weight:950;
  padding:0 18px;
}

.seller-note{
  background:#eaf5ec;
  color:#064324;
  border:1px solid #cbe5cf;
  border-radius:10px;
  padding:10px;
  font-weight:850;
  margin-bottom:12px;
}

.qa-list{
  display:grid;
  gap:12px;
}

.qa-item{
  border:1px solid #e3e1d6;
  border-radius:12px;
  padding:13px;
  background:#fbfbf7;
}

.question-block strong,
.answer-block strong,
.answer-pending strong{
  color:#12351f;
}

.question-block p,
.answer-block p,
.answer-pending p{
  margin:6px 0;
  color:#37443b;
  line-height:1.45;
}

.question-block small,
.answer-block small{
  color:#7a827c;
}

.answer-block{
  margin-top:10px;
  border-left:4px solid #064324;
  background:#eef7ef;
  border-radius:8px;
  padding:10px;
}

.answer-pending{
  margin-top:10px;
  border-left:4px solid #d9a300;
  background:#fff8db;
  border-radius:8px;
  padding:10px;
}

.answer-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  margin-top:10px;
}

.answer-form input{
  height:42px;
  border:1px solid #d9d9d4;
  border-radius:9px;
  padding:0 11px;
}

.qa-empty{
  border:1px dashed #d8d5c8;
  border-radius:12px;
  padding:22px;
  text-align:center;
  color:#647068;
  background:#fbfbf7;
}

@media(max-width:820px){
  .publication-detail-page{
    grid-template-columns:1fr;
  }

  .publication-main-image{
    min-height:300px;
  }

  .qa-form,
  .answer-form{
    grid-template-columns:1fr;
  }

  .qa-form button,
  .answer-form button{
    min-height:42px;
  }
}


/* Calidad de fotos: inicio usa miniatura, detalle usa full */
.publication-main-image{
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#f4f6ef !important;
}

.card-photo{
  background-size:cover !important;
  background-position:center center !important;
}


/* Primera versión: solo fotos, sin videos */
.photo-note{
  display:block;
  margin-top:-4px;
  color:#5f6b61;
  font-size:12.5px;
  line-height:1.35;
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:8px;
  padding:8px 10px;
}


/* Plan Gratis / Gold */
.gold-top-btn{
  border:1px solid rgba(8,41,22,.18);
  background:linear-gradient(180deg,#fff7c2,#ffd84d);
  border-radius:10px;
  color:#06190e;
  font-weight:950;
  padding:10px 12px;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
}

.gold-top-btn.gold-active{
  background:linear-gradient(180deg,#0d6d38,#064324);
  color:#fff;
}

.gold-modal{
  width:min(880px,94vw);
}

.gold-hero{
  background:linear-gradient(135deg,#fff7c2,#f7c82d);
  border-radius:16px;
  padding:18px;
  color:#132315;
  margin-bottom:16px;
}

.gold-hero h2{
  margin:8px 0;
  font-size:30px;
}

.gold-badge-large{
  display:inline-block;
  background:#064324;
  color:#fff;
  border-radius:999px;
  padding:7px 12px;
  font-weight:950;
}

.plan-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.plan-card{
  border:1px solid #e2dfce;
  border-radius:14px;
  padding:16px;
  background:#fff;
}

.plan-card h3{
  margin:0 0 8px;
  color:#064324;
}

.plan-card strong{
  font-size:26px;
  color:#12351f;
}

.plan-card ul{
  padding-left:18px;
  color:#455047;
  line-height:1.7;
}

.gold-plan{
  border:2px solid #f4b51c;
  background:#fffaf0;
}

.gold-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}

.gold-main-btn,
.gold-soft-btn{
  border:0;
  border-radius:10px;
  padding:12px 16px;
  font-weight:950;
}

.gold-main-btn{
  background:#064324;
  color:#fff;
}

.gold-soft-btn{
  background:#eef4ed;
  color:#064324;
}

.gold-status-box{
  margin-top:14px;
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:10px;
  padding:12px;
  color:#203426;
}

.publish-plan-info{
  margin-bottom:12px;
}

.plan-pill{
  border:1px solid #d7ead4;
  background:#f7fbf4;
  border-radius:12px;
  padding:10px;
  display:grid;
  gap:5px;
}

.plan-pill.gold{
  border-color:#f4b51c;
  background:#fff8db;
}

.plan-pill strong{
  color:#064324;
}

.plan-pill span{
  color:#5e685f;
  font-size:13px;
}

.plan-pill button{
  width:max-content;
  border:0;
  border-radius:8px;
  background:#064324;
  color:#fff;
  font-weight:900;
  padding:8px 10px;
}

.gold-video-label{
  font-weight:900;
  color:#064324;
  margin-top:4px;
}

#pubVideo:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.gold-only-note{
  border-color:#efd681;
  background:#fff8db;
}

.video-badge{
  position:absolute;
  top:8px;
  left:74px;
  background:#111827;
  color:#fff;
  border-radius:5px;
  padding:4px 8px;
  font-size:11px;
  font-weight:900;
}

.publication-video{
  width:100%;
  margin-top:12px;
  border-radius:14px;
  background:#000;
  max-height:420px;
}

@media(max-width:760px){
  .plan-grid{
    grid-template-columns:1fr;
  }
}


/* Reglas visuales Free/Gold */
.photo-note strong{
  color:#064324;
}

.rules-note-box{
  background:#fff8db;
  border:1px solid #efd681;
  border-radius:10px;
  padding:10px;
  color:#55450b;
  font-size:13px;
  line-height:1.45;
}

/* =========================================================
   MEJORAS: Cards 67%, Trust signals compactos,
   Galería, Detalle nuevo, Reseñas, Vendedor, Otras pubs
   ========================================================= */

/* ── Cards al 67% ── */
.card-photo { height: 120px !important; }
.card-body  { padding: 8px 10px !important; }
.card-location { font-size: 11px !important; margin-bottom: 5px !important; }
.card-title    { font-size: 13px !important; margin-bottom: 5px !important; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.price         { font-size: 16px !important; margin-bottom: 0 !important; font-weight: 900; }
.card { border-radius: 12px !important; }
.card-open:hover { transform: translateY(-3px) !important; }
.card-gold { border: 2px solid #f4b51c !important; background: #fffef5 !important; }
.badge-gold { background: linear-gradient(135deg,#f4b51c,#d08d08) !important; color: #1a1000 !important; }
.badge-cat  { background: rgba(6,67,36,.85) !important; }
.card-cat-chip {
  position: absolute; bottom: 7px; left: 7px;
  background: rgba(6,67,36,.82); color: #fff;
  border-radius: 99px; padding: 2px 8px;
  font-size: 10px; font-weight: 800;
}
.cards { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important; gap: 12px !important; }
@media(max-width:1100px) { .card-photo { height: 110px !important; } }
@media(max-width:620px)  { .card-photo { height: 100px !important; } .cards { grid-template-columns: repeat(2,1fr) !important; } }

/* ── Trust signals compactos ── */
.trust-grid { gap: 10px !important; margin-bottom: 16px !important; }
.trust-grid article {
  padding: 10px 10px !important;
  min-height: 0 !important;
  border-radius: 10px !important;
}
.trust-grid article div {
  width: 36px !important; height: 36px !important;
  font-size: 18px !important; margin: 0 auto 6px !important;
}
.trust-grid h3 { font-size: 13px !important; margin: 0 0 3px !important; }
.trust-grid p  { font-size: 11px !important; color: #555; }

/* ── Galería de fotos ── */
.pub-gal-wrap {
  background: #111;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 20px;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.pub-gal-main {
  position: relative;
  width: 100%;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
}
.pub-gal-main-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.pub-gal-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 36px;
  width: 48px;
  height: 64px;
  border-radius: 8px;
  cursor: pointer;
  z-index: 2;
  line-height: 1;
}
.pub-gal-prev { left: 10px; }
.pub-gal-next { right: 10px; }
.pub-gal-counter {
  position: absolute;
  bottom: 12px;
  right: 14px;
  background: rgba(0,0,0,.58);
  color: #fff;
  border-radius: 99px;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 700;
}
.pub-gal-gold-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg,#f4b51c,#d08d08);
  color: #1a1000;
  border-radius: 99px;
  padding: 6px 13px;
  font-weight: 900;
  font-size: 14px;
}
.pub-gal-thumbs {
  display: flex;
  gap: 8px;
  padding: 10px 14px;
  overflow-x: auto;
  background: #1a1a1a;
  scrollbar-width: thin;
  scrollbar-color: #f4b51c transparent;
}
.pub-gal-thumb {
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
  opacity: 0.65;
  border: 2px solid transparent;
  flex: 0 0 auto;
  transition: opacity .15s, border-color .15s;
}
.pub-gal-thumb.active,
.pub-gal-thumb:hover { opacity: 1; border-color: #f4b51c; }
@media(max-width:820px) { .pub-gal-main { height: 280px; } }

/* ── Layout detalle ── */
.pub-detail-layout {
  display: grid;
  grid-template-columns: minmax(0,1.4fr) minmax(0,.6fr);
  gap: 22px;
  max-width: 1180px;
  margin: 0 auto 20px;
}
@media(max-width:820px) { .pub-detail-layout { grid-template-columns: 1fr; } }

.pub-info-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  box-shadow: var(--shadow);
  margin-bottom: 14px;
}
.pub-info-card h1 { margin: 8px 0 6px; font-size: 28px; color: #12351f; line-height: 1.1; }
.pub-detail-price { font-size: 32px; font-weight: 950; color: #064324; margin: 6px 0 10px; }
.pub-detail-location { color: #556; font-size: 14px; margin-bottom: 12px; }
.pub-detail-desc {
  background: #f7fbf4;
  border: 1px solid #d7ead4;
  border-radius: 10px;
  padding: 12px;
  color: #37443b;
  line-height: 1.55;
  margin: 0;
}

.pub-detail-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.btn-reservar, .btn-guardar, .btn-compartir {
  border: 0;
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 950;
  font-size: 15px;
  cursor: pointer;
}
.btn-reservar { background: #064324; color: #fff; flex: 1; }
.btn-guardar  { background: #eef4ed; color: #064324; }
.btn-compartir{ background: #eef4ed; color: #064324; }

/* ── Sidebar vendedor ── */
.pub-detail-sidebar { display: flex; flex-direction: column; gap: 14px; }

.seller-card-detail {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
  box-shadow: var(--shadow);
  display: flex;
  align-items: center;
  gap: 14px;
}
.seller-avatar-lg {
  width: 54px; height: 54px;
  background: linear-gradient(135deg,#064324,#0b5e33);
  color: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; font-weight: 900;
  flex: 0 0 auto;
}
.seller-info-detail { flex: 1; }
.seller-name-detail { font-size: 15px; font-weight: 850; color: #12351f; }
.seller-verified { color: #064324; font-size: 14px; }
.seller-stars-detail { color: #d08d08; font-size: 14px; margin-top: 3px; }
.seller-stars-detail span { color: #556; font-size: 13px; }
.seller-sales-detail { color: #647068; font-size: 12px; margin-top: 2px; }

.seller-actions-detail { margin-top: -8px; }
.seller-btn-perfil {
  width: 100%;
  border: 1.5px solid #064324;
  background: #fff;
  color: #064324;
  border-radius: 10px;
  padding: 10px;
  font-weight: 850;
  cursor: pointer;
}
.seller-btn-perfil:hover { background: #f0f8f0; }

/* ── Otras publicaciones del vendedor ── */
.otras-pub-section {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px;
  box-shadow: var(--shadow);
}
.otras-pub-titulo { margin: 0 0 12px; font-size: 15px; color: #12351f; }
.otras-pub-scroll {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #c8e6c9 transparent;
  padding-bottom: 4px;
}
.otras-pub-card {
  flex: 0 0 120px;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  transition: transform .15s, box-shadow .15s;
}
.otras-pub-card:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.12); }
.otras-pub-img {
  height: 80px;
  background: #eef1e8 center/cover no-repeat;
}
.otras-pub-info { padding: 6px 8px; }
.otras-pub-nombre { font-size: 11px; font-weight: 800; color: #12351f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.otras-pub-precio { font-size: 12px; font-weight: 900; color: #064324; margin-top: 2px; }

/* ── Reseñas ── */
.reviews-section {
  max-width: 1180px;
  margin: 0 auto 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow);
  padding: 18px;
}
.reviews-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.reviews-head h2 { margin: 0; font-size: 20px; color: #12351f; }
.reviews-promedio { background: #064324; color: #fff; border-radius: 99px; padding: 6px 12px; font-weight: 900; font-size: 13px; }
.reviews-list { display: grid; gap: 12px; }
.review-item {
  border: 1px solid #e3e1d6;
  border-radius: 12px;
  padding: 14px;
  background: #fbfbf7;
}
.review-header { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.review-avatar {
  width: 40px; height: 40px;
  background: linear-gradient(135deg,#064324,#0b5e33);
  color: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; font-weight: 900;
  flex: 0 0 auto;
}
.review-autor { font-size: 14px; font-weight: 850; color: #12351f; }
.review-stars { color: #d08d08; font-size: 16px; margin-top: 2px; }
.review-fecha { margin-left: auto; color: #7a827c; font-size: 12px; white-space: nowrap; }
.review-producto { font-size: 12px; color: #7a827c; margin-bottom: 6px; }
.review-texto { margin: 0; color: #37443b; line-height: 1.5; font-size: 14px; }

/* ── Página de detalle max-width ── */
.publication-page { max-width: 1180px !important; }
.qa-section { max-width: 1180px; margin: 0 auto 20px !important; }


/* Página real publicacion.html */
.publication-body{
  background:#f8f7f2;
}

.pub-topbar{
  min-height:78px;
  background:linear-gradient(180deg,#06381f,#052d19);
  border-bottom:3px solid var(--gold);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 28px;
  position:sticky;
  top:0;
  z-index:20;
}

.pub-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
  font-weight:950;
  font-size:24px;
}

.pub-brand img{
  width:74px;
  height:52px;
  object-fit:contain;
}

.pub-actions-top{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.pub-actions-top button{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  color:#fff;
  border-radius:10px;
  padding:10px 12px;
  font-weight:900;
}

.pub-page-wrap{
  max-width:1180px;
  margin:22px auto 36px;
  padding:0 18px;
}

.pub-loading{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:24px;
  box-shadow:var(--shadow);
  color:#12351f;
  font-weight:900;
}

.pub-detail-shell{
  display:block;
}

.pub-detail-card{
  display:grid;
  grid-template-columns:minmax(320px,1.1fr) minmax(310px,.9fr);
  gap:20px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}

.pub-gallery-card{
  min-width:0;
}

.pub-main-img-wrap{
  position:relative;
  background:#f1f4eb;
  border-radius:14px;
  min-height:480px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #e3e1d6;
}

.pub-main-img-wrap img{
  width:100%;
  height:100%;
  max-height:560px;
  object-fit:contain;
  display:block;
}

.pub-gal-counter{
  position:absolute;
  right:12px;
  bottom:12px;
  background:rgba(0,0,0,.70);
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:900;
}

.pub-thumbs{
  display:flex;
  gap:8px;
  margin-top:10px;
  overflow-x:auto;
  padding-bottom:4px;
}

.pub-page-thumb{
  width:74px;
  height:58px;
  border:2px solid transparent;
  border-radius:9px;
  padding:2px;
  background:#fff;
  flex:0 0 auto;
}

.pub-page-thumb.active{
  border-color:var(--gold);
}

.pub-page-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:6px;
}

.pub-video{
  width:100%;
  margin-top:12px;
  border-radius:14px;
  background:#000;
  max-height:420px;
}

.pub-info-card h1{
  margin:12px 0 8px;
  color:#12351f;
  font-size:34px;
  line-height:1.05;
}

.pub-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0;
}

.pub-info-grid p,
.pub-desc{
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:10px;
  padding:10px;
  margin:0;
  color:#37443b;
  line-height:1.45;
}

.pub-desc{
  margin-top:10px;
}

.pub-desc p{
  margin:6px 0 0;
}

.pub-action-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}

.pub-qa-shell{
  margin-top:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}

@media(max-width:820px){
  .pub-topbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .pub-detail-card{
    grid-template-columns:1fr;
  }

  .pub-main-img-wrap{
    min-height:300px;
  }

  .pub-info-card h1{
    font-size:27px;
  }

  .pub-info-grid{
    grid-template-columns:1fr;
  }
}


/* Precio final con comisión en publicacion.html */
.pub-price-breakdown{
  margin: -2px 0 14px;
  display:grid;
  gap:3px;
  color:#5d665f;
  font-size:13px;
  line-height:1.25;
}

.pub-price-breakdown span:first-child{
  font-weight:800;
  color:#34513c;
}

.pub-price-breakdown span:last-child{
  background:#fff8db;
  border:1px solid #efd681;
  border-radius:8px;
  padding:7px 9px;
  color:#55450b;
}


/* Página real publicar.html */
.publish-body{
  background:#f8f7f2;
}

.publish-page-wrap{
  max-width:1180px;
  margin:22px auto 38px;
  padding:0 18px;
}

.publish-page-head{
  display:grid;
  grid-template-columns:1fr 310px;
  gap:18px;
  align-items:stretch;
  margin-bottom:18px;
}

.publish-page-head > div:first-child,
.commission-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}

.publish-tag{
  display:inline-block;
  background:#064324;
  color:#fff;
  border-radius:999px;
  padding:6px 11px;
  font-weight:950;
  font-size:12px;
  margin-bottom:10px;
}

.publish-page-head h1{
  margin:0 0 8px;
  color:#12351f;
  font-size:34px;
}

.publish-page-head p{
  margin:0;
  color:#5f6b61;
  line-height:1.45;
}

.commission-card{
  background:linear-gradient(135deg,#fff8db,#fff);
  border-color:#efd681;
  display:grid;
  align-content:center;
  gap:6px;
}

.commission-card strong{
  font-size:18px;
  color:#064324;
}

.commission-card span{
  font-size:24px;
  font-weight:950;
  color:#12351f;
}

.commission-card small{
  color:#5b4b10;
  font-weight:800;
}

.publish-layout{
  display:grid;
  grid-template-columns:minmax(320px,1fr) 340px;
  gap:18px;
  align-items:start;
}

.publish-form-page,
.price-preview-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}

.publish-form-page{
  display:grid;
  gap:10px;
}

.publish-form-page label{
  font-weight:900;
  color:#12351f;
  margin-top:4px;
}

.publish-form-page input,
.publish-form-page select,
.publish-form-page textarea{
  width:100%;
  border:1px solid #d9d9d4;
  border-radius:9px;
  padding:12px;
  background:#fff;
}

.publish-form-page textarea{
  min-height:120px;
  resize:vertical;
}

.form-two-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.seller-commission-note{
  background:#fff8db;
  border:1px solid #efd681;
  color:#55450b;
  border-radius:10px;
  padding:10px 12px;
  line-height:1.42;
  font-size:14px;
}

.publish-submit{
  border:0;
  border-radius:10px;
  background:linear-gradient(180deg,#07562f,#043f22);
  color:#fff;
  font-weight:950;
  padding:14px 16px;
  margin-top:8px;
}

.price-preview-card{
  position:sticky;
  top:100px;
}

.price-preview-card h2{
  margin:0 0 14px;
  color:#12351f;
}

.preview-row,
.preview-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #e7e3d6;
  padding:10px 0;
}

.preview-row span,
.preview-total span{
  color:#5f6b61;
}

.preview-row strong{
  color:#12351f;
}

.preview-total{
  border-bottom:0;
  background:#064324;
  color:#fff;
  border-radius:12px;
  padding:14px;
  margin-top:10px;
}

.preview-total span,
.preview-total strong{
  color:#fff;
}

.preview-total strong{
  font-size:24px;
}

.price-preview-card p{
  color:#5b4b10;
  background:#fff8db;
  border:1px solid #efd681;
  border-radius:10px;
  padding:10px;
  line-height:1.45;
}

@media(max-width:860px){
  .publish-page-head,
  .publish-layout,
  .form-two-cols{
    grid-template-columns:1fr;
  }

  .price-preview-card{
    position:static;
  }

  .publish-page-head h1{
    font-size:27px;
  }
}


/* Vista pública de publicación:
   no mostrar desglose de comisión al comprador, solo precio final. */
.pub-price-breakdown{
  display:none !important;
}

.pub-final-price-note{
  margin:-2px 0 14px;
  color:#5d665f;
  font-size:13px;
  font-weight:800;
}

/* La explicación de comisión queda solo en publicar.html para el vendedor. */


/* Más publicaciones del vendedor / misma categoría en publicacion.html */
.related-shell{
  margin-top:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}

.related-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.related-head h2{
  margin:0 0 4px;
  color:#12351f;
  font-size:22px;
}

.related-head p{
  margin:0;
  color:#647068;
}

.related-head button{
  border:0;
  border-radius:10px;
  background:#064324;
  color:#fff;
  font-weight:950;
  padding:10px 14px;
  white-space:nowrap;
}

.related-loading{
  color:#647068;
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:10px;
  padding:14px;
}

.related-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.related-card{
  border:1px solid #e3e1d6;
  border-radius:13px;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}

.related-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(22,42,25,.14);
}

.related-img{
  height:130px;
  background:center/cover no-repeat #eef1e8;
  position:relative;
}

.related-badge{
  position:absolute;
  top:8px;
  left:8px;
  background:#064324;
  color:#fff;
  border-radius:999px;
  padding:4px 8px;
  font-size:11px;
  font-weight:900;
}

.related-badge.gold{
  background:#f4b51c;
  color:#102314;
}

.related-body{
  padding:10px;
  display:grid;
  gap:5px;
}

.related-body strong{
  color:#12351f;
  font-size:14px;
  line-height:1.2;
}

.related-body span{
  color:#064324;
  font-weight:950;
  font-size:16px;
}

.related-body small{
  color:#647068;
  font-size:12px;
}

@media(max-width:900px){
  .related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .related-head{
    flex-direction:column;
  }

  .related-grid{
    grid-template-columns:1fr;
  }
}


/* Relacionadas: solo una corrida de 4 publicaciones reales */
.related-grid.related-grid-4,
.related-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  max-width:100%;
}

.related-card{
  min-width:0;
}

.related-img{
  height:128px !important;
}

@media(max-width:900px){
  .related-grid.related-grid-4,
  .related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:560px){
  .related-grid.related-grid-4,
  .related-grid{
    grid-template-columns:1fr !important;
  }
}


/* Barra superior unificada: título + acciones + categorías en un solo bloque */
.hero-header{
  background:linear-gradient(180deg,#06381f 0%,#052d19 100%) !important;
  border-bottom:3px solid var(--gold) !important;
  color:#fff !important;
  overflow:hidden !important;
}

/* Parte del logo integrada con la barra de categorías */
.brand-row{
  min-height:118px !important;
  padding:18px 34px 10px !important;
  background:transparent !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* La barra de iconos queda pegada visualmente al mismo bloque superior */
.category-strip{
  margin:0 !important;
  padding:8px 34px 16px !important;
  background:linear-gradient(180deg,rgba(5,45,25,.10),rgba(3,32,18,.34)) !important;
  border-top:1px solid rgba(244,181,28,.22) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Suaviza el corte entre título y categorías */
.brand-row + .category-strip{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Botones de categoría integrados al mismo color, sin parecer otra sección */
.cat-item{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.09),transparent 42%),
    linear-gradient(180deg,#0a4a2a,#06341d) !important;
  border:2px solid rgba(244,181,28,.95) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.16) !important;
}

.cat-item.active,
.cat-item:hover{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.12),transparent 42%),
    linear-gradient(180deg,#0f6037,#074225) !important;
  border-color:#ffd75d !important;
}

/* El logo y título se ven como parte de una sola cabecera */
.brand-logo{
  background:transparent !important;
  box-shadow:none !important;
}

.brand-title{
  text-shadow:0 8px 20px rgba(0,0,0,.28) !important;
}

.brand-sub{
  color:#f4c94f !important;
}

/* Acciones superiores unificadas */
.top-benefits{
  gap:18px !important;
}

.publish-top,
.gold-top-btn,
.account-btn{
  border-radius:10px !important;
}

.publish-top{
  box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
}

/* Móvil: bloque superior más compacto y unido */
@media(max-width:760px){
  .brand-row{
    min-height:auto !important;
    padding:14px 16px 8px !important;
  }

  .category-strip{
    padding:8px 14px 14px !important;
  }
}


/* Logo sin fondo blanco en todas las páginas */
.brand-logo,
.pub-brand img{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
  object-fit:contain !important;
}


/* Barra superior mejorada tipo marketplace */
.hero-header{
  background:linear-gradient(180deg,#06381f 0%,#052d19 100%) !important;
  border-bottom:3px solid var(--gold) !important;
}

.brand-row{
  min-height:88px !important;
  padding:12px 28px 8px !important;
  display:grid !important;
  grid-template-columns:auto minmax(260px, 1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
}

.brand-left{
  gap:12px !important;
}

.brand-logo{
  width:92px !important;
  height:62px !important;
  background:transparent !important;
  padding:0 !important;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.26)) !important;
}

.brand-title{
  font-size:34px !important;
  line-height:1 !important;
  letter-spacing:-.7px !important;
}

.flag{
  width:32px !important;
  height:22px !important;
}

.brand-sub{
  font-size:11px !important;
  margin-top:4px !important;
  letter-spacing:.05em !important;
}

/* Buscador principal arriba */
.header-market-search{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto;
  max-width:620px;
  width:100%;
  justify-self:center;
  border:2px solid rgba(244,181,28,.85);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.header-market-search input{
  height:44px;
  border:0;
  outline:0;
  padding:0 14px;
  color:#142016;
  font-weight:750;
  background:#fff;
}

.header-market-search button{
  height:44px;
  border:0;
  background:linear-gradient(180deg,#f4b51c,#d8950b);
  color:#102314;
  font-weight:950;
  padding:0 18px;
}

.header-market-search input::placeholder{
  color:#6a746b;
}

/* Acciones superiores más limpias */
.top-benefits{
  gap:9px !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
}

.top-benefits span.trust-mini{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:7px 9px;
  color:#fff8df !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1 !important;
}

.publish-top{
  background:linear-gradient(180deg,#f4b51c,#d8950b) !important;
  color:#102314 !important;
  border:0 !important;
  font-size:14px !important;
  font-weight:950 !important;
  padding:11px 15px !important;
  box-shadow:0 10px 20px rgba(0,0,0,.18) !important;
}

.account-btn,
.gold-top-btn{
  font-size:13px !important;
  padding:10px 11px !important;
}

/* Categorías más compactas y unidas al header */
.category-strip{
  margin:0 !important;
  padding:8px 28px 13px !important;
  gap:10px !important;
  border-top:1px solid rgba(244,181,28,.20) !important;
  background:linear-gradient(180deg,rgba(3,32,18,.18),rgba(3,32,18,.40)) !important;
}

.cat-item{
  flex-basis:88px !important;
  height:108px !important;
  padding:6px !important;
  gap:4px !important;
  border-radius:12px !important;
}

.cat-img{
  width:72px !important;
  height:58px !important;
}

.cat-img img{
  width:70px !important;
  height:54px !important;
  max-width:70px !important;
  max-height:54px !important;
}

.cat-label{
  font-size:12.5px !important;
  line-height:1.05 !important;
}

/* Móvil: barra superior funcional y compacta */
@media(max-width:980px){
  .brand-row{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px 14px 8px !important;
  }

  .brand-left{
    justify-content:center !important;
  }

  .header-market-search{
    max-width:none !important;
    order:2;
  }

  .top-benefits{
    order:3;
    justify-content:center !important;
  }

  .top-benefits span.trust-mini{
    display:none !important;
  }

  .brand-title{
    font-size:28px !important;
  }

  .brand-logo{
    width:76px !important;
    height:54px !important;
  }

  .category-strip{
    padding:8px 12px 12px !important;
  }
}

@media(max-width:560px){
  .header-market-search{
    grid-template-columns:1fr 82px !important;
  }

  .header-market-search input{
    height:40px;
    font-size:13px;
  }

  .header-market-search button{
    height:40px;
    padding:0 10px;
    font-size:13px;
  }

  .top-benefits{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    width:100%;
  }

  .publish-top,
  .gold-top-btn,
  .account-btn{
    width:100% !important;
    font-size:12px !important;
    padding:10px 7px !important;
    text-align:center !important;
  }

  .cat-item{
    flex-basis:76px !important;
    height:98px !important;
  }

  .cat-img{
    width:62px !important;
    height:50px !important;
  }

  .cat-img img{
    width:60px !important;
    height:47px !important;
    max-width:60px !important;
    max-height:47px !important;
  }

  .cat-label{
    font-size:11.5px !important;
  }
}


/* Buscador duplicado: arriba y encima de Filtrar Búsqueda */
.bird-search-box{
  display:block !important;
  margin:0 0 10px !important;
  padding:10px !important;
  background:#f7fbf4 !important;
  border:1px solid #d7ead4 !important;
  border-radius:10px !important;
}

.bird-search-box label{
  display:block !important;
  margin:0 0 7px !important;
  color:#12351f !important;
  font-weight:950 !important;
  font-size:13px !important;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.bird-search-input{
  position:relative !important;
}

.bird-search-input input{
  width:100% !important;
  height:39px !important;
  border:1px solid #d9d9d4 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#142016 !important;
  padding:0 36px 0 11px !important;
  outline:none !important;
  font-weight:750 !important;
}

.bird-search-input input:focus{
  border-color:#0d6d38 !important;
  box-shadow:0 0 0 3px rgba(13,109,56,.12) !important;
}

.bird-search-input span{
  position:absolute !important;
  right:11px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#0d6d38 !important;
  font-weight:950 !important;
}

.search-btn-top{
  margin:0 0 14px !important;
}

.header-market-search{
  display:grid !important;
}


/* Se retira Gold de la barra superior para que el marketplace se vea gratis */
.gold-top-btn{
  display:none !important;
}

/* Mensaje sutil para vendedor: gratis primero, destacados después */
.plan-pill{
  background:#f7fbf4 !important;
  border:1px solid #d7ead4 !important;
}

.plan-pill strong{
  color:#064324 !important;
}

.subtle-feature,
.future-video-input,
.gold-only-note{
  display:none !important;
}

/* Al quitar Gold, los botones superiores respiran mejor */
@media(max-width:560px){
  .top-benefits{
    grid-template-columns:1fr 1fr !important;
  }
}


/* Título AvesMarketChile en amarillo en la barra superior */
.hero-header .brand-title{
  color:#f4b51c !important;
  text-shadow:0 8px 20px rgba(0,0,0,.35) !important;
}

.hero-header .brand-title .flag{
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.30)) !important;
}


/* Portal solo de venta: se elimina tipo de publicación */
.portal-sale-note{
  margin:14px 0 4px;
  padding:11px 12px;
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:10px;
  display:grid;
  gap:4px;
}

.portal-sale-note strong{
  color:#064324;
  font-weight:950;
  font-size:14px;
}

.portal-sale-note span{
  color:#5f6b61;
  font-size:12.5px;
  line-height:1.35;
}


/* Publicidad interna GallinaPro */
.gallinapro-ad{
  max-width:1180px;
  margin:16px auto;
  padding:15px 18px;
  background:
    linear-gradient(135deg,rgba(255,248,219,.96),rgba(255,255,255,.98));
  border:1px solid #efd681;
  border-radius:16px;
  box-shadow:0 12px 28px rgba(22,42,25,.10);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
}

.gallinapro-icon{
  width:54px;
  height:54px;
  border-radius:14px;
  background:linear-gradient(180deg,#f4b51c,#d8950b);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:29px;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.gallinapro-text{
  min-width:0;
}

.gallinapro-text span{
  display:block;
  color:#064324;
  font-weight:950;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:3px;
}

.gallinapro-text h2{
  margin:0 0 3px;
  color:#12351f;
  font-size:18px;
  line-height:1.18;
}

.gallinapro-text p{
  margin:0;
  color:#5f6b61;
  font-size:13.5px;
  line-height:1.35;
}

.gallinapro-ad button{
  border:0;
  border-radius:10px;
  background:linear-gradient(180deg,#07562f,#043f22);
  color:#fff;
  font-weight:950;
  padding:11px 14px;
  white-space:nowrap;
}

.gallinapro-home-ad{
  margin-top:14px;
  margin-bottom:8px;
}

.gallinapro-seller-ad{
  margin-top:0;
}

.gallinapro-detail-ad{
  margin-top:18px;
  margin-bottom:0;
}

@media(max-width:760px){
  .gallinapro-ad{
    margin:12px 12px;
    grid-template-columns:auto minmax(0,1fr);
  }

  .gallinapro-ad button{
    grid-column:1 / -1;
    width:100%;
  }

  .gallinapro-icon{
    width:46px;
    height:46px;
    font-size:24px;
  }

  .gallinapro-text h2{
    font-size:16px;
  }

  .gallinapro-text p{
    font-size:12.5px;
  }
}


/* Recuadros de confianza movidos abajo de las publicaciones */
.trust-grid-bottom{
  margin-top:22px !important;
  margin-bottom:8px !important;
}

.trust-grid-bottom article{
  min-height:auto !important;
}

/* Evita que quede espacio vacío arriba donde antes estaban los recuadros */
.content > .section-title:first-child{
  margin-top:0 !important;
}


/* Publicidad GallinaPro más compacta y alineada al ancho de contenido */
.gallinapro-ad{
  width:min(100%, calc(100% - 32px)) !important;
  max-width:1180px !important;
  margin:10px auto !important;
  padding:9px 12px !important;
  border-radius:12px !important;
  grid-template-columns:38px minmax(0,1fr) auto !important;
  gap:10px !important;
  box-shadow:0 8px 18px rgba(22,42,25,.08) !important;
}

.gallinapro-icon{
  width:38px !important;
  height:38px !important;
  border-radius:10px !important;
  font-size:21px !important;
  box-shadow:0 5px 12px rgba(0,0,0,.10) !important;
}

.gallinapro-text span{
  font-size:10.5px !important;
  margin-bottom:1px !important;
}

.gallinapro-text h2{
  font-size:14.5px !important;
  line-height:1.12 !important;
  margin:0 0 2px !important;
}

.gallinapro-text p{
  font-size:11.5px !important;
  line-height:1.22 !important;
  margin:0 !important;
}

.gallinapro-ad button{
  padding:8px 10px !important;
  border-radius:8px !important;
  font-size:12px !important;
  min-height:34px !important;
}

/* En inicio queda visualmente del ancho de la zona del marketplace */
.gallinapro-home-ad{
  margin-top:10px !important;
  margin-bottom:10px !important;
}

/* En publicar y detalle, compacto para no quitar protagonismo al formulario/publicación */
.gallinapro-seller-ad,
.gallinapro-detail-ad{
  margin-top:12px !important;
  margin-bottom:12px !important;
}

/* Móvil: banner compacto, sin ocupar demasiado alto */
@media(max-width:760px){
  .gallinapro-ad{
    width:calc(100% - 24px) !important;
    margin:8px 12px !important;
    padding:8px 10px !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:8px !important;
  }

  .gallinapro-icon{
    width:34px !important;
    height:34px !important;
    font-size:18px !important;
  }

  .gallinapro-text span{
    font-size:9.8px !important;
  }

  .gallinapro-text h2{
    font-size:13px !important;
  }

  .gallinapro-text p{
    font-size:11px !important;
  }

  .gallinapro-ad button{
    grid-column:1 / -1 !important;
    width:100% !important;
    padding:7px 10px !important;
    min-height:32px !important;
  }
}


/* Panel Mi Cuenta: pedidos, deseos y datos de transferencia */
.account-body{
  background:#f8f7f2;
}

.account-wrap{
  max-width:1180px;
  margin:22px auto 38px;
  padding:0 18px;
}

.account-hero{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}

.account-hero span{
  color:#064324;
  font-weight:950;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.05em;
}

.account-hero h1{
  margin:5px 0 6px;
  color:#12351f;
  font-size:34px;
}

.account-hero p{
  margin:0;
  color:#5f6b61;
  line-height:1.45;
}

.account-status{
  background:#f7fbf4;
  border:1px solid #d7ead4;
  color:#064324;
  border-radius:12px;
  padding:12px;
  font-weight:850;
  min-width:240px;
  text-align:center;
}

.account-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.account-tabs button{
  border:1px solid #d9d9d4;
  background:#fff;
  color:#12351f;
  border-radius:10px;
  padding:11px 13px;
  font-weight:950;
}

.account-tabs button.active{
  background:#064324;
  color:#fff;
  border-color:#064324;
}

.account-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}

.account-panel-head h2{
  margin:0 0 5px;
  color:#12351f;
}

.account-panel-head p{
  margin:0 0 14px;
  color:#5f6b61;
}

.account-list{
  display:grid;
  gap:10px;
}

.account-item,
.wishlist-item{
  border:1px solid #e3e1d6;
  border-radius:12px;
  padding:12px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  background:#fbfbf7;
}

.account-item strong,
.wishlist-item strong{
  color:#12351f;
  font-size:15px;
}

.account-item small,
.wishlist-item small{
  display:block;
  color:#647068;
  margin-top:4px;
}

.account-item-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.account-item-actions button{
  border:1px solid #d9d9d4;
  border-radius:8px;
  background:#fff;
  color:#064324;
  font-weight:900;
  padding:9px 10px;
}

.account-item-actions button.primary{
  background:#064324;
  color:#fff;
  border-color:#064324;
}

.account-empty{
  border:1px dashed #d8d5c8;
  border-radius:12px;
  padding:18px;
  text-align:center;
  color:#647068;
  background:#fbfbf7;
}

.wishlist-item{
  grid-template-columns:74px 1fr auto;
}

.wishlist-img{
  width:74px;
  height:58px;
  border-radius:9px;
  background:center/cover no-repeat #eef1e8;
  border:1px solid #e3e1d6;
}

.bank-form{
  display:grid;
  gap:10px;
}

.bank-form label{
  font-weight:900;
  color:#12351f;
}

.bank-form input,
.bank-form select{
  width:100%;
  border:1px solid #d9d9d4;
  border-radius:9px;
  padding:12px;
  background:#fff;
}

.bank-form button{
  border:0;
  border-radius:10px;
  background:linear-gradient(180deg,#07562f,#043f22);
  color:#fff;
  font-weight:950;
  padding:13px 16px;
  margin-top:6px;
}

.bank-note{
  background:#fff8db;
  border:1px solid #efd681;
  color:#55450b;
  border-radius:10px;
  padding:10px 12px;
  line-height:1.42;
  font-size:14px;
}

.heart.active{
  background:#f4b51c !important;
  color:#102314 !important;
}

@media(max-width:760px){
  .account-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .account-status{
    width:100%;
    min-width:0;
  }

  .account-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .account-item,
  .wishlist-item{
    grid-template-columns:1fr;
  }

  .wishlist-img{
    width:100%;
    height:150px;
  }

  .account-item-actions{
    justify-content:stretch;
  }

  .account-item-actions button{
    flex:1;
  }
}


/* Ajuste iconos barra aves: Palomas y Otras Aves al mismo tamaño visual */
.cat-palomas .cat-img img,
.cat-otras-aves .cat-img img{
  width:82px !important;
  height:66px !important;
  max-width:82px !important;
  max-height:66px !important;
  object-fit:contain !important;
  transform:scale(1.18);
  transform-origin:center center;
}

/* En la barra marketplace compacta también deben verse proporcionales */
@media(min-width:761px){
  .cat-palomas .cat-img,
  .cat-otras-aves .cat-img{
    width:78px !important;
    height:62px !important;
  }
}

/* Móvil: crecer un poco sin salirse del recuadro */
@media(max-width:760px){
  .cat-palomas .cat-img img,
  .cat-otras-aves .cat-img img{
    width:68px !important;
    height:54px !important;
    max-width:68px !important;
    max-height:54px !important;
    transform:scale(1.12);
  }
}


/* Centrar opciones de aves en escritorio */
@media(min-width:1100px){
  .category-strip{
    justify-content:center !important;
  }
}

/* En pantallas medianas y celulares se mantiene desplazable desde la izquierda */
@media(max-width:1099px){
  .category-strip{
    justify-content:flex-start !important;
  }
}


/* Corrección móvil: mantener visible Iniciar sesión / Mi Cuenta */
@media(max-width:980px){
  .top-benefits{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:8px !important;
    order:3 !important;
    justify-content:stretch !important;
    align-items:stretch !important;
  }

  .top-benefits .trust-mini,
  .top-benefits span.trust-mini{
    display:none !important;
  }

  .publish-top,
  .account-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:40px !important;
    border-radius:10px !important;
    font-size:13px !important;
    padding:10px 8px !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .account-btn{
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.20) !important;
    color:#fff !important;
    font-weight:950 !important;
  }

  .account-btn.logged{
    background:rgba(244,181,28,.18) !important;
    color:#fff !important;
  }
}

/* En celulares muy angostos mantiene Publicar y Mi Cuenta en dos botones visibles */
@media(max-width:560px){
  .top-benefits{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  .publish-top,
  .account-btn{
    font-size:12px !important;
    min-height:38px !important;
  }
}


/* Paginación / Ver más publicaciones */
.market-pagination{
  margin:18px 0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  padding:14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 8px 18px rgba(22,42,25,.08);
}

.market-pagination span{
  color:#5f6b61;
  font-weight:850;
  font-size:13px;
}

.market-pagination button{
  border:0;
  border-radius:10px;
  background:linear-gradient(180deg,#07562f,#043f22);
  color:#fff;
  font-weight:950;
  padding:11px 16px;
}

@media(max-width:760px){
  .market-pagination{
    margin:14px 0 6px;
    padding:12px;
  }

  .market-pagination button{
    width:100%;
  }
}


/* Mi Cuenta: Mis publicaciones del vendedor */
.my-publication-item{
  border:1px solid #e3e1d6;
  border-radius:12px;
  padding:12px;
  display:grid;
  grid-template-columns:92px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  background:#fbfbf7;
}

.my-publication-img{
  width:92px;
  height:72px;
  border-radius:10px;
  background:center/cover no-repeat #eef1e8;
  border:1px solid #e3e1d6;
}

.my-publication-info{
  min-width:0;
}

.my-publication-info strong{
  display:block;
  color:#12351f;
  font-size:15px;
  margin-bottom:3px;
}

.my-publication-info small{
  display:block;
  color:#647068;
  margin-top:3px;
  line-height:1.25;
}

.my-publication-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
  max-width:360px;
}

.my-publication-actions button{
  border:1px solid #d9d9d4;
  border-radius:8px;
  background:#fff;
  color:#064324;
  font-weight:900;
  padding:8px 9px;
  font-size:12px;
}

.my-publication-actions button.danger{
  color:#8a1f1f;
  border-color:#e7b5b5;
  background:#fff7f7;
}

@media(max-width:820px){
  .my-publication-item{
    grid-template-columns:84px 1fr;
  }

  .my-publication-actions{
    grid-column:1 / -1;
    justify-content:stretch;
    max-width:none;
  }

  .my-publication-actions button{
    flex:1 1 42%;
  }
}

@media(max-width:560px){
  .my-publication-item{
    grid-template-columns:1fr;
  }

  .my-publication-img{
    width:100%;
    height:160px;
  }
}


/* Datos de transferencia: selector de bancos */
.bank-other-wrap{
  margin-top:8px;
}

.bank-form select#bankName{
  cursor:pointer;
}

.bank-form select#bankName:focus,
.bank-form input#bankOther:focus{
  border-color:#0d6d38;
  box-shadow:0 0 0 3px rgba(13,109,56,.12);
  outline:none;
}


/* BancoEstado: Cuenta RUT automática */
.bank-type-note{
  display:block;
  margin-top:6px;
  color:#064324;
  font-size:12px;
  font-weight:850;
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:8px;
  padding:7px 9px;
}

.bank-type-note:empty,
.bank-type-note[hidden]{
  display:none !important;
}


/* BancoEstado: Cuenta RUT solo aparece con BancoEstado */
.bank-type-note{
  display:block;
  margin-top:6px;
  color:#064324;
  font-size:12px;
  font-weight:850;
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:8px;
  padding:7px 9px;
}

.bank-type-note:empty,
.bank-type-note[hidden]{
  display:none !important;
}


/* Vistas de publicación */
.pub-views-line{
  font-weight:950;
  color:#064324;
}

.my-publication-info small:nth-of-type(3){
  color:#064324;
  font-weight:850;
}


/* Panel Administrador */
.admin-body{
  background:#f8f7f2;
}

.admin-wrap{
  max-width:1240px;
  margin:22px auto 38px;
  padding:0 18px;
}

.admin-hero{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}

.admin-hero span{
  color:#064324;
  font-weight:950;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.05em;
}

.admin-hero h1{
  margin:5px 0 6px;
  color:#12351f;
  font-size:34px;
}

.admin-hero p{
  margin:0;
  color:#5f6b61;
  line-height:1.45;
}

.admin-status{
  background:#f7fbf4;
  border:1px solid #d7ead4;
  color:#064324;
  border-radius:12px;
  padding:12px;
  font-weight:850;
  min-width:260px;
  text-align:center;
}

.admin-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.admin-tabs button{
  border:1px solid #d9d9d4;
  background:#fff;
  color:#12351f;
  border-radius:10px;
  padding:11px 13px;
  font-weight:950;
}

.admin-tabs button.active{
  background:#064324;
  color:#fff;
  border-color:#064324;
}

.admin-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}

.admin-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.admin-panel-head h2{
  margin:0 0 5px;
  color:#12351f;
}

.admin-panel-head p{
  margin:0;
  color:#5f6b61;
}

.admin-panel-head > button,
.admin-filter-row button{
  border:0;
  border-radius:10px;
  background:#064324;
  color:#fff;
  font-weight:950;
  padding:10px 14px;
}

.admin-filter-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.admin-filter-row input,
.admin-filter-row select,
.admin-panel-head input{
  border:1px solid #d9d9d4;
  border-radius:9px;
  padding:10px 12px;
  background:#fff;
}

.admin-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.admin-summary-grid article{
  background:#f7fbf4;
  border:1px solid #d7ead4;
  border-radius:14px;
  padding:16px;
  display:grid;
  gap:6px;
}

.admin-summary-grid span{
  color:#5f6b61;
  font-weight:850;
}

.admin-summary-grid strong{
  color:#064324;
  font-size:30px;
}

.admin-list{
  display:grid;
  gap:10px;
}

.admin-item{
  border:1px solid #e3e1d6;
  border-radius:12px;
  padding:12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  background:#fbfbf7;
}

.admin-publication-item{
  grid-template-columns:92px minmax(0,1fr) auto;
}

.admin-thumb{
  width:92px;
  height:72px;
  border-radius:10px;
  background:center/cover no-repeat #eef1e8;
  border:1px solid #e3e1d6;
}

.admin-item-main{
  min-width:0;
}

.admin-item-main strong{
  display:block;
  color:#12351f;
  font-size:15px;
  margin-bottom:4px;
}

.admin-item-main small{
  display:block;
  color:#647068;
  line-height:1.25;
  margin-top:3px;
  word-break:break-word;
}

.admin-item-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
  max-width:390px;
}

.admin-item-actions button{
  border:1px solid #d9d9d4;
  border-radius:8px;
  background:#fff;
  color:#064324;
  font-weight:900;
  padding:8px 9px;
  font-size:12px;
}

.admin-item-actions button.danger{
  color:#8a1f1f;
  border-color:#e7b5b5;
  background:#fff7f7;
}

.admin-empty,
.admin-locked{
  border:1px dashed #d8d5c8;
  border-radius:12px;
  padding:18px;
  text-align:center;
  color:#647068;
  background:#fbfbf7;
}

.admin-locked h2{
  color:#12351f;
  margin:0 0 8px;
}

.admin-auth-note{
  color:#647068;
  font-size:13px;
  line-height:1.35;
}

@media(max-width:860px){
  .admin-hero,
  .admin-panel-head{
    flex-direction:column;
  }

  .admin-status{
    width:100%;
    min-width:0;
  }

  .admin-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .admin-item,
  .admin-publication-item{
    grid-template-columns:1fr;
  }

  .admin-thumb{
    width:100%;
    height:160px;
  }

  .admin-item-actions{
    justify-content:stretch;
    max-width:none;
  }

  .admin-item-actions button{
    flex:1 1 42%;
  }
}

@media(max-width:560px){
  .admin-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .admin-summary-grid{
    grid-template-columns:1fr;
  }
}


/* Cerrar sesión como texto/botón pequeño en amarillo */
.logout-mini{
  border:0 !important;
  background:transparent !important;
  color:#f4b51c !important;
  font-weight:950 !important;
  font-size:12px !important;
  padding:4px 6px !important;
  min-height:auto !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
  box-shadow:none !important;
  cursor:pointer;
}

.logout-mini:hover{
  color:#ffd75d !important;
}

#accountLoginBtn:disabled{
  opacity:1 !important;
  cursor:default !important;
}


/* Cuenta superior: cerrar sesión debajo del inicio de sesión / Mi Cuenta */
.account-menu-mini{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:2px !important;
}

.account-menu-mini > button:not(.logout-mini){
  width:100% !important;
}

.account-menu-mini .logout-mini{
  display:block !important;
  width:auto !important;
  margin-top:1px !important;
  padding:0 4px !important;
  font-size:11px !important;
  line-height:1.15 !important;
  color:#f4b51c !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

.account-menu-mini .logout-mini[hidden]{
  display:none !important;
}

@media(max-width:760px){
  .account-menu-mini{
    width:100% !important;
  }

  .account-menu-mini .logout-mini{
    font-size:10.5px !important;
  }
}


/* Corrección final: "Cerrar sesión" visible debajo del botón de cuenta */
.pub-actions-top{
  overflow:visible !important;
  align-items:flex-start !important;
}

.account-menu-mini{
  position:relative !important;
  z-index:80 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:3px !important;
  min-width:118px !important;
  overflow:visible !important;
}

.account-menu-mini .account-main-btn,
.account-menu-mini > button:not(.logout-mini){
  width:100% !important;
  position:relative !important;
  z-index:2 !important;
}

.account-menu-mini .logout-mini,
.account-menu-mini .logout-under{
  position:relative !important;
  z-index:3 !important;
  display:block;
  width:100% !important;
  text-align:center !important;
  margin:0 !important;
  padding:2px 0 0 !important;
  min-height:14px !important;
  line-height:14px !important;
  font-size:11px !important;
  font-weight:950 !important;
  color:#f4b51c !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  cursor:pointer !important;
}

.account-menu-mini .logout-mini[hidden],
.account-menu-mini .logout-under[hidden]{
  display:none !important;
}

@media(max-width:760px){
  .pub-actions-top{
    gap:8px !important;
  }

  .account-menu-mini{
    min-width:0 !important;
    width:100% !important;
  }

  .account-menu-mini .logout-mini,
  .account-menu-mini .logout-under{
    font-size:10.5px !important;
    line-height:13px !important;
  }
}


/* Corrección exhaustiva: Cerrar sesión visible también en barra principal */
.top-account-menu{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:2px !important;
  min-width:118px !important;
  overflow:visible !important;
  position:relative !important;
  z-index:200 !important;
}

.top-account-menu .account-btn{
  width:100% !important;
}

.account-menu-mini .logout-mini:not([hidden]),
.top-account-menu .logout-mini:not([hidden]){
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

.top-benefits{
  overflow:visible !important;
}

.hero-header,
.brand-row{
  overflow:visible !important;
}

@media(max-width:980px){
  .top-account-menu{
    width:100% !important;
    min-width:0 !important;
  }

  .top-benefits .top-account-menu{
    display:flex !important;
  }
}

@media(max-width:560px){
  .top-benefits{
    grid-template-columns:1fr 1fr !important;
  }

  .top-account-menu{
    grid-column:auto !important;
  }
}


/* Botón Descargar App al lado izquierdo de "Todas" */
.cat-download-app{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.18),transparent 45%),
    linear-gradient(180deg,#f4b51c,#d8950b) !important;
  border:2px solid #ffe08a !important;
  color:#102314 !important;
  flex-basis:96px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 10px 22px rgba(0,0,0,.18) !important;
}

.cat-download-app:hover{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.22),transparent 45%),
    linear-gradient(180deg,#ffd152,#e6a30c) !important;
  transform:translateY(-1px);
}

.cat-download-app .cat-img{
  background:rgba(255,255,255,.18) !important;
  border-radius:12px !important;
}

.cat-download-app .cat-app-icon{
  font-size:34px;
  line-height:1;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));
}

.cat-download-app .cat-label{
  color:#102314 !important;
  font-weight:950 !important;
}

.cat-download-app small{
  display:block;
  font-size:9.5px;
  font-weight:950;
  line-height:1;
  color:#3b2e05;
  margin-top:-2px;
}

/* En celular queda como primer botón deslizable */
@media(max-width:760px){
  .cat-download-app{
    flex-basis:82px !important;
  }

  .cat-download-app .cat-app-icon{
    font-size:28px;
  }

  .cat-download-app small{
    font-size:8.8px;
  }
}


/* Celular: quitar filtros laterales y dejar solo Buscar ave */
@media(max-width:760px){
  .page{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .filters{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:10px 12px !important;
    border-radius:12px !important;
    position:static !important;
  }

  /* Oculta todos los filtros en celular */
  .filters > *{
    display:none !important;
  }

  /* Deja visible solo el buscador de ave */
  .filters .bird-search-box{
    display:block !important;
    margin:0 !important;
    padding:9px 10px !important;
  }

  .filters .bird-search-box label,
  .filters .bird-search-input,
  .filters .bird-search-input input,
  .filters .bird-search-input span{
    display:block !important;
  }

  .filters .bird-search-input{
    position:relative !important;
  }

  .filters .bird-search-input input{
    height:42px !important;
    font-size:14px !important;
  }

  .filters .bird-search-input span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Publicaciones más grandes en celular */
  .cards{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .card{
    border-radius:14px !important;
  }

  .card-photo{
    height:210px !important;
  }

  .card-body{
    padding:12px 13px !important;
  }

  .card-title{
    font-size:16px !important;
    line-height:1.25 !important;
  }

  .price{
    font-size:18px !important;
  }

  .card-location{
    font-size:12.5px !important;
  }

  .badge,
  .video-badge{
    font-size:11px !important;
    padding:5px 8px !important;
  }

  .heart{
    width:30px !important;
    height:30px !important;
    font-size:18px !important;
  }

  .market-pagination{
    margin-top:14px !important;
  }
}

/* Celulares muy pequeños */
@media(max-width:390px){
  .card-photo{
    height:190px !important;
  }
}


/* Mis publicaciones: botón Renovar publicación */
.renew-info{
  color:#064324 !important;
  font-weight:850 !important;
}

.my-publication-actions .renew-btn{
  background:#fff8db !important;
  border-color:#efd681 !important;
  color:#4a3900 !important;
}

.my-publication-actions .renew-btn:disabled{
  opacity:.48 !important;
  cursor:not-allowed !important;
  background:#f0eee5 !important;
  color:#777 !important;
  border-color:#ddd8c8 !important;
}


/* Admin revisión de publicaciones */
.admin-uid-box{
  margin:12px auto 8px;
  padding:10px;
  background:#fff8db;
  border:1px solid #efd681;
  border-radius:10px;
  display:grid;
  gap:6px;
  max-width:520px;
  text-align:left;
}

.admin-uid-box code{
  display:block;
  word-break:break-all;
  background:#fff;
  border:1px solid #e6dba8;
  border-radius:8px;
  padding:8px;
  color:#12351f;
  font-weight:850;
}

.admin-uid-box button{
  border:0;
  border-radius:8px;
  background:#064324;
  color:#fff;
  font-weight:950;
  padding:8px 10px;
}

.admin-help-small{
  font-size:12.5px;
  color:#647068;
}

.admin-item-actions button.approve{
  background:#064324 !important;
  color:#fff !important;
  border-color:#064324 !important;
}


/* Estado eliminado / acciones de eliminación */
.admin-item-actions button.danger,
.my-publication-actions button.danger{
  font-weight:950 !important;
}

/* Herramienta admin: eliminar por ID */
.admin-delete-tool{
  display:flex;
  gap:8px;
  width:100%;
  margin-top:8px;
}
.admin-delete-tool input{
  flex:1;
  border:1px solid #d9d9d4;
  border-radius:9px;
  padding:10px 12px;
  background:#fff;
}
.admin-delete-tool button.danger{
  border:1px solid #e7b5b5;
  background:#fff7f7;
  color:#8a1f1f;
  border-radius:9px;
  font-weight:950;
  padding:10px 12px;
}
@media(max-width:760px){
  .admin-delete-tool{ flex-direction:column; }
}


/* ID real vs ID antiguo en admin */
.admin-item-main small{
  overflow-wrap:anywhere;
}


/* Auditoría admin y motivo de rechazo */
.admin-audit-line{
  color:#705400 !important;
  background:#fff8db;
  border:1px solid #efd681;
  border-radius:8px;
  padding:6px 8px;
  margin-top:6px !important;
}

.renew-info{
  overflow-wrap:anywhere;
}


/* Admin: modal motivo de rechazo */
.admin-reject-modal textarea{
  width:100%;
  min-height:120px;
  resize:vertical;
  border:1px solid #d9d9d4;
  border-radius:10px;
  padding:11px 12px;
  font-family:inherit;
  font-size:14px;
  line-height:1.35;
  background:#fff;
  box-sizing:border-box;
}

.admin-reject-modal textarea:focus{
  border-color:#064324;
  box-shadow:0 0 0 3px rgba(6,67,36,.12);
  outline:none;
}

.admin-reject-modal form{
  display:grid;
  gap:10px;
}

.admin-reject-modal form button[type="submit"]{
  border:0;
  border-radius:10px;
  background:#064324;
  color:#fff;
  font-weight:950;
  padding:11px 14px;
}


/* Mi Cuenta: editar descripción de publicación */
.account-description-modal textarea{
  width:100%;
  min-height:150px;
  resize:vertical;
  border:1px solid #d9d9d4;
  border-radius:10px;
  padding:11px 12px;
  font-family:inherit;
  font-size:14px;
  line-height:1.35;
  background:#fff;
  box-sizing:border-box;
}

.account-description-modal textarea:focus{
  border-color:#064324;
  box-shadow:0 0 0 3px rgba(6,67,36,.12);
  outline:none;
}

.account-description-modal form{
  display:grid;
  gap:10px;
}

.account-description-modal form button[type="submit"]{
  border:0;
  border-radius:10px;
  background:#064324;
  color:#fff;
  font-weight:950;
  padding:11px 14px;
}

.account-description-note{
  color:#55615a;
  font-size:13px;
  margin-top:-4px;
}

.account-description-counter{
  color:#6d746f;
  text-align:right;
  font-weight:800;
}


/* Notificaciones */
.notif-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  margin-left:4px;
  border-radius:999px;
  background:#d62828;
  color:#fff;
  font-size:11px;
  font-weight:950;
  line-height:1;
}

.notification-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid #e5e0cf;
  background:#fff;
  border-radius:12px;
  padding:12px;
}

.notification-item.unread{
  border-color:#efd681;
  background:#fffdf2;
}

.notification-icon{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff3bd;
  border:1px solid #efd681;
}

.notification-main{
  min-width:0;
}

.notification-main strong{
  display:block;
  color:#12351f;
  margin-bottom:4px;
}

.notification-main p{
  margin:0 0 4px;
  color:#37423b;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.notification-main small{
  color:#647068;
}

.account-panel-head > button,
.admin-panel-head > button{
  border:0;
  border-radius:10px;
  background:#064324;
  color:#fff;
  font-weight:950;
  padding:10px 14px;
}

@media(max-width:760px){
  .notification-item{
    grid-template-columns:32px 1fr;
  }

  .notification-item .account-item-actions,
  .notification-item .admin-item-actions{
    grid-column:1 / -1;
    width:100%;
    justify-content:stretch;
  }

  .notification-item .account-item-actions button,
  .notification-item .admin-item-actions button{
    flex:1;
  }
}


/* Campanita de notificaciones en barra superior */
.header-notif-wrap{
  position:relative;
  display:flex;
  align-items:center;
}

.notif-bell-btn{
  position:relative;
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(255,255,255,.12);
  color:#fff6d6;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.notif-bell-btn:hover,
.notif-bell-btn:focus-visible{
  transform:translateY(-1px);
  background:rgba(255,255,255,.2);
  border-color:rgba(255,255,255,.42);
  outline:none;
}

.notif-bell-icon{
  font-size:22px;
  line-height:1;
}

.notif-badge-header{
  position:absolute;
  top:6px;
  right:4px;
  margin-left:0;
  box-shadow:0 3px 8px rgba(0,0,0,.18);
}

.header-notif-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(370px, calc(100vw - 24px));
  background:#fff;
  border:1px solid #eadfb9;
  border-radius:18px;
  box-shadow:0 22px 46px rgba(0,0,0,.18);
  overflow:hidden;
  z-index:120;
}

.header-notif-header,
.header-notif-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  background:#fff9e7;
}

.header-notif-header{
  border-bottom:1px solid #f1e4bc;
}

.header-notif-header strong{
  color:#153a24;
  font-size:15px;
}

.header-notif-close,
.header-notif-link{
  border:0;
  border-radius:10px;
  background:#0d5a33;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

.header-notif-close{
  width:34px;
  height:34px;
  font-size:18px;
}

.header-notif-link{
  padding:10px 14px;
}

.header-notif-list{
  max-height:420px;
  overflow:auto;
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
  background:#fff;
}

.header-notif-empty{
  padding:22px 14px;
  text-align:center;
  color:#5e6a63;
  font-weight:700;
}

.header-notif-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:12px;
  border:1px solid #ece2c4;
  border-radius:14px;
  background:#fff;
}

.header-notif-item.unread{
  background:#fffdf4;
  border-color:#f0d981;
}

.header-notif-avatar{
  width:36px;
  height:36px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff2bf;
  border:1px solid #edd57f;
  font-size:18px;
}

.header-notif-content{
  min-width:0;
}

.header-notif-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:4px;
}

.header-notif-title strong{
  color:#14361f;
  font-size:14px;
}

.header-notif-title small,
.header-notif-content p,
.header-notif-meta{
  color:#5c6a62;
}

.header-notif-content p{
  margin:0 0 8px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.header-notif-meta{
  margin:0 0 10px;
  font-size:12px;
  font-weight:800;
}

.header-notif-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.header-notif-actions button{
  border:0;
  border-radius:10px;
  padding:9px 12px;
  font-weight:900;
  cursor:pointer;
}

.header-notif-actions .primary{
  background:#f1b455;
  color:#25311c;
}

.header-notif-actions .secondary{
  background:#eef4ef;
  color:#154229;
}

@media(max-width:760px){
  .header-notif-dropdown{
    right:-12px;
    width:min(360px, calc(100vw - 16px));
  }

  .notif-bell-btn{
    width:44px;
    height:44px;
    border-radius:12px;
  }
}


/* Campanita también en página de publicación */
.pub-notif-wrap{
  z-index:140;
}

.pub-notif-dropdown{
  right:0;
}

@media(max-width:760px){
  .pub-actions-top{
    gap:8px;
    flex-wrap:wrap;
  }

  .pub-notif-dropdown{
    right:-86px;
  }
}


/* === AvesMarketChile profesional pro_marketplace_20260511 === */
.top-benefits,
.hero-header,
.brand-row{overflow:visible!important;}
.header-notif-wrap{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:500!important;min-width:48px!important;}
.notif-bell-btn{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;}
@media(max-width:1100px){
  .top-benefits{display:grid!important;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr)!important;width:100%!important;gap:8px!important;align-items:start!important;}
  .top-benefits .trust-mini{display:none!important;}
  .header-notif-wrap{grid-column:auto!important;width:50px!important;}
  .top-account-menu{width:100%!important;min-width:0!important;}
}
@media(max-width:560px){.top-benefits{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)!important;}.notif-bell-btn{width:44px!important;height:44px!important;}}
.card-meta-line{font-size:12px;color:#68766d;font-weight:800;margin-top:4px;line-height:1.25;}
.market-help-links{display:grid;gap:8px;margin-top:14px;}
.market-help-links a{display:block;text-decoration:none;color:#153a24;background:#fff8df;border:1px solid #ead690;border-radius:12px;padding:10px 12px;font-weight:900;}
.publish-pro-fields{border:1px solid #eadfb9;background:#fffdf3;border-radius:18px;padding:16px;margin:16px 0;}
.publish-pro-fields h3{margin:0 0 4px;color:#14361f;}
.publish-pro-fields p{margin:0 0 12px;color:#68766d;font-weight:700;}
.norms-check{display:flex!important;gap:10px;align-items:flex-start;background:#f6fbf6;border:1px solid #d6e8d7;border-radius:14px;padding:12px!important;margin:12px 0!important;font-weight:800;color:#1d432a;}
.norms-check input{width:auto!important;margin-top:4px;}
.professional-note{display:grid;gap:4px;background:#fff9e7;border:1px solid #ecdba1;border-radius:14px;padding:12px;margin-top:10px;}
.professional-note strong{color:#14361f;}
.professional-note span{color:#526056;}
.report-btn{background:#fff0f0!important;color:#8a1c1c!important;border:1px solid #f0b6b6!important;}
.report-modal select,.report-modal textarea{width:100%;margin-bottom:10px;}
.seller-dashboard-grid,.admin-summary-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));}
.seller-dashboard-grid{display:grid;gap:12px;}
.seller-dashboard-grid article{background:#fff;border:1px solid #eadfb9;border-radius:16px;padding:14px;box-shadow:0 8px 18px rgba(0,0,0,.05);}
.seller-dashboard-grid span{display:block;color:#68766d;font-weight:800;font-size:13px;}
.seller-dashboard-grid strong{display:block;margin-top:6px;color:#14361f;font-size:26px;}
.seller-dashboard-note,.verification-status-box{margin-top:12px;color:#5b675e;font-weight:800;}
.verification-form,.bank-form{max-width:920px;}
.verification-pending,.verification-aprobado,.verification-rechazado{border-radius:14px;padding:12px;border:1px solid #eadfb9;background:#fffdf3;}
.seller-profile-shell,.legal-wrap{max-width:1100px;margin:24px auto;padding:0 18px;}
.seller-public-card{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #eadfb9;border-radius:22px;padding:22px;box-shadow:0 18px 40px rgba(0,0,0,.08);}
.seller-avatar-xl{width:86px;height:86px;border-radius:999px;background:#f4b51c;color:#17341f;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:950;}
.seller-public-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.seller-public-stats span{background:#f6fbf6;border:1px solid #d9eadb;border-radius:999px;padding:8px 10px;font-weight:900;color:#204a2d;}
.legal-wrap{background:#fff;border:1px solid #eadfb9;border-radius:22px;padding:24px;line-height:1.55;}
.legal-wrap h1,.legal-wrap h2{color:#14361f;}
.report-item.unread,.verification-item.unread{border-color:#f0d981;background:#fffdf4;}
@media(max-width:640px){.seller-public-card{align-items:flex-start;flex-direction:column;}}


/* Verificación con documentos privados */
.verification-doc-box{
  margin:16px 0;
  padding:16px;
  border:1px solid #eadfb9;
  border-radius:18px;
  background:#fffaf0;
}
.verification-doc-box h3{
  margin:0 0 6px;
  color:#14361f;
}
.verification-doc-box p,
.verification-doc-box small{
  color:#5f6b62;
  font-weight:700;
}
.verification-doc-box input[type="file"]{
  width:100%;
  padding:12px;
  border:1px dashed #d3bd75;
  border-radius:14px;
  background:#fff;
}
.verification-files-status{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.verification-file-pill{
  border:1px solid #e7d6a2;
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  font-weight:900;
  color:#1e412b;
}
.verification-file-pill.missing{
  color:#7a2c14;
  background:#fff3ee;
  border-color:#e7b09b;
}
.verification-doc-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.verification-doc-actions button{
  border:0;
  border-radius:10px;
  padding:9px 12px;
  font-weight:900;
  cursor:pointer;
  background:#eef4ef;
  color:#154229;
}
.verification-doc-actions button.primary{
  background:#f1b455;
  color:#25311c;
}
@media(max-width:760px){
  .verification-files-status{grid-template-columns:1fr;}
}