/* "Vender mi inmueble": formulario del landing (ébano + dorado; sin verde). Reutiliza .property-modal y .agent-* de style.css. */
.sell-modal { max-width: 780px; }
.sell-form { gap: 18px; }
.sell-section { margin: 0; padding: 18px clamp(14px, 3vw, 22px) 20px; border: 1px solid rgba(var(--accent-rgb), 0.22); border-radius: 16px; background: rgba(255,255,255,0.025); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.sell-section legend { padding: 0 10px; margin-left: -4px; display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; letter-spacing: .02em; color: var(--lux-gold-light, #F6D98B); }
.sell-section legend span { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-size: 12px; font-weight: 700; color: #1a1408; background: linear-gradient(135deg, #D9A441, #F3C969); }
.sell-currency { flex: 0 0 110px; }
.agent-field-row.hidden, .agent-field.hidden { display: none; }

/* Mapa */
.sell-search { display: flex; gap: 8px; flex-wrap: wrap; }
.sell-search input { flex: 1 1 220px; min-width: 0; padding: 12px 14px; font: inherit; font-size: 15px; background: rgba(255,255,255,0.04); color: #F4EBDD; border: 1px solid rgba(var(--accent-rgb), 0.22); border-radius: 10px; }
.sell-search input:focus { outline: none; border-color: rgba(var(--accent-rgb), 0.8); box-shadow: 0 0 0 4px rgba(var(--accent-rgb), 0.14); }
.sell-mini-btn { padding: 11px 16px; font: inherit; font-size: 14px; font-weight: 600; color: #1a1408; background: linear-gradient(135deg, #D9A441, #F3C969); border: 1px solid rgba(var(--accent-rgb), 0.6); border-radius: 10px; cursor: pointer; }
.sell-mini-btn--ghost { color: var(--lux-gold-light, #F6D98B); background: transparent; }
.sell-mini-btn:hover { filter: brightness(1.08); }
.sell-search-results { display: flex; flex-direction: column; border: 1px solid rgba(var(--accent-rgb), 0.3); border-radius: 10px; overflow: hidden; background: #12110d; }
.sell-search-results button { text-align: left; padding: 10px 14px; font: inherit; font-size: 13.5px; line-height: 1.4; color: #EDE3D1; background: none; border: 0; border-bottom: 1px solid rgba(var(--accent-rgb), 0.15); cursor: pointer; }
.sell-search-results button:last-child { border-bottom: 0; }
.sell-search-results button:hover { background: rgba(var(--accent-rgb), 0.12); }
.sell-search-msg { margin: 0; padding: 10px 14px; font-size: 13.5px; color: rgba(237,227,209,.7); }
.sell-map-wrap { border: 1px solid rgba(var(--accent-rgb), 0.35); border-radius: 14px; overflow: hidden; }
.sell-map-wrap.has-error { border-color: #C4553F; box-shadow: 0 0 0 3px rgba(196,85,63,.25); }
.sell-map { height: 320px; background: #0d0c09; }
.sell-map .leaflet-container { background: #0d0c09; font-family: inherit; }
/* Mosaicos de OpenStreetMap en ébano y dorado: grises invertidos con un tinte cálido (sin verdes de parques) */
.sell-map .leaflet-tile-pane { filter: grayscale(1) invert(1) brightness(.82) contrast(1.05) sepia(.45) hue-rotate(-8deg); }
.sell-map-fail { margin: 0; padding: 40px 20px; text-align: center; color: rgba(237,227,209,.75); font-size: 14px; }
.sell-map-status { margin: 0; font-size: 13.5px; line-height: 1.5; color: rgba(237,227,209,.7); }
.sell-map-status.is-set { color: #F4DDA0; }
.sell-map-status b { color: var(--lux-gold-light, #F6D98B); }
.sell-pin-wrap { background: none; border: 0; }
.sell-pin { display: block; width: 30px; height: 30px; margin: 0; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: linear-gradient(135deg, #8A5A12, #F3C969); border: 2px solid #1a1408; box-shadow: 0 6px 14px rgba(0,0,0,.6), 0 0 0 3px rgba(var(--accent-rgb), .35); position: relative; }
.sell-pin::after { content: ''; position: absolute; inset: 8px; border-radius: 50%; background: #1a1408; }
.sell-map .leaflet-control-attribution { background: rgba(10,10,9,.8); color: rgba(237,227,209,.6); font-size: 10px; }
.sell-map .leaflet-control-attribution a { color: #D9A441; }
.sell-map .leaflet-bar a { background: #15140f; color: #F3C969; border-bottom-color: rgba(var(--accent-rgb), .3); }
.sell-map .leaflet-bar a:hover { background: #1f1d15; }

/* Documentos */
.sell-choices { display: grid; gap: 10px; }
.sell-choice { display: block; cursor: pointer; }
.sell-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sell-choice > span { display: flex; flex-direction: column; gap: 2px; padding: 13px 16px 13px 46px; position: relative; border: 1px solid rgba(var(--accent-rgb), 0.25); border-radius: 12px; background: rgba(255,255,255,0.03); transition: border-color .2s, background .2s; }
.sell-choice > span::before { content: ''; position: absolute; left: 16px; top: 17px; width: 17px; height: 17px; border-radius: 50%; border: 2px solid rgba(var(--accent-rgb), 0.6); }
.sell-choice b { font-weight: 600; font-size: 15px; color: #F4EBDD; }
.sell-choice small { font-size: 13px; color: rgba(237,227,209,.65); }
.sell-choice input:checked + span { border-color: #D9A441; background: rgba(var(--accent-rgb), 0.1); }
.sell-choice input:checked + span::before { background: radial-gradient(circle, #F3C969 0 45%, transparent 50%); border-color: #F3C969; }
.sell-choice input:focus-visible + span { outline: 2px solid #F3C969; outline-offset: 2px; }
.sell-slots { display: grid; gap: 10px; }
.sell-slot { padding: 12px 14px; border: 1px dashed rgba(var(--accent-rgb), 0.35); border-radius: 12px; background: rgba(255,255,255,0.02); }
.sell-slot.has-files { border-style: solid; border-color: rgba(var(--accent-rgb), 0.6); background: rgba(var(--accent-rgb), 0.06); }
.sell-slot-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sell-slot-head b { display: block; font-size: 14.5px; font-weight: 600; color: #F4EBDD; }
.sell-slot-head small { display: block; font-size: 12.5px; color: rgba(237,227,209,.6); margin-top: 2px; }
.sell-attach span { display: inline-block; padding: 8px 14px; font-size: 13.5px; font-weight: 600; color: var(--lux-gold-light, #F6D98B); border: 1px solid rgba(var(--accent-rgb), 0.55); border-radius: 99px; cursor: pointer; white-space: nowrap; }
.sell-attach span:hover { background: rgba(var(--accent-rgb), 0.14); }
.sell-attach:focus-within span { outline: 2px solid #F3C969; outline-offset: 2px; }
.sell-files { list-style: none; margin: 0; padding: 0; }
.sell-files li { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; padding: 8px 10px; font-size: 13.5px; color: #F4EBDD; background: rgba(255,255,255,0.05); border-radius: 8px; }
.sell-files li span { min-width: 0; overflow-wrap: anywhere; }
.sell-files li em { font-style: normal; color: rgba(237,227,209,.55); margin-left: 6px; white-space: nowrap; }
.sell-files button { flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(var(--accent-rgb), 0.4); background: none; color: var(--lux-gold-light, #F6D98B); cursor: pointer; }
.sell-doc-count { margin: 0; font-size: 13px; color: #F4DDA0; }
.sell-check { display: flex; align-items: flex-start; gap: 11px; cursor: pointer; font-size: 14px; line-height: 1.5; color: #EDE3D1; }
.sell-check input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: #D9A441; cursor: pointer; }
.sell-check a { color: var(--lux-gold-light, #F6D98B); }
.sell-consent { padding: 4px 2px; }
.sell-success-actions { display: flex; flex-direction: column; gap: 10px; }
.agent-success .cta-button { width: 100%; margin-top: 8px; }

@media (max-width: 520px) {
  .sell-currency { flex: 1 1 auto; }
  .sell-map { height: 280px; }
  .sell-slot-head { align-items: flex-start; flex-direction: column; gap: 8px; }
}