/* ===================== Portal inmobiliario · estilos ===================== */
:root {
  /* Tema "Lujo y elegancia": crema, espresso y bronce */
  --bg: #F6F1E9; --surface: #FFFDF9; --sand: #EDE4D6; --line: #E3D9C9; --line-2: #CDBFAB;
  --ink: #1C1915; --ink-2: #2E2924; --muted: #5A5148; --muted-2: #6B6157;
  --green: #1C1915; --green-2: #2A2520; --green-3: #4A4036; --green-soft: #EFE7DA; --green-deep: #0F0D0B; --on-green: #D8CFC2;
  --accent: #8A6A3B; --accent-hover: #6E5230; --accent-soft: #F3EADB; --accent-ink: #6E5230;
  --amber: #C9A96E; --ok: #1F7A4D;
  --radius: 4px; --radius-lg: 6px;
  --serif: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --sans: 'Jost', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --shadow: 0 18px 40px rgba(28, 25, 21, .10);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); background: var(--bg); color: var(--ink); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: var(--green); }
a:hover { color: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
button { font-family: inherit; cursor: pointer; }
h1, h2, h3 { margin: 0; line-height: 1.15; }
p { margin: 0; }
[hidden] { display: none !important; }

.container { width: 100%; max-width: 1248px; margin: 0 auto; padding: 0 24px; }
.section { padding: 88px 0; }
.section-sm { padding: 48px 0; }
.section-alt { background: var(--sand); }
.section-dark { background: var(--green); color: #fff; }
.stack { display: flex; flex-direction: column; gap: 16px; }
.row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.between { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.grid { display: grid; gap: 20px; }
.g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.g6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.eyebrow { font-size: 14px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--accent); }
.section-dark .eyebrow { color: var(--amber); }
.h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(36px, 5vw, 60px); letter-spacing: -1px; color: var(--green); line-height: 1.05; }
.h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(28px, 3.4vw, 44px); color: var(--green); line-height: 1.1; }
.h3 { font-family: var(--serif); font-weight: 500; font-size: 28px; color: var(--green); }
.section-dark .h2 { color: #fff; }
.lead { font-size: 19px; color: var(--muted); line-height: 1.55; }
.section-dark .lead { color: var(--on-green); }
.muted { color: var(--muted-2); }
.small { font-size: 14px; }
.center { text-align: center; }

/* ---------- Botones ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--accent); color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.btn:hover { background: var(--accent-hover); color: #fff; }
.btn:disabled { opacity: .6; cursor: wait; }
.btn-sm { min-height: 44px; padding: 0 20px; }
.btn-block { width: 100%; }
.btn-o { background: transparent; color: var(--green); border: 1.5px solid var(--green); }
.btn-o:hover { background: var(--green); color: #fff; }
.btn-light { background: #fff; color: var(--accent-ink); }
.btn-light:hover { background: var(--accent-soft); color: var(--accent-ink); }
.btn-accent { background: var(--amber); color: var(--ink); }
.btn-accent:hover { background: #B8955A; color: var(--ink); }
.btn-ghost-light { background: transparent; border: 1.5px solid #fff; color: #fff; }
.btn-ghost-light:hover { background: #fff; color: var(--green); }
.btn-wa { background: var(--ok); }
.btn-wa:hover { background: #17633d; }
.btn-danger { background: transparent; color: #9B2C2C; border: 1.5px solid #D9A5A5; }
.link-btn { border: 0; background: none; padding: 0 4px; min-height: 44px; font-size: 16px; font-weight: 600; color: var(--green); }
.link-btn:hover { color: var(--accent); }
.link-strong { font-weight: 600; text-decoration: none; }
.icon-btn { width: 44px; height: 44px; border: 0; border-radius: 12px; background: transparent; color: var(--green); display: inline-flex; align-items: center; justify-content: center; }

/* ---------- Encabezado ---------- */
#site-header { background: #fff; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 40; }
.header-row { height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.header-left { display: flex; align-items: center; gap: 44px; }
.header-right { display: flex; align-items: center; gap: 18px; }
.logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--green); font-family: var(--serif); font-size: 28px; font-weight: 600; }
.logo-text { font-family: var(--serif); font-size: 28px; font-weight: 600; color: #fff; }
.main-nav { display: flex; gap: 26px; font-weight: 500; }
.main-nav a { text-decoration: none; }
.main-nav a[aria-current="page"] { color: var(--accent); }
.show-sm { display: none !important; }
.config-banner { background: #FFF4D6; color: #6B4E00; text-align: center; padding: 10px 16px; font-size: 14px; font-weight: 600; }

/* ---------- Formularios ---------- */
.field { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ink); }
.field input, .field select, .field textarea, .input {
  min-height: 48px; width: 100%; padding: 0 14px; border: 1px solid var(--line-2); border-radius: 12px; background: #fff;
  font-family: inherit; font-size: 16px; font-weight: 400; color: var(--ink);
}
.field textarea { padding: 12px 14px; resize: vertical; min-height: 110px; }
.field .hint { font-weight: 400; color: var(--muted-2); font-size: 13px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.form-grid.g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.span-2 { grid-column: span 2; }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.45; color: var(--ink-2); font-weight: 400; }
.check input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--accent); margin-top: 1px; }
.check-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pill-group { display: flex; flex-wrap: wrap; gap: 6px; }
.pill-group input { position: absolute; opacity: 0; pointer-events: none; }
.pill-group label { min-width: 44px; min-height: 44px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border: 1.5px solid var(--line-2); border-radius: 10px; background: #fff; font-weight: 600; color: var(--green); cursor: pointer; }
.pill-group input:checked + label { background: var(--green); border-color: var(--green); color: #fff; }
.pill-group input:focus-visible + label { outline: 2px solid var(--accent); outline-offset: 2px; }
.choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.choices.c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.choice { position: relative; }
.choice input { position: absolute; opacity: 0; pointer-events: none; }
.choice label { display: flex; flex-direction: column; gap: 6px; min-height: 92px; padding: 18px 20px; border: 2px solid var(--line); border-radius: 16px; background: #fff; cursor: pointer; }
.choice input:checked + label { border-color: var(--accent); background: var(--accent-soft); }
.choice input:focus-visible + label { outline: 2px solid var(--accent); outline-offset: 2px; }
.choice b { font-size: 19px; color: var(--green); }
.choice span { font-size: 15px; color: var(--muted); font-weight: 400; }
.choice .price-tag { color: var(--accent); font-weight: 700; font-size: 17px; }
.error-text { color: #9B2C2C; font-size: 14px; font-weight: 600; }

/* ---------- Tarjetas ---------- */
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.card-pad { padding: 28px; }
.shadow { box-shadow: var(--shadow); }
.badge { position: absolute; top: 12px; left: 12px; padding: 5px 12px; border-radius: 999px; background: #fff; color: var(--green); font-size: 12px; font-weight: 700; }
.badge-feat { background: var(--amber); color: var(--ink); }
.tag { display: inline-block; padding: 5px 12px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-size: 13px; font-weight: 700; }
.tag-feat { background: var(--amber); color: var(--ink); }
.chip { display: inline-block; padding: 8px 14px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-size: 15px; font-weight: 500; }

.listing-card { display: flex; flex-direction: column; overflow: hidden; text-decoration: none; color: var(--ink); transition: box-shadow .2s, transform .2s; }
.listing-card:hover { color: var(--ink); box-shadow: var(--shadow); transform: translateY(-2px); }
.listing-img { position: relative; aspect-ratio: 4 / 3; background: var(--green-soft); display: flex; align-items: flex-end; justify-content: center; overflow: hidden; }
.listing-img img { width: 100%; height: 100%; object-fit: cover; }
.ph-art { width: 60%; height: auto; }
.photo-count { position: absolute; bottom: 10px; right: 10px; padding: 4px 10px; border-radius: 999px; background: rgba(15, 13, 11, .8); color: #fff; font-size: 12px; font-weight: 600; }
.listing-body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; }
.listing-price { font-size: 21px; font-weight: 700; color: var(--green); display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.listing-price small { font-size: 13px; font-weight: 500; color: var(--muted-2); }
.listing-title { font-weight: 600; }
.listing-specs { margin-top: 6px; padding-top: 10px; border-top: 1px solid #E9E0D2; display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 14px; color: #4A4238; }
.listing-h { flex-direction: row; }
.listing-h .listing-img { width: 260px; flex-shrink: 0; aspect-ratio: auto; min-height: 196px; }
.listing-h .listing-body { flex: 1; }

/* ---------- Inicio ---------- */
.hero { position: relative; background: var(--green); overflow: hidden; padding: 80px 0 64px; }
.hero-art { position: absolute; right: 0; bottom: 0; width: min(620px, 50%); height: 100%; }
.hero-copy { position: relative; max-width: 760px; display: flex; flex-direction: column; gap: 18px; }
.hero h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(38px, 5.4vw, 64px); line-height: 1.04; letter-spacing: -1.5px; color: #fff; }
.hero p { font-size: 20px; color: var(--on-green); }
.search-box { position: relative; margin-top: 40px; background: #fff; border-radius: var(--radius-lg); box-shadow: 0 20px 48px rgba(0, 0, 0, .22); }
.tabs { display: flex; gap: 6px; padding: 12px 20px 0; border-bottom: 1px solid var(--line); overflow-x: auto; }
.tabs button, .tabs a { min-height: 48px; padding: 0 16px; border: 0; background: none; font-size: 16px; font-weight: 600; color: var(--muted-2); border-bottom: 3px solid transparent; margin-bottom: -1px; text-decoration: none; display: inline-flex; align-items: center; white-space: nowrap; }
.tabs [aria-selected="true"], .tabs [aria-current="page"] { color: var(--accent); border-bottom-color: var(--accent); }
.search-fields { padding: 20px; display: grid; grid-template-columns: 5fr 3fr 2fr 2fr; gap: 14px; align-items: end; }
.type-card { min-height: 128px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; text-decoration: none; color: var(--green); font-size: 18px; font-weight: 600; }
.type-card .ico { color: var(--accent); }
.band { border-radius: 28px; padding: 56px; display: grid; grid-template-columns: 5fr 7fr; gap: 40px; align-items: center; }
.band-accent { background: var(--accent); color: #fff; }
.band-accent .h2 { color: #fff; }
.band-accent .lead { color: #F3E6D0; }
.band-accent .eyebrow { color: #F3E6D0; }
.mini-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.mini-steps li { background: #fff; border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 8px; color: var(--muted); font-size: 15px; }
.mini-steps .n { font-family: var(--serif); font-size: 30px; font-weight: 600; color: var(--accent); }
.mini-steps b { color: var(--green); font-size: 18px; }
.tool { padding: 26px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: var(--ink); }
.tool h3 { font-size: 20px; color: var(--green); }
.tool p { color: var(--muted); font-size: 15px; }
.tool .go { margin-top: auto; color: var(--accent); font-weight: 600; font-size: 15px; }
.tool-dark { background: var(--green); border-color: var(--green); color: #fff; }
.tool-dark h3 { color: #fff; } .tool-dark p { color: var(--on-green); } .tool-dark .go { color: var(--amber); } .tool-dark .ico { color: var(--amber); }
.stat { text-align: center; }
.stat b { display: block; font-family: var(--serif); font-size: 50px; font-weight: 600; color: var(--green); }
.faq details { background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.faq details + details { margin-top: 12px; }
.faq summary { list-style: none; cursor: pointer; min-height: 68px; padding: 18px 56px 18px 24px; font-size: 18px; font-weight: 600; color: var(--green); position: relative; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 26px; color: var(--accent); font-weight: 400; }
.faq details[open] summary::after { content: '−'; }
.faq details p { padding: 0 24px 22px; color: #4A4238; line-height: 1.6; }

/* ---------- Planes ---------- */
.seg { display: inline-flex; gap: 4px; padding: 5px; background: #fff; border: 1px solid var(--line); border-radius: 999px; flex-wrap: wrap; justify-content: center; }
.seg button { min-height: 46px; padding: 0 22px; border: 0; border-radius: 999px; background: none; font-size: 16px; font-weight: 600; color: var(--green); }
.seg button[aria-pressed="true"], .seg button[aria-selected="true"] { background: var(--green); color: #fff; }
.seg-sand { background: var(--sand); border: 0; }
.plan { background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 34px; display: flex; flex-direction: column; gap: 16px; position: relative; }
.plan h2 { font-size: 26px; color: var(--green); }
.plan .desc { color: var(--muted); }
.plan .price { font-family: var(--serif); font-size: 42px; font-weight: 600; color: var(--green); }
.plan .price small { font-family: var(--sans); font-size: 16px; font-weight: 500; color: var(--muted-2); }
.plan-feat { border: 2px solid var(--accent); box-shadow: 0 20px 48px rgba(138, 106, 59, .14); }
.plan-dark { background: var(--green); border-color: var(--green); }
.plan-dark h2, .plan-dark .price { color: #fff; } .plan-dark .desc, .plan-dark .feat { color: var(--on-green); } .plan-dark .feat .ico { color: var(--amber); }
.ribbon { position: absolute; top: -15px; left: 34px; padding: 6px 14px; border-radius: 999px; background: var(--accent); color: #fff; font-size: 13px; font-weight: 700; }
.feat { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; color: var(--ink-2); }
.feat li { display: flex; gap: 10px; line-height: 1.4; }
.feat .ico { color: var(--ok); flex-shrink: 0; margin-top: 1px; }
.table-wrap { overflow-x: auto; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.table { width: 100%; border-collapse: collapse; font-size: 15px; }
.table th, .table td { padding: 14px 18px; border-bottom: 1px solid #E9E0D2; text-align: left; vertical-align: middle; }
.table thead th { font-size: 13px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--muted-2); background: var(--bg); }
.table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom: 0; }
.compare th, .compare td { text-align: center; }
.compare th:first-child, .compare td:first-child { text-align: left; }
.compare tbody th { font-weight: 500; }

/* ---------- Búsqueda ---------- */
.searchbar { background: #fff; border-bottom: 1px solid var(--line); padding: 16px 0; }
.searchbar form { display: grid; grid-template-columns: 160px 1fr 200px auto; gap: 10px; }
.search-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; align-items: start; }
.filters { padding: 22px; display: flex; flex-direction: column; gap: 22px; position: sticky; top: 100px; max-height: calc(100vh - 120px); overflow-y: auto; }
.filters h3 { font-size: 16px; color: var(--green); margin-bottom: 8px; }
.filters .two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.results { display: flex; flex-direction: column; gap: 16px; }
.pager { display: flex; justify-content: center; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.pager a, .pager span { min-width: 44px; min-height: 44px; padding: 0 14px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; text-decoration: none; background: #fff; border: 1px solid var(--line); }
.pager [aria-current="page"] { background: var(--green); color: #fff; border-color: var(--green); }
.empty { padding: 48px 24px; text-align: center; display: flex; flex-direction: column; gap: 12px; align-items: center; color: var(--muted); }
.skeleton { background: linear-gradient(90deg, #eee8de 0%, #f6f1e9 50%, #eee8de 100%); background-size: 200% 100%; animation: sk 1.2s infinite; border-radius: var(--radius); min-height: 200px; }
@keyframes sk { to { background-position: -200% 0; } }

/* ---------- Ficha ---------- */
.gallery { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 220px 220px; gap: 10px; border-radius: 20px; overflow: hidden; }
.gallery > * { background: var(--green-soft); position: relative; overflow: hidden; border: 0; padding: 0; }
.gallery > :first-child { grid-row: span 2; }
.gallery img { width: 100%; height: 100%; object-fit: cover; }
.gallery .more { position: absolute; right: 14px; bottom: 14px; }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 48px; align-items: start; }
.specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.spec { padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 14px; display: flex; flex-direction: column; gap: 3px; }
.spec b { font-size: 18px; color: var(--green); }
.spec span { font-size: 14px; color: var(--muted-2); }
.contact-card { position: sticky; top: 100px; }
.warning-box { padding: 18px; background: var(--accent-soft); border-radius: 16px; display: flex; gap: 12px; font-size: 14px; line-height: 1.5; color: #5A2A16; }
.legal-cta { padding: 30px; background: var(--green); border-radius: 22px; display: flex; gap: 24px; align-items: center; color: #fff; }
.legal-cta .ico { color: var(--amber); flex-shrink: 0; }
.legal-cta p { color: var(--on-green); }
.avatar { width: 52px; height: 52px; border-radius: 999px; background: var(--green); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; flex-shrink: 0; }
.lightbox { position: fixed; inset: 0; background: rgba(10, 20, 15, .92); z-index: 100; display: flex; align-items: center; justify-content: center; padding: 24px; }
.lightbox img { max-height: 86vh; border-radius: 12px; }
.lightbox button { position: absolute; background: #fff; border: 0; border-radius: 999px; width: 48px; height: 48px; font-size: 22px; }
.lightbox .lb-close { top: 20px; right: 20px; } .lightbox .lb-prev { left: 20px; } .lightbox .lb-next { right: 20px; }

/* ---------- Asistente de publicación ---------- */
.steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.steps li { display: flex; flex-direction: column; gap: 8px; font-size: 15px; color: var(--muted-2); }
.steps li::before { content: ''; height: 6px; border-radius: 999px; background: var(--line); }
.steps li.done, .steps li.current { color: var(--green); }
.steps li.done::before, .steps li.current::before { background: var(--accent); }
.steps li.current { font-weight: 700; }
.wizard-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; align-items: start; }
.dropzone { position: relative; min-height: 180px; border: 2px dashed var(--line-2); border-radius: 18px; background: var(--bg); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; padding: 20px; cursor: pointer; }
.dropzone.drag { border-color: var(--accent); background: var(--accent-soft); }
.dropzone .ico { color: var(--accent); }
.dropzone input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
.thumb { position: relative; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: var(--green-soft); }
.thumb img { width: 100%; height: 100%; object-fit: cover; }
.thumb .cover { position: absolute; left: 8px; top: 8px; }
.thumb .actions { position: absolute; inset: auto 6px 6px 6px; display: flex; gap: 6px; }
.thumb .actions button { flex: 1; min-height: 32px; border: 0; border-radius: 8px; background: rgba(255, 255, 255, .92); font-size: 12px; font-weight: 700; color: var(--green); }

/* ---------- Panel ---------- */
.panel-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: calc(100vh - 81px); }
.side-nav { background: var(--green); padding: 24px 16px; display: flex; flex-direction: column; gap: 4px; }
.side-nav a, .side-nav button { display: flex; align-items: center; min-height: 46px; padding: 0 14px; border-radius: 12px; color: var(--on-green); text-decoration: none; font-size: 16px; font-weight: 500; border: 0; background: none; text-align: left; }
.side-nav a:hover, .side-nav button:hover, .side-nav [aria-current="page"] { background: var(--green-2); color: #fff; }
.side-plan { margin-top: auto; padding: 18px; background: var(--green-2); border-radius: 14px; display: flex; flex-direction: column; gap: 6px; color: var(--on-green); font-size: 14px; }
.side-plan b { color: #fff; font-size: 18px; }
.panel-main { padding: 36px 40px; display: flex; flex-direction: column; gap: 26px; min-width: 0; }
.kpi { padding: 22px; display: flex; flex-direction: column; gap: 6px; }
.kpi span { font-size: 14px; color: var(--muted-2); }
.kpi b { font-family: var(--serif); font-size: 34px; font-weight: 600; color: var(--green); }
.bar { height: 6px; border-radius: 999px; background: #E9E0D2; overflow: hidden; }
.bar i { display: block; height: 100%; background: var(--green); }
.st { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.st-ok { background: var(--green-soft); color: var(--green); }
.st-info { background: #E3ECF7; color: #1F4A7A; }
.st-warn { background: var(--accent-soft); color: var(--accent-ink); }
.st-bad { background: #F8E1E1; color: #8A2525; }
.st-gray { background: #E9E0D2; color: #4A4238; }
.st-feat { background: var(--amber); color: var(--ink); }
.act { min-height: 36px; padding: 0 12px; border: 1px solid var(--line-2); border-radius: 8px; background: #fff; font-size: 14px; font-weight: 600; color: var(--green); text-decoration: none; display: inline-flex; align-items: center; }
.act:hover { border-color: var(--green); }
.lead-item { padding: 14px 0; border-bottom: 1px solid #E9E0D2; display: flex; flex-direction: column; gap: 4px; }
.lead-item:last-child { border-bottom: 0; }
.notice { padding: 16px 20px; border-radius: 14px; background: var(--green-soft); color: var(--green); font-weight: 500; }
.notice-warn { background: var(--accent-soft); color: var(--accent-ink); }
.notice-ok { background: var(--green-soft); color: var(--ink); }

/* ---------- Pie ---------- */
#site-footer { background: var(--green-deep); color: var(--on-green); padding: 64px 0 36px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 32px; }
.footer-grid > div { display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
.footer-grid h2 { font-size: 15px; color: #fff; margin-bottom: 4px; }
.footer-grid a { color: var(--on-green); text-decoration: none; }
.footer-grid a:hover { color: #fff; }
.footer-brand span:not(.logo-text) { line-height: 1.5; }
.footer-bottom { margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--green-2); display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 14px; color: #A9BDB2; }

.wa-fab { position: fixed; right: 24px; bottom: 24px; min-height: 58px; padding: 0 22px 0 18px; border-radius: 999px; background: var(--ok); color: #fff; display: flex; align-items: center; gap: 10px; font-weight: 600; text-decoration: none; box-shadow: 0 12px 28px rgba(0, 0, 0, .22); z-index: 50; }
.wa-fab:hover { color: #fff; background: #17633d; }
#toasts { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 200; display: flex; flex-direction: column; gap: 8px; width: min(520px, calc(100% - 32px)); }
.toast { padding: 14px 18px; border-radius: 14px; background: var(--green); color: #fff; font-weight: 600; box-shadow: var(--shadow); }
.toast-bad { background: #8A2525; }

.auth-wrap { min-height: calc(100vh - 81px); display: flex; align-items: center; justify-content: center; padding: 48px 16px; }
.auth-card { width: 100%; max-width: 480px; padding: 40px; display: flex; flex-direction: column; gap: 18px; }
.legal-doc { max-width: 820px; }
.legal-doc h2 { font-family: var(--serif); font-weight: 500; font-size: 26px; color: var(--green); margin: 32px 0 10px; }
.legal-doc p, .legal-doc li { color: var(--ink-2); line-height: 1.7; margin-bottom: 10px; }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
  .main-nav { gap: 18px; }
  .header-left { gap: 28px; }
  .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .g6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .detail-layout, .wizard-layout { grid-template-columns: 1fr; }
  .contact-card { position: static; }
  .band { grid-template-columns: 1fr; padding: 40px; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .show-sm { display: inline-flex !important; }
  .hide-sm { display: none !important; }
  .main-nav { display: none; position: absolute; top: 80px; left: 0; right: 0; background: #fff; flex-direction: column; gap: 0; padding: 8px 16px 16px; border-bottom: 1px solid var(--line); box-shadow: var(--shadow); }
  .main-nav.open { display: flex; }
  .main-nav a, .main-nav .link-btn { min-height: 48px; display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #E9E0D2; }
  .mobile-extra { display: flex; flex-direction: column; }
  .g3, .g2 { grid-template-columns: 1fr; }
  .search-fields { grid-template-columns: 1fr 1fr; }
  .search-fields .field:first-child { grid-column: span 2; }
  .search-layout { grid-template-columns: 1fr; }
  .filters { position: static; max-height: none; }
  .searchbar form { grid-template-columns: 1fr 1fr; }
  .searchbar form > :nth-child(2) { grid-column: span 2; }
  .panel-layout { grid-template-columns: 1fr; }
  .side-nav { flex-direction: row; overflow-x: auto; padding: 10px; }
  .side-nav a, .side-nav button { white-space: nowrap; }
  .side-plan { display: none; }
  .panel-main { padding: 24px 16px; }
  .hero-art { opacity: .25; width: 100%; }
  .gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 240px 120px; }
  .gallery > :first-child { grid-column: span 2; grid-row: auto; }
  .gallery > :nth-child(n+4) { display: none; }
  .legal-cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 640px) {
  .container { padding: 0 16px; }
  .section { padding: 56px 0; }
  .g4, .g6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .listing-grid.g4 { grid-template-columns: 1fr; }
  .form-grid, .form-grid.g3, .choices, .choices.c3, .check-grid { grid-template-columns: 1fr; }
  .span-2 { grid-column: auto; }
  .mini-steps { grid-template-columns: 1fr; }
  .specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .steps span { display: none; }
  .listing-h { flex-direction: column; }
  .listing-h .listing-img { width: 100%; aspect-ratio: 4 / 3; min-height: 0; }
  .band { padding: 28px 22px; border-radius: 22px; }
  .card-pad, .auth-card { padding: 22px; }
  .plan { padding: 26px; }
  .wa-fab span { display: none; }
  .wa-fab { padding: 0 17px; }
  .footer-grid { grid-template-columns: 1fr; }
  .header-row { height: 68px; }
  .main-nav { top: 68px; }
  .logo { font-size: 24px; }
}
.faq-grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 48px; }
@media (max-width: 900px) { .faq-grid { grid-template-columns: 1fr; gap: 24px; } }
.plan-dark .price small { color: var(--on-green); }
.side-nav .side-plan a.btn { background: var(--amber); color: var(--ink); justify-content: center; font-weight: 700; margin-top: 6px; }
.side-nav .side-plan a.btn:hover { background: #B8955A; color: var(--ink); }
@media (max-width: 900px) {
  .filters { display: none; }
  .filters.open { display: flex; }
  .hero-art { display: none; }
}
.plan .btn { white-space: normal; text-align: center; padding: 8px 18px; }
.box-dialog { border: 0; border-radius: 20px; padding: 28px; width: min(460px, calc(100% - 32px)); box-shadow: 0 24px 64px rgba(0, 0, 0, .25); color: var(--ink); background: #fff; }
.box-dialog::backdrop { background: rgba(15, 13, 11, .45); }
.btn-danger-solid { background: #9B2C2C; }
.btn-danger-solid:hover { background: #7f2222; }


/* ================= Tema Lujo y elegancia: tipografía y componentes ================= */
body { font-weight: 400; letter-spacing: .1px; }
h1, h2, h3, .h1, .h2, .h3 { font-family: var(--serif); font-weight: 500; letter-spacing: 0; text-wrap: balance; }
.h1 { font-size: clamp(42px, 6vw, 76px); font-weight: 400; line-height: 1.02; }
.h2 { font-size: clamp(32px, 4vw, 52px); font-weight: 400; }
.h3 { font-size: 32px; font-weight: 500; }
.eyebrow { font-size: 12px; font-weight: 500; letter-spacing: 3.5px; }
.lead { font-weight: 300; font-size: 19px; }
.btn { border-radius: 2px; background: var(--ink); text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 500; min-height: 52px; padding: 0 30px; }
.btn:hover { background: var(--accent); }
.btn-sm { min-height: 44px; padding: 0 22px; font-size: 12px; }
.btn-o { background: transparent; color: var(--ink); border: 1px solid var(--ink); }
.btn-o:hover { background: var(--ink); color: #fff; }
.btn-light { background: var(--surface); color: var(--ink); }
.btn-light:hover { background: var(--amber); color: var(--ink); }
.btn-accent { background: var(--amber); color: var(--ink); }
.btn-ghost-light { border: 1px solid rgba(255,255,255,.7); }
.btn-wa { background: var(--ok); }
.btn-danger { border-radius: 2px; }
#site-header { background: rgba(255, 253, 249, .96); border-bottom: 1px solid var(--line); backdrop-filter: blur(8px); }
.header-row { height: 84px; }
.logo { font-family: var(--serif); font-weight: 600; font-size: 26px; letter-spacing: 7px; text-transform: uppercase; color: var(--ink); }
.logo .ico { color: var(--accent); }
.logo-text { letter-spacing: 7px; text-transform: uppercase; }
.main-nav { gap: 30px; }
.main-nav a { font-size: 12.5px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: var(--ink); }
.main-nav a:hover, .main-nav a[aria-current="page"] { color: var(--accent); }
.header-right .link-strong, .header-right .link-btn { font-size: 12.5px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: var(--ink); }
.card { border-radius: var(--radius); border-color: var(--line); background: var(--surface); }
.field { font-size: 12px; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; color: var(--muted); }
.field .hint { text-transform: none; letter-spacing: 0; }
.field input, .field select, .field textarea, .input { border-radius: 2px; background: #fff; border-color: var(--line-2); letter-spacing: 0; text-transform: none; }
.choice label, .pill-group label, .plan, .spec, .table-wrap, .warning-box, .legal-cta, .notice, .band, .gallery, .mini-steps li, .thumb, .dropzone, .kpi, .box-dialog { border-radius: var(--radius-lg); }
.pill-group label { border-radius: 2px; border-width: 1px; }
.badge, .tag, .st, .chip, .ribbon, .photo-count { border-radius: 2px; letter-spacing: 1.5px; text-transform: uppercase; font-size: 10.5px; font-weight: 600; }
.chip { font-size: 12px; letter-spacing: .8px; text-transform: none; font-weight: 400; background: var(--sand); }
.tag-feat, .badge-feat, .st-feat { background: var(--amber); color: var(--ink); }

/* Portada editorial */
.hero { background: var(--green-deep); padding: 110px 0 90px; text-align: center; }
.hero .container { position: relative; }
.hero-copy { margin: 0 auto; align-items: center; max-width: 860px; gap: 22px; }
.hero h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(46px, 7vw, 92px); letter-spacing: -.5px; color: #F6F1E9; }
.hero h1 em { font-style: italic; color: var(--amber); }
.hero p { font-weight: 300; font-size: 19px; color: var(--on-green); letter-spacing: .3px; }
.ornament { display: flex; align-items: center; gap: 16px; color: var(--amber); font-size: 14px; }
.ornament::before, .ornament::after { content: ''; width: 64px; height: 1px; background: var(--amber); opacity: .7; }
.hero-art { width: 100%; height: 100%; left: 0; opacity: .5; }
.search-box { margin: 56px auto 0; max-width: 1000px; border-radius: 4px; text-align: left; background: var(--surface); }
.tabs button, .tabs a { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
.type-card { font-family: var(--serif); font-size: 22px; font-weight: 500; color: var(--ink); min-height: 140px; }
.type-card .ico { color: var(--accent); }

/* Tarjetas de inmuebles */
.listing-card { border: 0; background: transparent; }
.listing-card:hover { box-shadow: none; transform: none; }
.listing-card:hover .listing-img img { transform: scale(1.04); }
.listing-img { aspect-ratio: 4 / 5; border-radius: 4px; background: var(--sand); }
.listing-img img { transition: transform .8s ease; }
.listing-body { padding: 16px 2px 8px; gap: 5px; }
.listing-price { font-family: var(--serif); font-size: 26px; font-weight: 600; color: var(--ink); }
.listing-title { font-weight: 400; font-size: 15px; }
.listing-body .muted { font-size: 11.5px; letter-spacing: 2px; text-transform: uppercase; color: var(--accent); }
.listing-specs { border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); }
.listing-h { background: var(--surface); border: 1px solid var(--line); }
.listing-h .listing-img { aspect-ratio: auto; border-radius: 4px 0 0 4px; }
.listing-h .listing-body { padding: 20px 24px; }
.band-accent { background: var(--sand); color: var(--ink); }
.band-accent .h2 { color: var(--ink); }
.band-accent .lead { color: var(--muted); }
.band-accent .eyebrow { color: var(--accent); }
.band-accent .btn-light { background: var(--ink); color: #fff; }
.band-accent .btn-ghost-light { border-color: var(--ink); color: var(--ink); }
.band-accent .btn-ghost-light:hover { background: var(--ink); color: #fff; }
.mini-steps li { background: var(--surface); }
.mini-steps .n { font-family: var(--serif); color: var(--accent); font-weight: 500; font-size: 36px; }
.tool-dark, .plan-dark, .section-dark { background: var(--green-deep); }
.plan .price { font-family: var(--serif); font-weight: 500; font-size: 48px; color: var(--ink); }
.plan-dark .price { color: #F6F1E9; }
.plan h2 { font-family: var(--serif); font-size: 30px; font-weight: 500; }
.plan-feat { border: 1px solid var(--accent); box-shadow: var(--shadow); }
.ribbon { background: var(--accent); }
.feat .ico { color: var(--accent); }
.plan-dark .feat .ico { color: var(--amber); }
.faq details { border-radius: 0; border-width: 0 0 1px; background: transparent; }
.faq details + details { margin-top: 0; }
.faq summary { font-family: var(--serif); font-size: 22px; font-weight: 500; color: var(--ink); padding-left: 0; }
.faq details p { padding-left: 0; }
.stat b { font-family: var(--serif); font-weight: 500; }
#site-footer { background: var(--green-deep); }
.footer-grid h2 { font-family: var(--sans); font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--amber); font-weight: 500; }
.side-nav { background: var(--green-deep); }
.side-nav a, .side-nav button { font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; }
.kpi b { font-weight: 500; }
.wa-fab { border-radius: 2px; }
.btn-ghost-light { background: transparent; color: #fff; }
.btn-ghost-light:hover { background: #fff; color: var(--ink); }
.btn-danger { background: transparent; color: #9B2C2C; border: 1px solid #D9A5A5; }
.btn-danger:hover { background: #9B2C2C; color: #fff; }
.btn-danger-solid { background: #9B2C2C; }
.btn-danger-solid:hover { background: #7f2222; }
.btn-wa { background: var(--ok); }
.btn-wa:hover { background: #17633d; }

/* ---------- Gestión de contactos ---------- */
.funnel { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.funnel button { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 14px 14px 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--ink); text-align: left; min-height: 72px; }
.funnel button b { font-family: var(--serif); font-size: 28px; font-weight: 500; line-height: 1; }
.funnel button span { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); }
.funnel button[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.funnel button[aria-pressed="true"] span { color: var(--on-green); }
.funnel .due b { color: #9B2C2C; }
.funnel .due[aria-pressed="true"] b { color: #F3B4B4; }
.lead-card { display: grid; grid-template-columns: minmax(0, 1fr) 250px; }
.lead-main { padding: 22px 24px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.lead-side { padding: 20px; border-left: 1px solid var(--line); background: var(--bg); display: flex; flex-direction: column; gap: 12px; }
.lead-side .field input, .lead-side .field select { min-height: 42px; }
.lead-msg { white-space: pre-line; padding: 12px 14px; background: var(--bg); border-left: 2px solid var(--accent); font-size: 15px; }
.lead-contact { user-select: all; color: var(--muted); }
.lead-notes summary { cursor: pointer; font-size: 13px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: var(--accent); min-height: 32px; display: flex; align-items: center; }
.note { padding: 10px 12px; background: var(--bg); border-radius: var(--radius); }
.note p { font-size: 15px; white-space: pre-line; }
@media (max-width: 1080px) { .funnel { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .funnel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-card { grid-template-columns: 1fr; }
  .lead-side { border-left: 0; border-top: 1px solid var(--line); }
}

/* ---------- Expediente, verificaciones y formatos ---------- */
.h4 { font-family: var(--serif, 'Cormorant Garamond', serif); font-size: 22px; color: var(--green); font-weight: 600; }
.doc-row { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: flex-start; justify-content: space-between; padding: 16px 0; border-top: 1px solid var(--line, #E6DDD0); }
.doc-row:first-of-type { border-top: 0; }
.doc-upload { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; max-width: 520px; }
.doc-upload .field { min-width: 180px; flex: 1; }
.doc-upload input[type=file] { font-size: 13px; padding: 8px; }
.link-btn { background: none; border: 0; padding: 0; color: var(--accent); text-decoration: underline; cursor: pointer; font: inherit; }
.formato-wrap { max-width: 860px; }
.formato { padding: 56px 64px; line-height: 1.65; font-size: 15px; color: #1C1915; background: #fff; }
.formato h2 { font-family: var(--serif, 'Cormorant Garamond', serif); font-size: 22px; text-align: center; margin: 0 0 24px; line-height: 1.3; }
.formato p { margin: 0 0 14px; text-align: justify; }
@media (max-width: 640px) { .formato { padding: 28px 20px; } }
@media print {
  .no-print, #site-header, #site-footer, .wa-fab, .toast { display: none !important; }
  body { background: #fff !important; }
  .formato-wrap { max-width: none; padding: 0; margin: 0; }
  .formato { box-shadow: none !important; border: 0 !important; padding: 0; font-size: 12pt; }
  @page { margin: 2.2cm 2cm; }
}

/* Sello de vendido / arrendado */
.sold-stamp { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-8deg); padding: 8px 22px; border: 3px solid #fff;
  color: #fff; background: rgba(28, 25, 21, 0.72); font-weight: 600; letter-spacing: 4px; text-transform: uppercase; font-size: 18px; border-radius: 4px; }
.tag-sold { background: #1C1915; color: #fff; }
/* Logo con nombres largos: una sola línea */
.logo span { white-space: nowrap; }
.logo { flex-shrink: 0; }
@media (min-width: 1081px) { .logo span { letter-spacing: 4px; font-size: 26px; } }
@media (max-width: 1080px) { .logo span { letter-spacing: 2px; font-size: 21px; } }
.main-nav a { white-space: nowrap; }
@media (max-width: 1440px) {
  .main-nav { gap: 22px; }
  .main-nav a { letter-spacing: 1.5px; }
  .header-right { gap: 14px; }
}
@media (max-width: 1280px) and (min-width: 1081px) {
  .main-nav { gap: 16px; }
  .main-nav a { font-size: 11.5px; letter-spacing: 1px; }
  .logo span { font-size: 22px; letter-spacing: 3px; }
  .header-right .btn { padding-left: 14px; padding-right: 14px; }
}
/* Redactar con IA */
.ai-box { border: 1px dashed var(--accent); border-radius: 6px; padding: 14px 16px; background: rgba(201, 169, 110, 0.08); display: flex; flex-direction: column; gap: 8px; }

/* Encabezado: todo en una línea (con el botón Administrar incluido) */
.header-right > * { white-space: nowrap; }
.pub-short { display: none; }
@media (max-width: 1440px) and (min-width: 1081px) {
  .is-admin .pub-long { display: none; }
  .is-admin .pub-short { display: inline; }
  .is-admin .main-nav { gap: 16px; }
  .is-admin .main-nav a, .is-admin .header-right .link-strong, .is-admin .header-right .link-btn { letter-spacing: 1px; font-size: 11.5px; }
  .is-admin .header-left { gap: 28px; }
  .is-admin .logo span { font-size: 21px; letter-spacing: 2px; }
  .is-admin .header-right { gap: 12px; }
}
/* Editor de formatos legales con vista previa */
.legal-editor { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.legal-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.legal-preview { max-height: 640px; overflow: auto; border: 1px solid var(--line); background: #fff; padding: 28px 32px; font-size: 14px; position: sticky; top: 100px; }
.legal-preview .fld { background: rgba(201, 169, 110, .25); border-radius: 3px; padding: 0 3px; box-shadow: inset 0 -1px 0 var(--accent); }
.legal-preview .fld-bad { background: #FBE3E0; box-shadow: inset 0 -1px 0 #B3261E; }
@media (max-width: 980px) { .legal-editor { grid-template-columns: 1fr; } .legal-preview { position: static; max-height: none; } }

/* Firma electrónica */
.sign-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.sign-layout .formato { padding: 40px 44px; }
.sign-panel { position: sticky; top: 100px; }
.sign-pad { position: relative; border: 1px dashed var(--accent); background: #fff; border-radius: 6px; }
.sign-pad canvas { width: 100%; height: auto; display: block; touch-action: none; cursor: crosshair; }
.sign-pad .act { position: absolute; top: 6px; right: 6px; }
.formato .lf { font: inherit; font-size: 14px; border: 0; border-bottom: 2px solid var(--accent); background: rgba(201, 169, 110, .14); padding: 2px 6px; min-width: 160px; max-width: 100%; border-radius: 3px 3px 0 0; }
.formato select.lf { min-width: 110px; }
.formato .lf:focus { outline: 2px solid var(--accent); background: #fff; }
.formato .lf-bad { border-bottom-color: #B3261E; background: #FBE3E0; }
.firma-img { display: block; max-height: 90px; max-width: 260px; margin: 6px 0 -4px; }
.firma-slot { display: inline-block; padding: 14px 40px; border: 1px dashed var(--line-2); color: var(--muted); font-size: 13px; }
.legal-preview .fld-fill { background: #E7F0EA; box-shadow: inset 0 -1px 0 var(--green); }
.evidencia { margin-top: 36px; padding-top: 18px; border-top: 2px solid var(--line); font-size: 12.5px; }
.evidencia h3 { font-size: 15px; margin-bottom: 6px; }
.evidencia table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.evidencia td { padding: 5px 8px 5px 0; vertical-align: top; border-bottom: 1px solid var(--line); }
.evidencia td:first-child { color: var(--muted); width: 32%; }
.mono { font-family: ui-monospace, Consolas, monospace; font-size: 11.5px; word-break: break-all; }
@media (max-width: 980px) { .sign-layout { grid-template-columns: 1fr; } .sign-panel { position: static; } .sign-layout .formato { padding: 26px 18px; } }

/* Documentos del negocio (promesa, acta) */
.doc-editor { display: grid; grid-template-columns: minmax(300px, 400px) 1fr; gap: 22px; align-items: start; }
.doc-fields { position: sticky; top: 96px; max-height: calc(100vh - 120px); overflow: auto; }
.doc-paper { padding: 48px 56px; }
.doc-tbl { width: 100%; border-collapse: collapse; table-layout: fixed; }
.doc-body { overflow-wrap: anywhere; }
.doc-tbl td { padding: 0; vertical-align: top; }
.doc-head { text-align: center; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--line); }
.doc-logo { max-height: 84px; max-width: 70%; object-fit: contain; display: block; margin: 0 auto; }
.doc-name { font-size: 15px; letter-spacing: 2px; text-transform: uppercase; color: var(--ink); }
.dv { white-space: pre-line; }
.dv-empty { background: #fff3c4; border-bottom: 1px dashed #b08a2e; padding: 0 4px; border-radius: 3px; cursor: pointer; color: #6b5313; font-size: 0.92em; }
.lf-long { width: 100%; display: block; margin: 6px 0; }
@media (max-width: 980px) {
  .doc-editor { grid-template-columns: 1fr; }
  .doc-fields { position: static; max-height: none; }
  .doc-paper { padding: 24px 18px; }
}
@media print {
  .doc-editor { display: block; }
  .doc-paper { padding: 0 !important; }
  .doc-head { border-bottom: 0; margin-bottom: 10px; }
  .dv-empty { background: none; color: transparent; border-bottom: 1px solid #000; border-radius: 0; }
  #app > :not(.doc-editor):not(#paper) { display: none !important; }
}
.doc-bar { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 18px; position: sticky; top: 84px; z-index: 5; }
.doc-editor-1 { grid-template-columns: 1fr; max-width: 920px; margin: 0 auto; }
.doc-paper .lf { font-size: 15px; min-width: 10ch; padding: 4px 8px; margin: 2px 0; background: #fff6d6; border-bottom: 2px solid #c9a96e; transition: background .15s; }
.doc-paper .lf:focus { background: #fff; outline: 2px solid var(--green); }
.doc-paper textarea.lf { width: 100%; min-height: 84px; resize: vertical; line-height: 1.5; }
@media (max-width: 680px) { .doc-bar { top: 64px; } .doc-paper .lf { max-width: 100%; } }

/* Agenda comercial */
.agenda-item { display: grid; grid-template-columns: 150px 1fr; gap: 18px; padding: 16px 20px; align-items: start; }
.agenda-when { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.agenda-when b { color: var(--green); font-size: 16px; text-transform: capitalize; }
.owner-box { border-left: 3px solid var(--accent); background: var(--sand); padding: 8px 12px; border-radius: 0 8px 8px 0; display: flex; flex-direction: column; gap: 4px; }
.act-danger { color: #B3261E; }
@media (max-width: 680px) { .agenda-item { grid-template-columns: 1fr; gap: 10px; } }