:root{--ink:#0B0E11;--ink2:#0E1318;--panel:#12171C;--line:#232A31;--cream:#F4F1EA;--cream2:#EFEBE0;--white:#FBFAF7;--line-l:#E2DCCE;--text:#F4F1EA;--muted:#9BA3AD;--muted-l:#6C7178;--gold:#B9A45E;--gold2:#EBDCA9;--gold-deep:#9C842F;--gold-soft:rgba(185,164,94,.14)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--ink);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px;width:100%}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(11,14,17,.86);backdrop-filter:blur(10px);border-bottom:1px solid rgba(185,164,94,.16)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:baseline;gap:7px}
.logo .jm{font-weight:900;font-size:22px;letter-spacing:-.04em;color:var(--text)}
.logo .o{color:var(--gold)}
.logo .tg{font-size:9px;letter-spacing:.28em;color:var(--muted);font-weight:700}
.navcta{background:var(--gold);color:#0B0E11;font-weight:800;font-size:14px;padding:10px 20px;border-radius:999px;white-space:nowrap}
/* SECTIONS con fondos sutiles */
.sec{padding:88px 0;position:relative;overflow:hidden}
.sec.dark{background:radial-gradient(130% 90% at 72% 8%,#151C23 0%,#0B0E11 62%)}
.sec.dark2{background:radial-gradient(120% 100% at 25% 100%,#12181F 0%,#0B0E11 58%)}
.sec.light{background:linear-gradient(180deg,var(--cream) 0%,var(--cream2) 100%);color:var(--ink)}
.sec.light:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(185,164,94,.55),transparent)}
.sec.light .muted,.sec.light .sub{color:#5A5145}
.veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 85% 90%,rgba(185,164,94,.05),transparent 70%)}
/* TIPOGRAFÍA */
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
h1{font-size:clamp(34px,4.8vw,58px);font-weight:850;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
h1 .g,h2 .g{color:var(--gold)}
.sec.light h1 .g,.sec.light h2 .g{color:var(--gold-deep)}
h2{font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-.015em;line-height:1.12;text-wrap:balance}
.sub{font-size:clamp(17px,1.5vw,20px);color:var(--muted);margin:22px 0 30px;max-width:600px;line-height:1.6}
.center{text-align:center}
.center .sub{margin-left:auto;margin-right:auto}
/* BOTONES */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:#0B0E11;font-weight:800;font-size:16px;padding:15px 30px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:.15s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--gold);border-color:var(--gold)}
.sec.light .btn.ghost{color:var(--gold-deep);border-color:var(--gold-deep)}
.micro{font-size:13.5px;color:var(--muted);margin-top:14px}
.sec.light .micro{color:var(--muted-l)}
.badge{display:inline-block;text-align:center;text-wrap:balance;background:var(--gold-soft);border:1px solid rgba(185,164,94,.5);border-radius:22px;padding:10px 20px;font-size:14px;font-weight:700;margin-bottom:22px;color:var(--gold2);line-height:1.35}
.sec.light .badge{color:var(--gold-deep);background:rgba(185,164,94,.15)}
/* GRIDS Y CARDS */
.grid2{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
.cards{display:grid;gap:18px;margin-top:44px}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.cards.c2{grid-template-columns:repeat(2,1fr)}
.cards.c4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;transition:.15s}
.card:hover{border-color:rgba(185,164,94,.55);transform:translateY(-3px)}
.sec.light .card{background:#fff;border-color:var(--line-l);box-shadow:0 12px 34px rgba(20,15,5,.05)}
.card h3{font-size:18px;font-weight:800;margin:12px 0 8px}
.card p{font-size:15px;color:var(--muted);line-height:1.6}
.sec.light .card p{color:#5A5145}
.card .ic{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center}
.sec.light .stat{background:#fff;border-color:var(--line-l)}
.stat b{display:block;font-size:34px;font-weight:900;color:var(--gold);letter-spacing:-.02em}
.stat span{font-size:12.5px;color:var(--muted)}
.sec.light .stat span{color:var(--muted-l)}
/* CHIPS / TIMELINE */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.chip{border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:13.5px;color:var(--muted);background:rgba(255,255,255,.02)}
.sec.light .chip{background:#fff;border-color:var(--line-l);color:#5A5145}
.chip.hl{border-color:var(--gold);color:var(--gold2)}
.sec.light .chip.hl{color:var(--gold-deep)}
.tl{max-width:720px;margin:44px auto 0}
.tl .step{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--line);align-items:flex-start}
.sec.light .tl .step{border-color:var(--line-l)}
.tl .n{min-width:34px;height:34px;border-radius:10px;background:var(--gold);color:#0B0E11;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:15px}
.tl b{display:block;font-size:16.5px;margin-bottom:4px}
.tl p{font-size:14.5px;color:var(--muted)}
.sec.light .tl p{color:#5A5145}
/* FORM */
.fbox{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px;max-width:520px;width:100%}
.sec.light .fbox{background:#fff;border-color:var(--line-l);box-shadow:0 20px 50px rgba(20,15,5,.07)}
.fbox label{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--muted);margin:16px 0 6px;text-transform:uppercase}
.sec.light .fbox label{color:var(--muted-l)}
.txt,select.txt{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-size:16px;color:var(--text);outline:none}
.sec.light .txt{background:#FBFAF7;border-color:var(--line-l);color:var(--ink)}
.txt:focus{border-color:var(--gold)}
.opt{display:block;width:100%;text-align:left;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:15.5px;color:var(--text);cursor:pointer;margin-bottom:10px;transition:.12s}
.sec.light .opt{background:#fff;border-color:var(--line-l);color:var(--ink)}
.opt:hover{border-color:var(--gold)}
.range{width:100%;accent-color:var(--gold);margin:6px 0}
.resline{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.sec.light .resline{border-color:var(--line-l)}
.resline b{color:var(--gold);font-size:19px}
.resline.big b{font-size:26px}
.note{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:12px}
.sec.light .note{color:var(--muted-l)}
.ph{background:rgba(185,164,94,.08);border:1px dashed rgba(185,164,94,.5);border-radius:10px;padding:3px 9px;color:var(--gold2);font-size:12.5px;font-weight:700}
.sec.light .ph{color:var(--gold-deep)}
/* REFERIDOS STRIP */
.refstrip{background:linear-gradient(90deg,rgba(185,164,94,.10),rgba(185,164,94,.04));border-top:1px solid rgba(185,164,94,.3);border-bottom:1px solid rgba(185,164,94,.3);padding:26px 0;text-align:center}
.refstrip .t{font-size:15.5px;color:var(--gold2);font-weight:600;max-width:760px;margin:0 auto 4px;text-wrap:balance}
.refstrip a{color:var(--gold);font-weight:800;font-size:14.5px;border-bottom:1px solid var(--gold)}
/* FOOTER */
footer{background:#070A0D;border-top:1px solid var(--line);padding:34px 0;color:var(--muted-l);font-size:13.5px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
footer .lg{font-weight:900;font-size:18px;color:var(--text)}
footer .lg span{color:var(--gold)}
/* WHATSAPP FLOAT */
.wafloat{position:fixed;bottom:22px;right:22px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:.15s}
.wafloat:hover{transform:scale(1.07)}
/* REVEAL */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.rv.on{opacity:1;transform:none}
/* CTA FINAL */
.ctafin{text-align:center;padding:90px 0}
.hairline{height:1px;background:linear-gradient(90deg,transparent,rgba(185,164,94,.5),transparent);border:none;margin:0}
.hide{display:none!important}
@media(max-width:860px){
  .grid2{grid-template-columns:1fr;gap:36px;text-align:center}
  .grid2 .sub{margin-left:auto;margin-right:auto}
  .grid2 .visual{order:2}
  .cards.c3,.cards.c4{grid-template-columns:1fr}
  .cards.c2{grid-template-columns:1fr}
  .sec{padding:64px 0}
  .fbox{margin:0 auto}
  .btn{white-space:normal}
}
/* ═══════════════════════════════════════════════════════════
   PASE DE DISEÑO — 05-08-2026
   logo real · botones con volumen · texto a la izquierda ·
   más contraste y jerarquía · arreglo de nav en móvil
   ═══════════════════════════════════════════════════════════ */

/* ── LOGO: archivo real, nunca recreado ── */
.logo{display:inline-flex;align-items:center;gap:0}
.logo img{height:34px;width:auto;display:block}
footer .lgimg{height:26px;width:auto;display:block;margin-bottom:8px}
@media(max-width:600px){ .logo img{height:25px} }

/* ── BOTONES CON VOLUMEN ── */
.btn,.navcta{
  position:relative;
  background:linear-gradient(175deg,#D8C888 0%,var(--gold) 46%,#9C8848 100%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 1px 0 rgba(255,255,255,.32) inset,
             0 10px 22px -8px rgba(0,0,0,.62),
             0 2px 5px rgba(0,0,0,.28);
  text-shadow:0 1px 0 rgba(255,255,255,.18);
  transition:transform .16s cubic-bezier(.2,.8,.3,1), box-shadow .16s, filter .16s;
}
.btn:hover,.navcta:hover{
  transform:translateY(-2px);
  filter:saturate(1.06) brightness(1.04);
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset,
             0 16px 30px -10px rgba(0,0,0,.7),
             0 3px 8px rgba(0,0,0,.32);
}
.btn:active,.navcta:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.btn.ghost{
  background:transparent;border:1.5px solid var(--gold);color:var(--gold);
  box-shadow:none;text-shadow:none;
}
.btn.ghost:hover{background:rgba(185,164,94,.1);box-shadow:0 8px 20px -10px rgba(185,164,94,.5)}

/* CTA final: que se note */
.ctafin .btn{font-size:18px;padding:19px 44px;border-radius:999px;letter-spacing:.01em}
.ctafin .btn::after{
  content:"→";margin-left:4px;font-weight:900;
  transition:transform .16s;
}
.ctafin .btn:hover::after{transform:translateX(4px)}

/* ── NAV: en móvil el botón se salía de pantalla ── */
nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.navcta{display:inline-flex;align-items:center;gap:8px}
.navcta svg{flex:0 0 auto}
@media(max-width:560px){
  .navcta{padding:9px 14px;font-size:0;gap:0}
  .navcta svg{width:19px;height:19px}
  .navcta-t{display:none}
  /* la flecha va en <span>, no en <svg>: font-size:0 la borraba y el botón
     quedaba como una pastilla dorada vacía en 18 de las 26 páginas */
  .navcta>span:not(.navcta-t){font-size:17px;line-height:1}
}

/* ── WHATSAPP FLOTANTE con presencia ── */
.wafloat{
  box-shadow:0 10px 26px -6px rgba(0,0,0,.6), 0 0 0 0 rgba(185,164,94,.5);
  border:1px solid rgba(255,255,255,.2);
  animation:waPulse 3.4s ease-out infinite;
  transition:transform .18s;
}
.wafloat:hover{transform:scale(1.08)}
@keyframes waPulse{
  0%{box-shadow:0 10px 26px -6px rgba(0,0,0,.6), 0 0 0 0 rgba(185,164,94,.45)}
  70%{box-shadow:0 10px 26px -6px rgba(0,0,0,.6), 0 0 0 16px rgba(185,164,94,0)}
  100%{box-shadow:0 10px 26px -6px rgba(0,0,0,.6), 0 0 0 0 rgba(185,164,94,0)}
}

/* ── TEXTO A LA IZQUIERDA (criterio JMO: alineación izquierda, siempre) ── */
.center .sub,.grid2 .sub,.sub{
  text-align:left;
  max-width:62ch;
  margin-left:auto;margin-right:auto;
  text-wrap:pretty;
}
.card p,.card h3{text-align:left}
@media(max-width:600px){ .center .sub,.sub{max-width:100%} }

/* ── JERARQUÍA Y CONTRASTE ── */
.sec h2{letter-spacing:-.022em;line-height:1.08}
.center h2::after,.sec h2[style*="center"]::after{
  content:"";display:block;width:64px;height:3px;border-radius:2px;
  background:var(--gold);margin:20px auto 0;
}

.eyebrow{position:relative;padding-left:26px}
.eyebrow::before{
  content:"";position:absolute;left:0;top:50%;width:18px;height:2px;
  background:var(--gold);transform:translateY(-50%);
}
.center .eyebrow{padding-left:0}
.center .eyebrow::before{display:none}

/* separación entre bandas: hairline dorada */
.sec.light+.sec.dark2,.sec.dark2+.sec.light,
.sec.light+.sec.dark,.sec.dark+.sec.light{border-top:1px solid rgba(185,164,94,.28)}

/* ── TARJETAS VIVAS ── */
.card{transition:transform .18s cubic-bezier(.2,.8,.3,1),border-color .18s,box-shadow .18s}
.card:hover{transform:translateY(-4px);border-color:rgba(185,164,94,.55)}
.sec.light .card:hover{box-shadow:0 22px 46px rgba(20,15,5,.11)}
.sec.dark2 .card:hover,.sec.dark .card:hover{box-shadow:0 22px 46px rgba(0,0,0,.45)}
.card h3{font-size:19px;line-height:1.25;margin-bottom:8px}

/* dato en dorado: reservado para lo que importa */
.card b,.sub b{color:var(--gold);font-weight:800}
.sec.light .card b,.sec.light .sub b{color:#8A7737}

/* botones secundarios: sin relieve de texto */
.btn.ghost,.btn.ghost-d{text-shadow:none;background:transparent;box-shadow:none;border:1.5px solid rgba(185,164,94,.55)}
.btn.ghost:hover,.btn.ghost-d:hover{background:rgba(185,164,94,.10);box-shadow:0 10px 24px -12px rgba(185,164,94,.55)}

/* pie: correo y aviso legal */
.foot-legal{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:13.5px}
.foot-legal a{color:var(--muted);border-bottom:1px solid rgba(255,255,255,.14)}
.foot-legal a:hover{color:#B9A45E;border-color:rgba(185,164,94,.5)}
.foot-legal .sep{opacity:.45}
@media(max-width:600px){.foot-legal{justify-content:flex-start}}

/* v14.2 — responsive image safeguard */
.agent-prop img,.agent-closes img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
}
@media(max-width:620px){
  .agent-prop img,.agent-closes img{
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    object-fit:cover;
  }
}

/* ===== DEPLOY 16 · contraste sobre fondos claros =====
   --muted (#9BA3AD) está calculado para fondo oscuro: ahí rinde 7.3:1.
   Sobre crema caía a 2.2:1. Se separa en dos tokens. */
: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}

/* ── Portada · lo que traba una venta ─────────────────────────────────── */
.fam-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
@media(max-width:1150px){.fam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.fam-grid{grid-template-columns:1fr}}
.fam{border:1px solid #2B333B;border-left:3px solid rgba(185,164,94,.55);
  border-radius:0 14px 14px 0;background:#11161B;padding:20px 18px}
.fam h3{margin:0 0 10px;font-size:17px;color:#F7F3E8;line-height:1.25}
.fam-dice{margin:0 0 12px;color:#E4D08A;font-size:14px;line-height:1.55;font-style:italic}
.fam-es{margin:0;color:#AEB7BE;font-size:14px;line-height:1.6}
/* Semáforo del expediente */
.semaforo{display:grid;gap:12px}
.sem-fila{display:flex;gap:16px;align-items:flex-start;border:1px solid #D9D0BD;
  border-radius:14px;background:#fff;padding:18px}
.sem-fila b{font-size:38px;font-weight:900;line-height:1;min-width:52px;text-align:center}
.sem-fila span{display:block;font-weight:800;font-size:15.5px;color:#101317;margin-bottom:5px}
.sem-fila small{display:block;color:#5f625f;font-size:13.5px;line-height:1.55}
.sem-fila.roja{border-left:4px solid #C4574B}   .sem-fila.roja b{color:#C4574B}
.sem-fila.ambar{border-left:4px solid #C9A227}  .sem-fila.ambar b{color:#A8871C}
.sem-fila.verde{border-left:4px solid #4E8A61}  .sem-fila.verde b{color:#4E8A61}
.cita-informe{border-left:3px solid rgba(185,164,94,.6);padding-left:16px;margin:20px 0;
  font-size:17px;line-height:1.6;color:#3f4340;font-style:italic}
/* Costo de no sanear */
.costo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
@media(max-width:900px){.costo-grid{grid-template-columns:1fr}}
.costo{border:1px solid #2B333B;border-radius:16px;background:#11161B;padding:24px 22px}
.costo b{display:block;font-size:34px;font-weight:900;color:#E4D08A;line-height:1.05}
.costo span{display:block;color:#AEB7BE;font-size:14px;margin:4px 0 14px}
.costo p{margin:0;color:#C5CDD3;font-size:14.5px;line-height:1.6}
.costo.neutro b{font-size:26px;color:#F7F3E8}
.costo-nota{margin:26px auto 0;max-width:720px;text-align:center;color:#8C949B;
  font-size:13.5px;line-height:1.6}

.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-top:28px}
@media(max-width:960px){.exp-grid{grid-template-columns:1fr;gap:26px}}
.exp-grid>div>p{color:#4b4e4b;line-height:1.7;margin:0 0 14px}

/* ── Simulador: una sola cifra en pantalla ────────────────────────────── */
.cuota-box{border:1px solid rgba(185,164,94,.45);border-radius:16px;background:#12171C;
  padding:26px 22px;text-align:center}
.cuota-box>span{display:block;color:#AEB7BE;font-size:13px;letter-spacing:.08em;
  text-transform:uppercase;margin-bottom:10px}
.cuota-box>b{display:block;font-size:40px;font-weight:900;color:#E4D08A;line-height:1.05;
  letter-spacing:-.01em}
.cuota-box>small{display:block;margin-top:14px;color:#8C949B;font-size:13px;line-height:1.6}
@media(max-width:480px){.cuota-box>b{font-size:32px}}
.informe-pide{margin-top:22px;border-top:1px solid #2B333B;padding-top:22px}
.informe-pide h3{margin:0 0 8px;font-size:19px;color:#F7F3E8}
.informe-pide>p{margin:0 0 12px;color:#AEB7BE;font-size:14.5px;line-height:1.6}
.informe-pide ul{margin:0 0 20px;padding-left:18px}
.informe-pide li{color:#C5CDD3;font-size:14px;line-height:1.55;margin-bottom:7px}

/* ── 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}}

.cuota-doble{display:block;margin-top:10px;font-style:normal;font-size:15px;
  font-weight:700;color:#C5CDD3}