:root{
  --go-yellow:#fff200;
  --go-blue:#0088ff;
  --go-navy:#071527;
  --go-soft:#f5f8fc;
  --go-border:#e3eaf3;
  --go-muted:#667085;
}

.publish-shell{max-width:1050px;margin:0 auto}
.publish-card{background:#fff;border:1px solid var(--go-border);border-radius:28px;padding:34px;box-shadow:0 18px 48px rgba(7,21,39,.08)}
.publish-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}
.publish-intro-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:rgba(0,136,255,.10);color:var(--go-blue);font-size:1.7rem;flex:0 0 auto}
.required-star{color:#dc3545;font-weight:900}

.form-section{border:1px solid var(--go-border);border-radius:22px;padding:24px;margin-top:20px;background:#fff}
.form-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.form-section-title i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--go-soft);color:var(--go-blue);font-size:1.1rem}
.form-section-title h2{font-size:1.05rem;margin:0;font-weight:800}
.form-section-title small{display:block;color:var(--go-muted);font-weight:400;margin-top:2px}

.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.category-option{position:relative}
.category-option input{position:absolute;opacity:0;pointer-events:none}
.category-tile{position:relative;min-height:132px;border:2px solid var(--go-border);border-radius:20px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fff;transition:.22s ease;outline:none}
.category-tile:hover,.category-tile:focus-visible{transform:translateY(-4px);border-color:var(--go-blue);box-shadow:0 14px 30px rgba(0,136,255,.12)}
.category-option input:checked + .category-tile{background:var(--go-navy);border-color:var(--go-navy);color:#fff;box-shadow:0 16px 36px rgba(7,21,39,.22);transform:translateY(-3px)}
.category-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(0,136,255,.10);color:var(--go-blue);font-size:1.45rem;margin-bottom:10px}
.category-option input:checked + .category-tile .category-icon{background:var(--go-yellow);color:var(--go-navy)}
.category-name{font-weight:850;font-size:.92rem;line-height:1.15}
.category-info{position:absolute;right:10px;top:9px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--go-soft);color:var(--go-muted);font-size:.78rem}
.category-option input:checked + .category-tile .category-info{background:rgba(255,255,255,.14);color:#fff}

.category-tooltip{position:absolute;z-index:50;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(5px);width:260px;padding:12px 14px;border-radius:14px;background:var(--go-navy);color:#fff;font-size:.82rem;line-height:1.4;box-shadow:0 16px 40px rgba(0,0,0,.25);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.category-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:var(--go-navy)}
.category-tile:hover .category-tooltip,.category-tile:focus-visible .category-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

.category-selected-alert{display:none;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;border-radius:16px;background:#eef8ff;border:1px solid #cce9ff;color:#164b73}
.category-selected-alert.show{display:flex}
.category-selected-alert i{font-size:1.15rem;color:var(--go-blue);margin-top:1px}
.category-selected-alert strong{display:block;margin-bottom:2px}

.field-icon-wrap{position:relative}
.field-icon-wrap > i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8491a4;z-index:2}
.field-icon-wrap .form-control,.field-icon-wrap .form-select{padding-left:42px;min-height:50px;border-radius:13px;border-color:var(--go-border)}
.field-icon-wrap textarea.form-control{padding-top:14px}
.form-control:focus,.form-select:focus{border-color:var(--go-blue);box-shadow:0 0 0 .2rem rgba(0,136,255,.12)}

.extra-phones{border:1px dashed #b9c9dc;border-radius:18px;overflow:hidden}
.extra-phones summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:800;display:flex;align-items:center;justify-content:space-between;background:#f8fafc}
.extra-phones summary::-webkit-details-marker{display:none}
.extra-phones summary::after{content:"+";font-size:1.35rem;color:var(--go-blue)}
.extra-phones[open] summary::after{content:"−"}
.extra-phones-body{padding:18px}

.map-help-button{border:0;background:none;color:var(--go-blue);font-weight:750;padding:6px 0}
.map-help{display:none;margin-top:8px;padding:13px 15px;border-radius:14px;background:#fffbe0;border:1px solid #eee49a;font-size:.88rem}
.map-help.show{display:block}

.publish-submit{min-height:56px;border-radius:15px;font-size:1.03rem;box-shadow:0 12px 28px rgba(0,136,255,.22)}

@media(max-width:991.98px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){
  .publish-card{padding:20px;border-radius:22px}
  .publish-intro{flex-direction:column}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-tile{min-height:120px;padding:15px 8px}
  .category-tooltip{display:none}
  .form-section{padding:18px}
}
@media(max-width:390px){.category-grid{grid-template-columns:1fr 1fr}.category-name{font-size:.82rem}}


/* CONTEXTO DE PLANES */
.plan-context-help{
  margin-top:10px;
  padding:11px 13px;
  border:1px solid #dbe7f4;
  border-radius:12px;
  background:#f7faff;
  color:#526174;
  font-size:.84rem;
  line-height:1.45;
}
.plan-context-help.classified{
  border-color:#ffe58a;
  background:#fff9dc;
  color:#655000;
}
.plan-context-help.business{
  border-color:#cce9ff;
  background:#eef8ff;
  color:#164b73;
}
.plan-context-help.warning{
  border-color:#f3c2c7;
  background:#fff0f1;
  color:#842029;
}

/* Mejor jerarquía general del formulario */
.section-space.bg-light{
  background:linear-gradient(180deg,#f4f7fb 0%,#eef3f8 100%)!important;
}
.publish-card form{margin-top:0!important}
.form-label{font-weight:750;color:#172033;margin-bottom:7px}
.form-control,.form-select{font-size:.95rem}
.form-section:nth-of-type(1){margin-top:0}

@media(max-width:767.98px){
  .section-space{padding-top:36px!important;padding-bottom:48px!important}
  .publish-intro h1{font-size:1.9rem}
  .form-section-title{align-items:flex-start}
  .form-section-title h2{font-size:1rem}
}

/* EXPERIENCIA ESPECÍFICA PARA CLASIFICADOS */
.classified-product-guide{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-top:18px;
  padding:16px 18px;
  border:1px solid #cfe3ff;
  border-radius:16px;
  background:linear-gradient(135deg,#f3f8ff 0%,#eef6ff 100%);
  color:#183b66;
}
.classified-product-guide[hidden]{display:none!important}
.classified-guide-icon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#0b88ff;
  color:#fff;
  font-size:1.2rem;
}
.classified-product-guide strong,
.classified-product-guide span{display:block}
.classified-product-guide strong{margin-bottom:3px;color:#11233e}
.classified-product-guide span{font-size:.9rem;line-height:1.5}

.photo-limit-status{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  background:#f7f9fc;
  border:1px solid #e0e8f1;
  color:#536174;
  font-size:.86rem;
}
.photo-limit-status i{color:#0b88ff}

@media(max-width:767.98px){
  .classified-product-guide{padding:14px}
  .classified-guide-icon{flex-basis:40px;width:40px;height:40px}
}