/* JMO v12 · ecosistema comercial · 11-08-2026 */
:root{--eco-gold:#B9A45E;--eco-gold2:#EBDCA9;--eco-ink:#0B0E11;--eco-cream:#F5F1E7;--eco-muted:#AAB1B8}
/* Lectura */
p, .sub, .lead, .muted{ text-wrap:pretty }
.copy-left{max-width:68ch;text-align:left;margin-left:auto;margin-right:auto}.section-intro{max-width:820px;margin:0 auto;text-align:center}.section-intro p{max-width:70ch;margin-left:auto;margin-right:auto;text-align:center}
/* Chips: más contraste */
.diag-pill{border:1px solid rgba(235,220,169,.72)!important;color:#F1E7C6!important;background:rgba(185,164,94,.10)!important;box-shadow:0 0 0 1px rgba(185,164,94,.06) inset}
.report-preview{transform:none!important;box-shadow:0 28px 80px rgba(0,0,0,.34)!important}.report-preview .rp-row{font-size:14px}.report-preview .rp-row b{color:#725f24!important}.report-preview .rp-row span{color:#25211a}.report-author span{display:block;color:#6d6251;font-size:12px;margin-top:3px}
/* generic visual */
.eco-visual{border:1px solid rgba(185,164,94,.34);border-radius:24px;overflow:hidden;background:#0B0E11;box-shadow:0 22px 60px rgba(0,0,0,.24)}.eco-visual img{display:block;width:100%;height:auto}.eco-caption{padding:12px 16px;border-top:1px solid rgba(185,164,94,.2);font-size:12.5px;color:var(--muted,#9BA3AD)}
/* Home */
.hero-photo img{width:100%;height:100%;object-fit:cover}.team-banner img{width:100%;height:auto;object-fit:contain}.leader-note img{display:none!important}.leader-note{padding-left:0!important}
.property-grid{grid-template-columns:repeat(2,1fr)!important}.property-card{overflow:hidden}.property-cover.photo{height:245px;padding:0!important;background:#0B0E11!important}.property-cover.photo:after{display:none!important}.property-cover.photo img{width:100%;height:100%;object-fit:cover;display:block}.property-body .source-link{display:inline-flex;align-items:center;gap:7px;color:var(--gold2,#EBDCA9);font-weight:800;text-decoration:none}.portfolio-action{display:flex;justify-content:center;margin-top:26px}
.closing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.closing-card{border:1px solid rgba(185,164,94,.28);border-radius:18px;overflow:hidden;background:#10151a}.closing-card img{width:100%;height:330px;object-fit:cover;display:block}.closing-card .cap{padding:14px 16px;color:#d8d8d4;font-size:13px}.closing-card .cap b{color:var(--eco-gold2);display:block;margin-bottom:4px}
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.eco-card{display:block;border:1px solid rgba(185,164,94,.28);border-radius:18px;padding:20px;background:rgba(255,255,255,.025);text-decoration:none;color:inherit;transition:.18s}.eco-card:hover{transform:translateY(-3px);border-color:rgba(185,164,94,.7)}.eco-card b{display:block;color:var(--eco-gold2);font-size:17px;margin-bottom:6px}.eco-card span{color:var(--muted,#9BA3AD);font-size:13.5px;line-height:1.55}
/* Diagnostic criteria */
.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.criterion{border:1px solid rgba(185,164,94,.28);border-radius:18px;padding:20px;background:rgba(255,255,255,.025)}.criterion .n{font-size:11px;letter-spacing:.12em;color:var(--eco-gold);font-weight:900}.criterion h3{font-size:17px;margin:10px 0 6px}.criterion p{font-size:13.5px;color:var(--muted,#9BA3AD);line-height:1.55}.report-logic{margin-top:30px;padding:22px;border:1px solid rgba(185,164,94,.3);border-radius:18px;background:linear-gradient(135deg,rgba(185,164,94,.09),rgba(255,255,255,.02))}.report-logic b{color:var(--eco-gold2)}
/* Valuation */
.factor-grid,.error-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.factor,.error-card{border:1px solid var(--line,#252d35);border-radius:18px;padding:20px;background:rgba(255,255,255,.025)}.factor b,.error-card b{display:block;color:var(--eco-gold2);margin-bottom:7px;font-size:16px}.factor p,.error-card p{font-size:13.5px;color:var(--muted,#9BA3AD);line-height:1.55}.spread-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.spread-side{border:1px solid rgba(185,164,94,.3);border-radius:18px;padding:24px;background:#11171c}.spread-side .big{font-size:clamp(42px,7vw,76px);font-weight:950;color:var(--eco-gold2);line-height:.95}.spread-side small{display:block;color:var(--muted,#9BA3AD);margin-top:9px;line-height:1.45}.spread-delta{border-color:rgba(185,164,94,.75);background:linear-gradient(145deg,rgba(185,164,94,.14),#11171c)}.radar-figure{margin-top:30px;border:1px solid #d8cda8;border-radius:20px;overflow:hidden;background:#f4f1ea}.radar-figure img{width:100%;display:block;filter:contrast(1.09) saturate(1.04)}.radar-figure figcaption{padding:12px 16px;color:#5f5645;font-size:12.5px}.method-flow .method-node{background:#fff!important;border-color:#86784d!important}.method-flow .method-node b{color:#69591f!important}.method-flow .method-node span{color:#58554c!important}.light .method-flow{color:#222}
/* Buyers */
.buyer-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.buyer-visual{border:1px solid rgba(185,164,94,.28);border-radius:20px;overflow:hidden;background:#0B0E11}.buyer-visual img{width:100%;height:200px;object-fit:cover;display:block}.buyer-visual div{padding:16px}.buyer-visual b{display:block;color:var(--eco-gold2);margin-bottom:5px}.buyer-visual p{font-size:13.5px;color:var(--muted,#9BA3AD)}
/* Cases */
.case-art.photo{padding:0!important;min-height:190px!important}.case-art.photo img{width:100%;height:210px;object-fit:cover;display:block}.case-filters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:22px 0 0}.case-filter{border:1px solid rgba(185,164,94,.38);color:#6d5d28;background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;cursor:pointer}.case-filter.active{background:#b9a45e;color:#0b0e11}.case-card.hidden-case{display:none}.case-hero-img{margin:24px 0 30px;border-radius:20px;overflow:hidden;border:1px solid #d8cfbb}.case-hero-img img{width:100%;display:block}.close-proof{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.close-proof img{width:100%;height:430px;object-fit:cover;border-radius:18px;border:1px solid rgba(185,164,94,.3)}
/* Service pages */
.route-band{margin:28px 0 0;padding:20px;border:1px solid rgba(185,164,94,.3);border-radius:18px;background:rgba(185,164,94,.07)}.route-band b{color:var(--eco-gold2)}.route-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.route-links a{font-size:12.5px;color:var(--eco-gold2);border:1px solid rgba(185,164,94,.35);padding:7px 10px;border-radius:999px;text-decoration:none}.team-service{margin-top:28px;border-radius:20px;overflow:hidden;border:1px solid rgba(185,164,94,.34)}.team-service img{display:block;width:100%;height:auto}
/* Mobile */
@media(max-width:900px){.property-grid,.closing-grid,.ecosystem-grid,.criteria-grid,.factor-grid,.error-grid,.buyer-visual-grid{grid-template-columns:1fr 1fr!important}.spread-hero{grid-template-columns:1fr}.close-proof{grid-template-columns:1fr}.closing-card img{height:300px}.close-proof img{height:auto}}
@media(max-width:620px){.property-grid,.closing-grid,.ecosystem-grid,.criteria-grid,.factor-grid,.error-grid,.buyer-visual-grid{grid-template-columns:1fr!important}.property-cover.photo{height:210px}.closing-card img{height:auto}.report-preview{padding:19px!important}.report-preview .rp-row{gap:8px;align-items:flex-start}.report-preview .rp-row b{text-align:right;max-width:55%}.spread-side .big{font-size:52px}.method-flow{grid-template-columns:1fr!important}.case-art.photo img{height:175px}}

/* v13 · Valorización orientada a cliente */
.zone-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.zone-compare>div{padding:18px;border:1px solid #303842;border-radius:14px;background:#11171d}.zone-compare span,.zone-compare small{display:block;color:#aeb7c0;font-size:12px}.zone-compare b{display:block;color:#ead57d;font-size:29px;margin:8px 0}.simple-method{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:26px}.simple-method>div{padding:20px;border:1px solid #d8cfb4;border-radius:14px;background:#fff;color:#111}.simple-method>div>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0b0e11;color:#d8bd63;font-weight:900;margin-bottom:12px}.simple-method b{display:block;font-size:16px}.simple-method p{color:#635d50;font-size:13px;line-height:1.5}.diag-next{padding:56px 0;background:#f3efe4}.diag-next h3{color:#101317}.diag-next p{color:#655f54}.next-link{text-decoration:none}.next-link b{color:#8b6b16}@media(max-width:900px){.simple-method{grid-template-columns:1fr 1fr}.zone-compare{grid-template-columns:1fr}}@media(max-width:520px){.simple-method{grid-template-columns:1fr}}
.buyer-after{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.buyer-after>div{padding:20px;border:1px solid #2d353d;border-radius:14px;background:#11171d}.buyer-after b{display:block;color:#ead57d;margin-bottom:8px}.buyer-after span{color:#b5bec6;line-height:1.5;font-size:14px}@media(max-width:900px){.buyer-after{grid-template-columns:1fr 1fr}}@media(max-width:560px){.buyer-after{grid-template-columns:1fr}}
.case-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.case-visual-grid figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid #d8cfb4;background:#0b0e11}.case-visual-grid img{display:block;width:100%;height:auto}@media(max-width:720px){.case-visual-grid{grid-template-columns:1fr}}
.investment-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.investment-visuals figure{margin:0;border:1px solid #d8cfb4;border-radius:16px;overflow:hidden;background:#fff}.investment-visuals img{display:block;width:100%;height:240px;object-fit:cover}.investment-visuals figcaption{padding:14px;color:#5e584d;font-size:13px;line-height:1.45}@media(max-width:760px){.investment-visuals{grid-template-columns:1fr}.investment-visuals img{height:220px}}

/* v13 cierre ecosistema */
.trust-line{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:18px 0 24px;color:#F6F1E5}.trust-line b{font-size:22px;color:#D8C174}.trust-line span{color:#B8C0C7}
.agent-hero{padding-top:60px}.agent-photo{min-height:470px;border:1px solid #2A3138;border-radius:24px;background:radial-gradient(circle at 55% 30%,rgba(185,164,94,.2),transparent 48%),#0C1014;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.agent-photo img{width:100%;height:100%;max-height:560px;object-fit:contain;object-position:center bottom}.agent-proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.agent-proof span{border:1px solid rgba(215,192,111,.55);border-radius:999px;padding:8px 12px;color:#F1E7C4;background:rgba(185,164,94,.08);font-size:13px}.process5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.process5>div{border:1px solid #2B333B;border-radius:16px;padding:18px;background:#11161B}.process5 span{font-weight:900;color:#D5BF72;font-size:13px}.process5 b{display:block;color:#F7F3E8;margin:7px 0}.process5 p{margin:0;color:#AEB8C0;line-height:1.5;font-size:14px}.agent-props{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.agent-prop{border:1px solid #D9D0BD;border-radius:18px;overflow:hidden;background:#fff;text-align:left}.agent-prop img{width:100%;aspect-ratio:4/3;object-fit:cover}.agent-prop .body{padding:18px}.agent-prop h3{margin:0 0 8px}.agent-prop p{color:#5f625f;line-height:1.55}.agent-closes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.agent-closes figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid #2A3138;background:#101419}.agent-closes img{width:100%;aspect-ratio:4/3;object-fit:cover}.agent-closes figcaption{padding:12px 14px;color:#C5CDD3;font-size:13px}.diag-example{border:1px solid rgba(213,191,114,.55);border-radius:20px;background:#F4F0E6;color:#111;padding:24px}.diag-example h3{font-size:28px;margin:8px 0 18px}.diag-example-row{display:grid;grid-template-columns:150px 1fr;gap:12px;border-top:1px solid #D9CEB2;padding:12px 0}.diag-example-row span{color:#7a681e;font-weight:800}.diag-example-row b{font-weight:600}.diag-example p{color:#5c5b56;margin:14px 0 0}.guide-card{border:1px solid #2A3138;background:#11161B;border-radius:18px;padding:20px}.guide-card b{color:#D7C171}.guide-card p{color:#AEB7BE}
@media(max-width:900px){.process5{grid-template-columns:1fr 1fr}.agent-props,.agent-closes{grid-template-columns:1fr 1fr}.agent-photo{min-height:380px}}
@media(max-width:620px){.process5,.agent-props,.agent-closes{grid-template-columns:1fr}.agent-photo{min-height:340px}.diag-example-row{grid-template-columns:1fr}}

/* v14.2 — restore original agent-card proportions */
.agent-props{align-items:stretch}
.agent-prop{display:flex;flex-direction:column;min-width:0}
.agent-prop img{
  display:block;width:100%;height:auto!important;
  aspect-ratio:4/3;object-fit:cover;flex:none
}
.agent-prop .body{display:flex;flex-direction:column;flex:1}
.agent-prop .body .btn{align-self:flex-start;margin-top:auto}
.agent-closes{align-items:stretch}
.agent-closes figure{display:flex;flex-direction:column}
.agent-closes img{
  display:block;width:100%;height:auto!important;
  aspect-ratio:4/3;object-fit:cover
}
@media(max-width:900px){
  .agent-props,.agent-closes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .agent-props,.agent-closes{grid-template-columns:1fr}
  .agent-prop img,.agent-closes img{
    width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover
  }
}

/* ===== DEPLOY 15 · contraste del bloque Ecosistema JMO ===== */
.light.cream .ecosystem-grid .eco-card{background:#FFFFFF;border:1px solid rgba(11,14,17,.14);box-shadow:0 1px 2px rgba(11,14,17,.05)}
.light.cream .ecosystem-grid .eco-card b{color:#0B0E11;font-weight:800}
.light.cream .ecosystem-grid .eco-card span{color:#4A525B}
.light.cream .ecosystem-grid .eco-card:hover{border-color:#9C842F;box-shadow:0 6px 20px rgba(11,14,17,.10);transform:translateY(-2px)}
.light.cream .ecosystem-grid .eco-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#B9A45E;border-radius:3px 0 0 3px}
.light.cream .ecosystem-grid .eco-card{position:relative;padding-left:22px;transition:.18s}


/* ===== deploy-16 · contraste + barra de accion (replicado desde jmo.css) ===== */
:root{--muted-ink:#4E565F;--ink-soft:#2B3239}

.light .muted,.light.cream .muted,.sec.light .muted,
.light .lead.muted,.light.cream .lead.muted,
.light p.muted,.light.cream p.muted,
.light span.muted,.light.cream span.muted,
.light small,.light.cream small{color:var(--muted-ink)!important}

.light .eco-card span,.light.cream .eco-card span{color:var(--muted-ink)!important}
.light .card p,.light.cream .card p,
.light .factor p,.light.cream .factor p,
.light .criteria p,.light.cream .criteria p{color:var(--muted-ink)!important}
.light li,.light.cream li{color:var(--ink-soft)}
.light .source-note,.light.cream .source-note{color:var(--muted-ink)!important;font-size:13.5px}

/* Ningún texto de cuerpo por debajo de 14 px en celular */
@media(max-width:760px){
  .light .muted,.light.cream .muted,.light small,.light.cream small,
  .light .source-note,.light.cream .source-note{font-size:14px!important;line-height:1.6}
}

/* Botón negro sólido para anclar bloques claros */
.btn.solid{background:#0B0E11;color:#F4F1EA;border:0}
.btn.solid:hover{background:#1A2028;color:#EBDCA9}

/* La nota de la data: era texto crema sobre crema (1.19:1). Ahora se ve. */
.market-warning{background:#0B0E11!important;border-left:5px solid #EBB63C!important;
  border-radius:0 14px 14px 0;padding:20px 22px;margin-top:26px}
.market-warning b{color:#EBDCA9!important;font-size:15px}
.market-warning span{color:#D8DDE3!important;font-size:14.5px;line-height:1.6;display:block;margin-top:6px}
.simple-method p{color:var(--muted-ink)!important;font-size:14.5px}

/* ===== Consentimiento ===== */
.consent-box{display:flex;gap:11px;align-items:flex-start;margin:16px 0 4px;cursor:pointer;text-align:left}
.consent-box input{appearance:none;flex:0 0 21px;width:21px;height:21px;margin:1px 0 0;border:2px solid rgba(11,14,17,.30);border-radius:6px;background:#fff;position:relative;cursor:pointer;transition:.15s}
.consent-box input:checked{background:#B9A45E;border-color:#B9A45E}
.consent-box input:checked:after{content:"";position:absolute;left:5.5px;top:1.5px;width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.consent-box span{font-size:13px;color:#4E565F;line-height:1.55}
.consent-box a{color:#9C842F}
.sec.dark .consent-box input,.dark .consent-box input{border-color:rgba(255,255,255,.32);background:#0E1216}
.sec.dark .consent-box span,.dark .consent-box span{color:#C9CFD6}
button[disabled],.btn[disabled]{opacity:.42;cursor:not-allowed}

.referral-photo{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--line-l)}
.referral-photo img{display:block;width:100%;height:auto}
.referral-photo figcaption{padding:16px 20px;background:#0B0E11;color:#D8DDE3;font-size:14.5px;line-height:1.55}

/* ===== Página de contacto ===== */
.contact-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:22px;margin-top:32px;align-items:start}
.contact-form{background:#12171C;border:1px solid var(--line);border-radius:20px;padding:26px}
.contact-form .field{margin-bottom:14px}
.contact-form label{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 7px;font-weight:700}
.contact-form .txt{width:100%;padding:14px 15px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:#0E1216;color:var(--cream);font-family:inherit;font-size:15.5px}
.contact-form select.txt{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' stroke='%239BA3AD' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 15px center}
.contact-form .txt:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(185,164,94,.14)}
.contact-data{background:#0E1318;border:1px solid var(--line);border-radius:20px;padding:8px 24px 20px}
.contact-data .cd{padding:18px 0;border-bottom:1px solid var(--line)}
.contact-data .cd:last-child{border-bottom:0}
.contact-data span{display:block;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:7px}
.contact-data b{display:block;font-size:16.5px;color:var(--cream);font-weight:600}
.contact-data b a{color:var(--cream);text-decoration:none}
.contact-data b a:hover{color:var(--gold2)}
.contact-data small{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.contact-photo{margin:26px 0 0;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.contact-photo img{display:block;width:100%;height:auto}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}

/* deploy-16 · nota de alcance en casos */
.case-disclaimer{margin-top:14px;padding:12px 14px;border-left:3px solid var(--gold);background:rgba(185,164,94,.10);font-size:14px;line-height:1.6;color:#D8DDE3}
.light .case-disclaimer,.sec.light .case-disclaimer{background:#F4F1EA;color:#4E565F;border-left-color:#9C842F}

/* deploy-16 · logo en cabecera de /gracias/ */
.top .logo .lgimg{height:30px;width:auto;display:block;max-width:100%}

/* ===== deploy-16 · barra de accion permanente (campana de captacion) ===== */
.jmo-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;display:none;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:rgba(11,14,17,.97);border-top:1px solid rgba(185,164,94,.28);box-shadow:0 -8px 24px rgba(0,0,0,.35)}
.jmo-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border-radius:10px;font:700 14.5px/1.15 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;text-decoration:none;text-align:center;padding:0 10px}
.jmo-bar .b1{background:#EBDCA9;color:#0B0E11}
.jmo-bar .b2{background:#1F8F4E;color:#fff}
.jmo-bar svg{flex:0 0 auto}
.jmo-float{position:fixed;right:20px;bottom:20px;z-index:200;width:58px;height:58px;border-radius:50%;background:#1F8F4E;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .15s}
.jmo-float:hover{transform:translateY(-2px)}
@media(max-width:760px){.jmo-bar{display:flex}.jmo-float{display:none}body{padding-bottom:74px}}
@media print{.jmo-bar,.jmo-float{display:none!important}}

/* deploy-16 · CIRCULO JMO: banda oscura constante (antes texto dorado sobre crema) */
.refstrip{background:#0B0E11!important;border-top:3px solid var(--gold)!important;border-bottom:0!important;padding:30px 18px!important}
.refstrip .t{color:#F0E7C8!important;font-size:15.5px;line-height:1.55}
.refstrip .t b{color:#EBDCA9!important}
.refstrip a{color:#0B0E11!important;background:var(--gold2);display:inline-block;margin-top:14px;padding:12px 20px;border-radius:9px;border-bottom:0!important;font-weight:800;text-decoration:none}

/* ================= deploy-16 · legibilidad AA (medida en pixeles a 390px) =================
   Causa raiz: el dorado de marca (#B9A45E / #9C842F) esta calculado para fondos oscuros.
   Sobre crema y blanco cae a 2.2-3.6:1. Aqui se usa un dorado tinta (#7A6316) SOLO en
   contextos claros; el dorado de marca se mantiene intacto sobre fondos oscuros. */
:root{--gold-ink:#7A6316}

/* -- Antetitulos (eyebrow) sobre fondo claro -- */
.sec.light .eyebrow,.light .eyebrow,.cream .eyebrow,.light.cream .eyebrow,
.article .eyebrow,.wrap.article .eyebrow,
section.light .eyebrow,section.cream .eyebrow{color:var(--gold-ink)!important}
.sec.light .eyebrow::before,.light .eyebrow::before,.cream .eyebrow::before,
.article .eyebrow::before{background:var(--gold-ink)!important}

/* -- Etiquetas de los casos sobre fondo claro -- */
.prevent span,.fuente-tag{color:var(--gold-ink)!important}

/* -- Botones fantasma sobre fondo claro -- */
.sec.light .btn.ghost,.light .btn.ghost,.cream .btn.ghost,
section.light .btn.ghost{color:var(--gold-ink)!important;border-color:var(--gold-ink)!important}

/* -- Enlaces-flecha dorados dentro de tarjetas claras -- */
.light .card b,.light .cards b,.cream .card b,
.light a b,.cream a b{color:var(--gold-ink)}
.card-arrow,.arrow-link,.link-gold{color:var(--gold-ink)!important}

/* -- Texto secundario del pie -- */
footer .wrap>div{color:#B7BEC6}
footer .wrap>div:nth-child(2){color:#AAB2BB}

/* -- Enlaces sueltos dorados sobre fondo claro (legales, sub-enlaces) -- */

/* -- Tarjetas oscuras con texto claro heredado del modo claro (/valorizacion/) -- */
.dark .card p,.dark2 .card p,.sec.dark .card p,.sec.dark2 .card p{color:#C9CFD6!important}
.dark .card b,.dark2 .card b,.sec.dark .card b,.sec.dark2 .card b{color:#EBDCA9!important}
.dark .card h3,.dark2 .card h3,.sec.dark .card h3,.sec.dark2 .card h3{color:#F4F1EA!important}

/* -- Boton de WhatsApp de la barra: verde mas oscuro para AA sobre blanco -- */
.jmo-bar .b2,.jmo-float{background:#136B39}

/* deploy-16 · segunda pasada AA (valores medidos, no estimados) */
.diag-next p,.diag-next .sub{color:#4E565F!important}
.diag-next .card,.diag-next .next-link{background:#fff}
.next-link b,.diag-next b{color:#7A6316!important}
.article .fact b{color:#7A6316}
.article .cta-card a{color:#7A6316}
.sec.light .card b,.sec.light .sub b,.light .card b{color:#7A6316}
.light .accent,.cream .accent,.sec.light .accent,section.light .accent,
.light h1 .g,.light h2 .g,.cream h2 .g,.sec.light .g{color:#8A7226}
.micro a,.sec.light .micro a{color:#4E565F!important;border-bottom-color:#B9A45E!important}

/* deploy-16 · tercera pasada: enlaces dorados SEGUN el fondo real de la seccion */
.lesson-tag{color:#EBB63C!important}
.sec.dark a[href^="mailto"],.sec.dark2 a[href^="mailto"],.dark .dato a,
.sec.dark .consent-box a,.sec.dark2 .consent-box a,
.sec.dark .legal a,.sec.dark2 .legal a,footer a{color:#D9C88A}
.sec.light a[href^="mailto"],.sec.light .consent-box a,.sec.light .legal a,
.cream .consent-box a,.article a[href^="mailto"]{color:#7A6316}
.sec.dark a[href^="/privacidad"],.sec.dark2 a[href^="/privacidad"]{color:#D9C88A}
.sec.light a[href^="/privacidad"],.cream a[href^="/privacidad"]{color:#7A6316}

/* deploy-16 · identidad verificable en el pie (campana en frio: el contacto debe poder comprobar quien somos) */
.foot-id{margin-top:14px;padding-top:12px;border-top:1px solid rgba(185,164,94,.18);font-size:12px;line-height:1.6;color:#98A0A9;letter-spacing:.01em}

/* deploy-17 · tarjetas de expediente: el h3 heredaba la tinta de la seccion clara sobre panel oscuro (1.07:1) */
.case-card{color:#E7E3DA}
.case-body h3{color:#F4F1EA!important}
.case-body h3 a{color:inherit}
.case-body p{color:#B9C0C8!important}
.case-card .eyebrow,.case-body .eyebrow{color:#D9C88A!important}
.case-card .eyebrow::before{background:#D9C88A!important}
.case-body a,.case-body .case-link{color:#EBDCA9!important}

/* ===== deploy-17 · directorio de agentes acreditados ===== */
.agent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.agent-card{display:grid;grid-template-columns:190px 1fr;gap:0;background:#12171C;border:1px solid rgba(185,164,94,.22);border-radius:20px;overflow:hidden}
.agent-card-photo{position:relative;background:#0B0E11}
.agent-card-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.agent-badge{position:absolute;left:10px;top:10px;background:#EBDCA9;color:#0B0E11;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:999px}
.agent-card-body{padding:20px 22px 22px}
.agent-card-body h3{font-size:22px;line-height:1.15;margin:0 0 3px;color:#F4F1EA}
.agent-rol{font-size:13.5px;color:#D9C88A;font-weight:700;margin:0 0 14px;letter-spacing:.02em}
.agent-datos{margin:0 0 14px;display:grid;gap:10px}
.agent-datos div{display:grid;grid-template-columns:1fr;gap:2px}
.agent-datos dt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#9BA3AD;font-weight:800}
.agent-datos dd{margin:0;font-size:15px;color:#E7E3DA;line-height:1.45}
.agent-datos dd a{color:#EBDCA9;font-weight:800;border-bottom:1px solid rgba(235,220,169,.45)}
.agent-esp{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.agent-esp span{font-size:11.5px;color:#C9CFD6;border:1px solid #2C343D;border-radius:999px;padding:5px 11px}
.agent-acciones{display:flex;gap:9px;flex-wrap:wrap}
.agent-acciones .btn{font-size:14px;padding:11px 16px;min-height:44px;display:inline-flex;align-items:center}
.agent-acciones .btn.solid{background:#EBDCA9;color:#0B0E11;border:0}
.agent-acciones .btn.ghost{color:#EBDCA9;border:1.5px solid rgba(235,220,169,.5);background:transparent}

.never-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.never-card{background:#fff;border:1px solid #E2DCCB;border-left:4px solid #9C842F;border-radius:14px;padding:20px}
.never-card>b{display:block;font-size:16.5px;color:#0B0E11;margin-bottom:8px}
.never-card p b{color:#0B0E11}
.never-card p{font-size:14.5px;line-height:1.6;color:#4E565F;margin:0}
.verify-note{margin-top:24px;background:#0B0E11;border-radius:16px;padding:20px 22px}
.verify-note b{display:block;color:#EBDCA9;font-size:16px;margin-bottom:6px}
.verify-note span{display:block;color:#D8DDE3;font-size:14.5px;line-height:1.65}
.verify-note a{color:#EBDCA9;border-bottom:1px solid rgba(235,220,169,.5)}

@media(max-width:900px){.never-grid{grid-template-columns:1fr}.agent-grid{grid-template-columns:1fr}}
@media(max-width:560px){
  .agent-card{grid-template-columns:1fr}
  /* Era 16/10: una banda apaisada que en un retrato corta la cabeza
     o deja solo la frente. 3/4 coincide con el archivo de origen,
     asi que en movil la foto se ve entera y sin recortar. */
  .agent-card-photo{aspect-ratio:3/4}
  .agent-card-photo img{object-position:center center}
  .agent-card-body{padding:18px}
  .agent-acciones .btn{flex:1;justify-content:center}
}

/* deploy-17 · puente al directorio de agentes */
.team-verify{background:#12171C;border:1px solid rgba(185,164,94,.28);border-radius:16px;padding:18px 20px;margin:22px 0}
.team-verify b{display:block;color:#EBDCA9;font-size:16px;margin-bottom:5px}
.team-verify span{display:block;color:#C9CFD6;font-size:14.5px;line-height:1.6;margin-bottom:10px}
.team-verify a{color:#0B0E11;background:#EBDCA9;display:inline-block;padding:10px 16px;border-radius:9px;font-weight:800;font-size:14px;text-decoration:none}
.agent-verify{display:inline-block;margin-bottom:14px;color:#EBDCA9;font-size:13px;font-weight:800;border:1px solid rgba(235,220,169,.45);border-radius:999px;padding:7px 14px;text-decoration:none}

.verify-note a{color:#F0E3B8!important;border-bottom:1px solid rgba(240,227,184,.55)}

h2.as-h1{font-size:clamp(34px,4.8vw,58px);font-weight:850;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}

/* El consentimiento es un <label> dentro de .fbox, así que heredaba
   text-transform:uppercase y font-weight:700 de las etiquetas de campo:
   salía en mayúsculas y negrita, ilegible, en las 5 páginas con formulario. */
.fbox label.consent-box{text-transform:none;font-weight:400;font-size:13.5px;letter-spacing:0;line-height:1.5;margin:18px 0 4px}
.fbox label.consent-box a{text-decoration:underline}

/* El consentimiento también aparece dentro de .contact-form, donde la regla
   .contact-form label lo ponía en MAYÚSCULAS de 11px con letter-spacing .13em.
   El texto va dentro de un <span>, así que heredaba las mayúsculas y el
   espaciado y quedaba ilegible. Esta regla lo normaliza venga de donde venga. */
.fbox label.consent-box,.contact-form label.consent-box,label.consent-box{
  text-transform:none;font-weight:400;font-size:13.5px;letter-spacing:0;
  line-height:1.5;margin:18px 0 4px}
.fbox label.consent-box a,.contact-form label.consent-box a,
label.consent-box a{text-decoration:underline}
label.consent-box span{text-transform:none;letter-spacing:0;font-weight:400}

/* Los chips .agent-proof estaban pensados solo para secciones oscuras: dorado
   palido sobre fondo translucido. Dentro de .sec.light el texto desaparecia.
   Esta variante los invierte para fondo claro. */
.sec.light .agent-proof span{border-color:rgba(122,99,22,.45);color:#4A3E10;
  background:rgba(185,164,94,.16)}


/* Los pasos 01–05 quedaban muy discretos frente al peso del titular.
   Sube el numero y el nombre del paso; el parrafo se queda igual. */
.process5 span{font-size:16px;letter-spacing:.02em}
.process5 b{font-size:19px;margin:9px 0 6px}
@media (max-width:860px){.process5 span{font-size:15px}.process5 b{font-size:18px}}

/* Las fotos de cierre son de celular y salen verticales. El bloque estaba en
   4/3 apaisado, asi que el recorte central les cortaba cabezas y pies.
   3/4 coincide con el archivo de origen: entran enteras. */
.agent-closes img{aspect-ratio:3/4}
@media (max-width:860px){.agent-closes{grid-template-columns:repeat(2,1fr)}}

/* Tarjetas de ruta: contorno dorado y texto centrado para que no se vean planas */
.route-card,.ruta-card,.agent-shared .shared-card{border:1px solid rgba(185,164,94,.42)}

/* Tarjetas de ruta (.card.next-link): contorno dorado y texto centrado.
   Se les da altura minima y se empuja el enlace al pie para que el desnivel
   entre titulos de una y dos lineas no descuadre la fila. */
.cards .card.next-link{border:1px solid rgba(185,164,94,.45);text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  transition:border-color .18s ease,transform .18s ease}
.cards .card.next-link:hover{border-color:rgba(185,164,94,.85);transform:translateY(-2px)}
.cards .card.next-link h3{min-height:2.5em;display:flex;align-items:center;justify-content:center;margin:0 0 6px}
.cards .card.next-link p{flex:1 0 auto;margin:0 0 14px}
.cards .card.next-link b{margin-top:auto}
@media (max-width:860px){.cards .card.next-link h3{min-height:0}}

/* ── Cartera de Inmuebles · Nuevos Ingresos (fichas de agente) ─────────────
   Rejilla de 4. Las fichas sin fotografía propia usan portada tipográfica:
   nunca se reutiliza la foto de un inmueble para representar otro. */
.agent-props.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.agent-props.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.agent-props.c4{grid-template-columns:1fr}}
.agent-prop-cover{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:8px;text-align:center;padding:16px;
  background:radial-gradient(100% 100% at 70% 20%,rgba(185,164,94,.26),transparent 58%),
             linear-gradient(145deg,#171E24,#0B0E11)}
.agent-prop-cover b{color:#E4D08A;font-size:20px;line-height:1.15;font-weight:800}
.agent-prop-cover span{color:#AEB7BE;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.agent-prop .op{display:inline-block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  font-weight:800;color:#7A6316;border:1px solid rgba(122,99,22,.42);background:rgba(185,164,94,.16);
  border-radius:999px;padding:3px 10px;margin-bottom:10px;align-self:flex-start}
.agent-prop h3{font-size:19px;line-height:1.25}
.agent-prop .meta{font-size:13.5px;color:#5f625f;margin:0 0 8px;line-height:1.5}
.agent-prop .price{font-weight:800;color:#7A6316;font-size:18px;margin:0 0 14px}
#propiedades .section-actions{text-align:center;margin-top:26px}

.agent-prop .price small{display:block;font-size:12.5px;font-weight:600;color:#6f6a5c;margin-top:2px}

/* 6 pasos (se añadió Postventa) y cartera compartida en 2 columnas */
.process5.c6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1150px){.process5.c6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.process5.c6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.process5.c6{grid-template-columns:1fr}}
.agent-shared.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.agent-shared.c2{grid-template-columns:1fr}}

/* Fotos de oficina: la rejilla se ajusta a cuántas fotos hay */
.agent-closes.c1{grid-template-columns:1fr;margin-top:0}
.agent-closes.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.agent-closes.c2{grid-template-columns:1fr}}

.grid2.of-1foto{align-items:center}
.agent-closes.c1{max-width:400px;margin-left:auto;margin-right:auto}
.agent-closes.c1 img{max-height:500px}
@media(max-width:900px){.agent-closes.c1{max-width:340px}}

/* ── Centro Hipotecario JMO ──────────────────────────────────────────── */
.credito-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
@media(max-width:1000px){.credito-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.credito-grid{grid-template-columns:1fr}}
.credito-card{border:1px solid rgba(185,164,94,.45);border-radius:18px;background:#fff;
  padding:22px;display:flex;flex-direction:column}
.credito-card h3{margin:0 0 10px;font-size:20px}
.credito-card p{color:#5f625f;line-height:1.6;font-size:14.5px;margin:0 0 14px}
.credito-lista{margin:0 0 16px;padding-left:18px}
.credito-lista li{color:#4b4e4b;line-height:1.55;font-size:14px;margin-bottom:8px}
.credito-error{margin-top:auto;border-top:1px solid #e2dac6;padding-top:12px}
.credito-error b{display:block;color:#7A6316;font-size:12px;letter-spacing:.07em;
  text-transform:uppercase;margin-bottom:6px}
.credito-error span{color:#5f625f;font-size:13.5px;line-height:1.55}
.sec.dark .credito-lista li,.sec.dark2 .credito-lista li{color:#C5CDD3}
.glosario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}
@media(max-width:760px){.glosario{grid-template-columns:1fr}}
.glosario>div{border:1px solid #2B333B;border-radius:14px;background:#11161B;padding:16px}
.glosario b{display:block;color:#D7C171;margin-bottom:5px}
.glosario span{color:#AEB7BE;font-size:14px;line-height:1.55}

/* Simulador en soles */
.fbox label .moneda{color:var(--gold2);font-weight:800}
.sim-informe{margin-top:18px;display:grid;gap:12px}
.sim-nota{border:1px solid #2B333B;border-radius:14px;background:#11161B;padding:14px 16px}
.sim-nota b{display:block;color:#D7C171;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;margin-bottom:6px}
.sim-nota span{color:#AEB7BE;font-size:13.5px;line-height:1.6}
.sim-nota span b{display:inline;text-transform:none;letter-spacing:0;font-size:13.5px;color:#E4D08A}

.agent-mail{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:3px}
.agent-mail span{color:var(--muted);font-size:13px}
.agent-mail a{color:var(--gold2);font-weight:700;font-size:15px;text-decoration:none;
  border-bottom:1px solid rgba(185,164,94,.4)}
.agent-mail a:hover{border-bottom-color:var(--gold2)}

/* ── Las tres evaluaciones (/compradores/) ────────────────────────────────
   Sin imagen a propósito: el texto va en tipografía real, no quemado dentro
   de un JPG donde se vuelve ilegible. La variación respecto de las tarjetas
   de /casos/ es la barra dorada lateral y la numeración como ancla. */
.eval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
@media(max-width:980px){.eval-grid{grid-template-columns:1fr}}
.eval-lane{position:relative;border:1px solid #2B333B;border-left:3px solid var(--gold2);
  border-radius:0 16px 16px 0;background:linear-gradient(180deg,#141A20,#0E1318);padding:24px 22px}
.eval-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.eval-n{font-size:34px;font-weight:900;line-height:1;color:rgba(185,164,94,.55);
  font-variant-numeric:tabular-nums}
.eval-head b{display:block;color:#F7F3E8;font-size:21px;line-height:1.2;margin-bottom:4px}
.eval-sub{display:block;color:var(--gold2);font-size:14px;line-height:1.4}
.eval-lane ul{margin:0 0 18px;padding-left:18px}
.eval-lane li{color:#C5CDD3;font-size:14.5px;line-height:1.6;margin-bottom:9px}
.eval-alerta{margin:0;padding-top:14px;border-top:1px solid #2B333B;
  color:#E4D08A;font-size:14px;line-height:1.55}
.eval-cierre{text-align:center;margin:30px 0 0;color:var(--muted);font-size:15.5px}
.eval-cierre a{color:var(--gold2);font-weight:800;text-decoration:none;white-space:nowrap}
.eval-cierre a:hover{text-decoration:underline}

.eval-head{min-height:66px}
@media(max-width:980px){.eval-head{min-height:0}}

/* Banner ancho (imagen principal de una landing de servicio) */
.banner-wide{margin:0;border:1px solid #2A3138;border-radius:20px;overflow:hidden;background:#101419}
.banner-wide img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.banner-wide figcaption{padding:14px 20px;color:#C5CDD3;font-size:14.5px;line-height:1.6}
@media(max-width:620px){.banner-wide figcaption{font-size:13.5px;padding:12px 16px}}

/* El distintivo del directorio va al pie de la foto: arriba tapaba la cara */
.agent-badge{top:auto;bottom:10px}

/* Figura del hero de una landing de servicio */
.hero-figura{margin:0;border:1px solid #2A3138;border-radius:20px;overflow:hidden;background:#101419}
.hero-figura img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.hero-figura figcaption{padding:14px 18px;color:#C5CDD3;font-size:14px;line-height:1.6}
@media(max-width:620px){.hero-figura figcaption{font-size:13px;padding:12px 14px}}

/* ── Los tres cajones del método (/saneamiento/) ──────────────────────── */
.cajones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
@media(max-width:980px){.cajones{grid-template-columns:1fr}}
.cajon{border:1px solid #2B333B;border-radius:16px;background:#11161B;padding:22px}
.cajon-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px}
.cajon.rojo{border-top:3px solid #C4574B}
.cajon.rojo .cajon-tag{background:rgba(196,87,75,.16);color:#E8938A;border:1px solid rgba(196,87,75,.4)}
.cajon.ambar{border-top:3px solid #D5BF72}
.cajon.ambar .cajon-tag{background:rgba(213,191,114,.16);color:#E4D08A;border:1px solid rgba(213,191,114,.4)}
.cajon.verde{border-top:3px solid #6FA97F}
.cajon.verde .cajon-tag{background:rgba(111,169,127,.16);color:#9BD0A8;border:1px solid rgba(111,169,127,.4)}
.cajon p{color:#C5CDD3;font-size:14.5px;line-height:1.6;margin:0 0 14px}
.cajon ul{margin:0;padding-left:18px}
.cajon li{color:#AEB7BE;font-size:14px;line-height:1.55;margin-bottom:8px}
.cajones-cierre{text-align:center;margin:30px auto 0;max-width:640px;color:#E4D08A;
  font-size:16.5px;line-height:1.6}
/* Tabla de riesgo de oposición */
.tabla-riesgo{width:100%;border-collapse:collapse;margin-top:12px}
.tabla-riesgo td{padding:11px 0;border-bottom:1px solid #D9CEB2;color:#4b4e4b;
  font-size:14px;line-height:1.5;vertical-align:top}
.tabla-riesgo td:last-child{text-align:right;white-space:nowrap;font-weight:800;padding-left:14px}
.tabla-riesgo .alto{color:#A8443A}
.tabla-riesgo .medio{color:#7A6316}
.tabla-riesgo .bajo{color:#3F7A52}
.sec.dark .tabla-riesgo td,.sec.dark2 .tabla-riesgo td{color:#C5CDD3;border-bottom-color:#2B333B}

/* ── Fotografías de eventos y capacitaciones ──────────────────────────── */
.ev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
@media(max-width:900px){.ev-grid{grid-template-columns:1fr}}
.ev-solo{max-width:860px;margin:18px auto 0}
.ev-fig{margin:0;border:1px solid #2A3138;border-radius:18px;overflow:hidden;background:#101419}
.ev-fig img{width:100%;height:auto;display:block;object-fit:cover}
.ev-fig figcaption{padding:14px 18px;color:#C5CDD3;font-size:13.5px;line-height:1.6}
.sec.light .ev-fig{border-color:#D9D0BD;background:#fff}
.sec.light .ev-fig figcaption{color:#5f625f}
@media(max-width:620px){.ev-fig figcaption{font-size:13px;padding:12px 14px}}