/* M-70 · Aspecto «elegante con botones dorados» (opción D3, elegida por la agencia el 10/11/2026; comparativa en
   informes/recorrido/aspecto_elegante_oro.html). Hoja aparte, cargada después de las del prototipo, de mejoras y de la
   fuente: solo cambia el aspecto (no textos, flujos ni permisos) y se quita al instante retirando su <link>.
   Misma paleta del prototipo (negro, dorado y crema); la batería visual la desactiva para comparar con el prototipo. */
:root{--bg:#f7f4ee;--line:#e7dfcf;--sh:0 1px 2px rgba(30,25,15,.04)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#161618;--card:#1f1f22;--line:#34322c;--sh:0 1px 2px rgba(0,0,0,.35)}}
body{letter-spacing:-.003em}

/* Cabecera negra con línea dorada fina; botones con borde dorado en mayúsculas pequeñas */
header{background:#18181b;border-bottom:1px solid var(--acc);padding:14px 16px}
header button{border:1px solid rgba(224,191,114,.35);background:transparent;border-radius:4px;color:#e9d9b0;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
header button:hover{border-color:rgba(224,191,114,.7)}
#ttl{font-weight:600;font-size:20px;letter-spacing:.01em}

/* Títulos y cifras (Inter) */
h2{font-size:22px;font-weight:650;letter-spacing:-.01em}
.hero h2{font-size:21px;font-weight:600}
h3{font-weight:650;font-size:16.5px;letter-spacing:-.005em}
label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin:14px 0 6px}
.mut{font-size:13.5px}
h2,h3,#ttl,.kp b,.kg b{font-variant-numeric:lining-nums tabular-nums}

/* Tarjetas: líneas finas, esquinas menos redondeadas */
.card,.kg div,.kp div,.gr,.lk,.chip{border:1px solid var(--line);box-shadow:var(--sh);border-radius:6px}
.card{padding:18px;margin-bottom:14px}
.card.cur{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.kp div,.kp div:nth-child(n){border-left:1px solid var(--line);position:relative;padding:14px 14px 14px 18px}
.kp div::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:var(--acc)}
.kp div:nth-child(4n+2)::before{background:#4a7ab8}.kp div:nth-child(4n+3)::before{background:#2e7d4f}.kp div:nth-child(4n)::before{background:#a8467a}
.kp b{font-weight:600;font-size:28px;line-height:1.1;letter-spacing:-.02em}
.kg b{font-weight:600;font-size:18px}
.kg small{text-transform:uppercase;letter-spacing:.08em;font-size:10px}

/* Botones: misma forma en toda la pantalla; el principal y la pestaña activa en el dorado de la marca */
button,.ab,a.bt{border-radius:4px;font-weight:500}
.tabs button{border-color:var(--line);letter-spacing:.01em}
button.p,.tabs button.on{background:var(--acc);color:#1d1d20;border:0;font-weight:650}
button.p{letter-spacing:.08em;text-transform:uppercase;font-size:13.5px}
.ab{border:1px solid var(--line);background:transparent}
/* «Volver» como enlace discreto (la zona de pulsación de 44 px del móvil se mantiene: M-30) */
main>button.g:first-child{border:0;padding:4px 2px;color:var(--link);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:6px;background:none}
main>button.g:first-child::before{content:"‹\00a0\00a0";font-size:1.3em}

/* Campos */
input,select,textarea{border-radius:4px;background:var(--card);border-color:var(--line)}
input:focus,select:focus,textarea:focus{border-color:var(--acc);box-shadow:0 0 0 2px rgba(201,162,74,.18)}

/* Etiquetas de estado: con borde fino y en mayúsculas pequeñas; conservan su color */
.tag{background:transparent;border:1px solid currentColor;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding:2px 9px}

/* Fotos */
.inmc .thumbL{height:160px;border-radius:4px}
.hero{border-radius:6px}.hero img{height:230px}.hero .ov{padding:44px 18px 16px}
.dot{border-width:1px}

/* Iconos de línea (iconos.js): finos y en dorado; el emoji original queda oculto para lectores de pantalla y textos */
.ico{display:inline-flex;vertical-align:-.16em;margin:0 .12em;color:var(--link)}
.ico svg{width:1.08em;height:1.08em;stroke-width:1.5}
.ico.pt svg{width:.7em;height:.7em}
.ico{position:relative}
.ico .ict{position:absolute;left:0;top:0;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
header .ico{color:#e0bf72}
button.p .ico,.tabs button.on .ico,.gn.d .ico{color:#1d1d20}

/* Revisión de espacios (10/11/2026): dos botones de ancho completo seguidos no se tocan, y una etiqueta (perfil, estado)
   no se parte en dos líneas con el icono arriba y el texto abajo. Las etiquetas largas de las tarjetas de Inmuebles
   pueden seguir partiéndose (regla más concreta del prototipo). */
.w+.w,button.w+button.w{margin-top:8px}
.tag{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;vertical-align:middle}
.inmc .tg .tag{display:inline-block}

/* Alta de inmueble (revisión de espacios): la caja del propietario separada del distrito y sus campos con aire. */
#ow{margin-top:14px}
.ow.card{padding:14px}
.ow>label{margin-top:0}
.ow>input,.ow>.row{margin-top:8px}
.ow [data-a=delow]{margin-top:8px;padding:4px 12px!important}
.ow+.ow{margin-top:10px}
[data-a=addow]{margin-top:10px!important}