/* Inversiones (/capital). Mobile-first. Dirección de diseño 2026: el color de la sección sale de los
   tokens --weem-sec* que define public/shared/site-shell.css para /capital (tinta en claro, blanco
   hueso en oscuro); esta hoja no lo fija. La franja diagonal va solo como detalle chico (rótulos,
   viñetas, marcadores), nunca sobre la foto. Neutros de la identidad compartida (weem-identity.css). */
body[data-fresh-family="kit-inversiones"]{
  --sec:var(--weem-sec,#16181D);--sec-ink:var(--weem-sec-strong,#16181D);--sec-on:var(--weem-sec-on,#FFFFFF);
  --inv-bg:var(--kit-paper,#ECEEF2);--inv-alt:var(--kit-paper2,#E3E6EB);--inv-card:var(--kit-card,#FFFFFF);
  --inv-ink:var(--kit-ink,#0B0D12);--inv-ink2:var(--kit-ink2,#2E333C);--inv-muted:var(--kit-muted,#50565F);--inv-line:var(--kit-line,#D9DDE4);
  --inv-tint:color-mix(in srgb,var(--sec) 8%,transparent);--inv-tint2:color-mix(in srgb,var(--sec) 16%,transparent);
  /* Franja apagada de los marcadores (lleva siempre su palabra) y tono medio para gráficos que informan (3:1). */
  --inv-off:color-mix(in srgb,var(--sec) 20%,transparent);--inv-mid:color-mix(in srgb,var(--sec) 50%,transparent);
  --inv-on-soft:color-mix(in srgb,var(--sec-on) 76%,var(--sec));--inv-on-line:color-mix(in srgb,var(--sec-on) 24%,transparent);
  --inv-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --inv-ease:cubic-bezier(.2,.7,.2,1);--inv-r:6px;--inv-skew:skewX(-21deg);
  margin:0;background:var(--inv-bg);color:var(--inv-ink);
  font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.6;
  overflow-x:clip;
}

.inv-skip{position:absolute;left:8px;top:-100px;z-index:200;background:var(--inv-card);color:var(--inv-ink);padding:12px 16px;border-radius:10px;border:1px solid var(--inv-line)}
.inv-skip:focus{top:8px}
.inv,.inv *,.inv *::before,.inv *::after{box-sizing:border-box}
.inv{display:block;outline:none}
.inv :is(h1,h2,h3){color:var(--inv-ink);margin:0;font-weight:700;text-wrap:balance}
.inv h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.03em}
.inv h2{font-size:clamp(30px,4.3vw,52px);line-height:1.06;letter-spacing:-.03em}
.inv h3{font-size:20px;line-height:1.25;letter-spacing:-.015em}
:where(.inv) :where(p,ul,ol,dl,dd,figure,blockquote){margin:0}
:where(.inv) :where(ul,ol){padding:0;list-style:none}
.inv a:not(.w-btn){color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.inv a:not(.w-btn):hover{text-decoration-thickness:2px}
.inv section[tabindex]:focus,.inv section[tabindex]:focus-visible{outline:0}
/* Botón principal en el color de la sección (--w-accent), grande y en negrita. */
.inv .w-btn--primary.w-btn--lg{font-size:18px;font-weight:700;white-space:normal;padding-top:8px;padding-bottom:8px}
.inv-wrap{width:100%;max-width:1176px;margin:0 auto;padding:0 20px}
.inv-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.inv-icon{flex:none;width:18px;height:18px}

/* La franja: paralelogramo del símbolo, en el color de la sección y siempre chica. */
.inv-stripe{flex:none;display:inline-block;width:9px;height:16px;border-radius:2px;background:var(--sec);transform:var(--inv-skew)}
.inv-label{display:flex;align-items:flex-start;gap:10px;margin:0 0 20px;font-family:var(--inv-mono);font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:var(--sec-ink)}
.inv-label > span:last-child{min-width:0}
.inv-label .inv-stripe{margin-top:.5px}
.inv-label__n{color:var(--inv-muted)}
.inv-foot{margin-top:20px;max-width:560px;font-size:15px;line-height:1.55;color:var(--inv-muted)}
.inv-tag{display:inline-block;margin-left:8px;padding:2px 7px;border:1px solid var(--inv-mid);border-radius:3px;font-family:var(--inv-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--inv-ink);vertical-align:1px}

/* Migas */
.inv-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:6px;font-family:var(--inv-mono);font-size:12px;letter-spacing:.04em;color:var(--inv-muted)}
.inv .inv-crumbs a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.inv .inv-crumbs a:hover{text-decoration:underline}

/* 00 · Hero. En celular el retrato entra en el primer pantallazo, entre el título y el texto;
   en escritorio, copia a la izquierda y retrato a la derecha. La foto va entera, sin franjas. */
.inv-hero{position:relative;padding:12px 0 56px}
.inv-hero__grid{position:relative;display:flex;flex-direction:column}
.inv-hero__copy{display:contents}
.inv-hero .inv-label{order:1}
.inv-hero h1{order:2}
.inv-portrait{order:3}
.inv-lead{order:4}
.inv-actions{order:5}
.inv-hero .inv-help{order:6}
.inv-hero__legal{order:7}
.inv-facts{order:8}
.inv-mark{background:linear-gradient(transparent 68%,var(--inv-tint2) 68%,var(--inv-tint2) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.inv-lead{margin-top:16px;max-width:580px;font-size:18px;line-height:1.5;color:var(--inv-ink2);text-wrap:pretty}
.inv-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.inv-actions .w-btn{flex:1 1 100%;min-width:0}
.inv-hero__legal{margin-top:14px;max-width:560px;font-size:14.5px;line-height:1.5;color:var(--inv-muted)}
.inv-facts{display:grid;margin-top:30px;border-top:1px solid var(--inv-ink)}
.inv-facts > div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--inv-line)}
.inv-facts dt{font-family:var(--inv-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--inv-muted)}
.inv-facts dd{font-family:var(--inv-mono);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.inv-portrait{position:relative;width:100%;margin-top:20px}
.inv-portrait img{position:relative;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 55%;border-radius:var(--inv-r);border:1px solid var(--inv-line);background:var(--inv-alt)}
.inv-portrait figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;margin-top:8px;font-family:var(--inv-mono);font-size:12px;letter-spacing:.04em;color:var(--inv-muted)}
.inv-portrait figcaption strong{color:var(--inv-ink);font-weight:500}

/* Reserva: pago con tarjeta con JavaScript; WhatsApp sin JavaScript o si la tienda no tiene pasarela. */
.inv-pay .inv-icon{width:20px;height:20px}
.inv .inv-pay-fallback{display:none}
html:not(.inv-js) .inv .inv-pay,html.inv-nopay .inv .inv-pay{display:none}
html:not(.inv-js) .inv .inv-pay-fallback,html.inv-nopay .inv .inv-pay-fallback{display:inline-flex}
html:not(.inv-js) .inv .inv-help,html.inv-nopay .inv .inv-help{display:none}
.inv .inv-when-wa{display:none}
html:not(.inv-js) .inv .inv-when-pay,html.inv-nopay .inv .inv-when-pay{display:none}
html:not(.inv-js) .inv span.inv-when-wa,html.inv-nopay .inv span.inv-when-wa{display:inline}
html:not(.inv-js) .inv ol.inv-when-wa,html.inv-nopay .inv ol.inv-when-wa{display:grid}
.inv-help{margin-top:12px;font-size:15px;line-height:1.5;color:var(--inv-muted)}
.inv .inv-help__link{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;font-weight:600;color:var(--inv-ink)}

/* Secciones */
.inv-section{padding:60px 0}
.inv-section--alt{background:var(--inv-alt)}
.inv-section--line{border-top:1px solid var(--inv-line)}
.inv-head{max-width:760px;margin-bottom:36px}
.inv-head > p:not(.inv-label){margin-top:16px;max-width:600px;font-size:18px;line-height:1.55;color:var(--inv-ink2);text-wrap:pretty}

/* 01 · Margen, escala y recurrencia: banda oscura de borde a borde. Un solo criterio en todo el sitio:
   en claro, tinta (#0E1014); en oscuro, una superficie apenas más alta que el fondo, con línea. */
.inv-scope{padding:60px 0;background:#0E1014;color:var(--sec-on);--sec-on:#F3F4F6;--inv-on-soft:#C9CBD1;--inv-on-line:rgba(255,255,255,.16)}
html[data-theme=dark] .inv-scope,html.dark .inv-scope{background:#1A1D26;border-block:1px solid #353B47;--sec-on:#ECEDEF}
.inv-scope .inv-stripe{background:var(--sec-on)}
.inv-scope .inv-label{color:var(--sec-on)}
.inv-scope .inv-label__n{color:var(--inv-on-soft)}
.inv .inv-scope :is(h2,h3){color:var(--sec-on)}
.inv-scope__yes{margin-top:18px;max-width:560px;font-size:18px;line-height:1.55;color:var(--inv-on-soft)}
.inv-rules3__head{max-width:760px;margin-bottom:36px}
.inv-rules3{display:grid;border-top:1px solid var(--inv-on-line)}
.inv-rules3 li{padding:24px 0 26px;border-bottom:1px solid var(--inv-on-line)}
.inv-rules3__n{display:block;font-family:var(--inv-mono);font-size:12px;letter-spacing:.1em;color:var(--inv-on-soft)}
.inv .inv-rules3 h3{margin-top:10px;font-size:clamp(36px,4.6vw,56px);line-height:1;letter-spacing:-.04em}
.inv-rules3__ask{margin-top:14px;font-size:19px;font-weight:600;line-height:1.35;color:var(--sec-on)}
.inv-rules3 p:not(.inv-rules3__ask){margin-top:8px;font-size:17px;line-height:1.55;color:var(--inv-on-soft)}
.inv-rules3__quote{display:grid;gap:12px;max-width:860px;margin-top:40px;padding-left:22px;border-left:3px solid var(--sec-on)}
.inv-rules3__quote p{font-size:clamp(21px,2.4vw,28px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--sec-on);text-wrap:pretty}
.inv-rules3__quote figcaption{font-family:var(--inv-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--inv-on-soft)}

/* 02 · Ejemplo trabajado: la venta, la administración y el gráfico de una venta contra una renta mensual. */
.inv-case{position:relative;padding:40px 20px 24px;background:var(--inv-card);border:1px solid var(--inv-line);border-radius:var(--inv-r);box-shadow:0 1px 2px rgba(11,13,18,.05)}
.inv-case__tag{position:absolute;top:0;right:24px;z-index:0;padding:8px 20px;transform:translateY(-50%);font-family:var(--inv-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sec-on)}
.inv-case__tag::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:3px;background:var(--sec);transform:var(--inv-skew)}
.inv-case h3{font-family:var(--inv-mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--inv-muted)}
.inv-cap__top{display:grid;gap:32px}
.inv-cap__ledger{margin-top:12px}
.inv-cap__ledger > div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px dashed var(--inv-mid);font-size:16px}
.inv-cap__ledger dt{color:var(--inv-ink2)}
.inv-cap__ledger dd{font-family:var(--inv-mono);font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.inv-cap__ledger > .inv-cap__margin{border-top:2px solid var(--sec);border-bottom:2px solid var(--sec);margin-top:-1px}
.inv-cap__margin dt{font-weight:700;color:var(--inv-ink)}
.inv-cap__margin small{display:block;margin-top:2px;font-family:var(--inv-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--inv-muted)}
.inv-cap__margin dd{font-size:clamp(26px,3.4vw,34px);letter-spacing:-.03em;line-height:1.1}
.inv-cap__formula{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:12px;padding:14px 16px;border-radius:4px;background:var(--inv-tint);font-family:var(--inv-mono);font-size:15px;line-height:1.45;color:var(--inv-ink)}
.inv-cap__formula b{font-weight:500;color:var(--inv-muted)}
.inv-cap__deal > p:not(.inv-cap__formula){margin-top:14px;max-width:520px;font-size:16.5px;line-height:1.6;color:var(--inv-ink2)}
.inv-cap__chart{margin-top:36px;padding-top:28px;border-top:1px solid var(--inv-line)}
.inv-cap__chart figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-family:var(--inv-mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--inv-muted)}
.inv-cap__tag{padding:3px 8px;border:1px solid var(--inv-mid);border-radius:3px;color:var(--inv-ink)}
.inv-cap__bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;align-items:end;height:200px;margin-top:24px;border-bottom:1px solid var(--inv-ink)}
.inv-cap__col{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.inv-cap__stack{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.inv-cap__stack i{display:block;width:100%}
.inv-cap__fees{height:var(--inv-fees);background:var(--inv-mid);border-radius:2px 2px 0 0}
.inv-cap__sale{height:var(--inv-sale);background:var(--sec)}
.inv-cap__col.is-even .inv-cap__fees{box-shadow:0 0 0 2px var(--inv-card),0 0 0 3px var(--inv-ink)}
.inv-cap__m{position:absolute;left:-4px;right:-4px;bottom:-24px;font-family:var(--inv-mono);font-size:10.5px;text-align:center;white-space:nowrap;color:var(--inv-muted)}
.inv-cap__col.is-even .inv-cap__m{font-weight:700;color:var(--inv-ink)}
.inv-cap__axis{margin-top:28px;font-family:var(--inv-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:right;color:var(--inv-muted)}
.inv-cap__legend{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px;font-size:15px;color:var(--inv-ink2)}
.inv-cap__legend span{display:inline-flex;align-items:center;gap:8px}
.inv-cap__key{flex:none;width:14px;height:14px;border-radius:2px}
.inv-cap__key--sale{background:var(--sec)}
.inv-cap__key--fees{background:var(--inv-mid)}
.inv-cap__notes{display:grid;margin-top:20px;border-top:1px solid var(--inv-line)}
.inv-cap__notes > div{padding:12px 0;border-bottom:1px solid var(--inv-line)}
.inv-cap__notes dt{font-family:var(--inv-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--inv-muted)}
.inv-cap__notes dd{margin-top:4px;font-family:var(--inv-mono);font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--inv-ink)}
.inv-cap__notes dd small{display:block;font-family:'Instrument Sans',system-ui,sans-serif;font-size:14px;font-weight:400;color:var(--inv-ink2)}
.inv-cap__notes .is-even{border-bottom:2px solid var(--sec)}
.inv-cap__scale{margin-top:28px;padding:18px 20px;border-radius:4px;background:var(--inv-tint)}
.inv-cap__scale p{max-width:640px;font-size:17px;line-height:1.55;color:var(--inv-ink2)}
.inv-cap__scale strong{color:var(--inv-ink)}
.inv-cap__moral{margin-top:28px;padding-top:22px;border-top:2px solid var(--sec);font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--inv-ink);text-wrap:balance}

/* 03 · La consultoría: cinco temas en columnas. */
.inv-agenda{display:grid;gap:0}
.inv-agenda li{padding:22px 0 24px;border-top:1px solid var(--inv-line)}
.inv-agenda p{margin-top:8px;font-size:17px;line-height:1.55;color:var(--inv-ink2)}
.inv-aside{display:flex;gap:16px;align-items:flex-start;max-width:660px;margin-top:8px;padding-top:26px;border-top:1px solid var(--inv-ink);font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.015em}
.inv-aside .inv-stripe{width:12px;height:24px;margin-top:2px}
.inv-aside__note{max-width:600px;margin-top:14px;padding-left:28px;font-size:17px;line-height:1.55;color:var(--inv-ink2)}

/* 04 · Tipos de proyecto: tabla abierta con reglas de tinta. En pantallas angostas cada fila se apila
   con sus rótulos (los roles ARIA conservan la lectura como tabla). Nivel: dos franjas = sí, una = depende. */
.inv-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
.inv-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.inv-table tr{display:block;padding:20px 0 8px;border-top:1px solid var(--inv-ink)}
.inv-table tbody tr:last-child{border-bottom:1px solid var(--inv-ink)}
.inv-table th[scope=row]{display:block;padding:0 0 10px;text-align:left;font-weight:400}
.inv-table th[scope=row] strong{display:block;font-size:20px;font-weight:700;letter-spacing:-.015em;color:var(--inv-ink)}
.inv-table th[scope=row] span{display:block;margin-top:2px;font-size:15px;color:var(--inv-muted)}
.inv-table td{display:grid;gap:4px;padding:12px 0;border-top:1px dashed var(--inv-mid);color:var(--inv-ink2)}
.inv-table td::before{content:attr(data-label);content:attr(data-label) / '';font-family:var(--inv-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--inv-muted)}
.inv-lv{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;column-gap:8px}
.inv-lv__mark{display:inline-flex;gap:3px;align-self:center}
.inv-lv__mark i{width:8px;height:14px;border-radius:2px;background:var(--inv-off);transform:var(--inv-skew)}
.inv-lv[data-level="1"] .inv-lv__mark i:first-child,.inv-lv[data-level="2"] .inv-lv__mark i{background:var(--sec)}
.inv-lv strong{font-weight:700;color:var(--inv-ink)}
.inv-lv__why{font-size:15px;line-height:1.45;color:var(--inv-ink2)}

/* 05 · Para quién: tarjeta clara para el sí, bloque en tinta para el no. */
.inv-fit{display:grid;gap:16px}
.inv-fit__col{position:relative;overflow:hidden;padding:28px 24px;border-radius:var(--inv-r)}
.inv-fit__col--yes{background:var(--inv-card);border:1px solid var(--inv-line);box-shadow:0 1px 2px rgba(11,13,18,.05)}
.inv-fit__col--no{background:var(--sec);color:var(--sec-on)}
.inv .inv-fit__col--no h3{color:var(--sec-on)}
.inv-fit__tag{position:absolute;right:18px;top:12px;font-family:var(--inv-mono);font-size:54px;font-weight:500;line-height:1;letter-spacing:-.06em;color:currentColor;opacity:.12;pointer-events:none}
.inv-fit__col h3{position:relative;padding-right:76px;font-size:24px}
.inv-fit__col ul{display:grid;margin-top:20px}
.inv-fit__col li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--inv-line);font-size:17px;line-height:1.5}
.inv-fit__col--no li{border-top-color:var(--inv-on-line)}
.inv-fit__col li .inv-stripe{margin:5px 0 0 4px}
.inv-cross{position:relative;display:block;width:14px;height:14px;margin-top:6px}
.inv-cross::before,.inv-cross::after{content:'';position:absolute;left:-1px;top:6px;width:16px;height:2px;border-radius:1px;background:currentColor;transform:rotate(45deg)}
.inv-cross::after{transform:rotate(-45deg)}

/* 06 · Cuatro preguntas: un solo contenedor partido por líneas, sin tarjetas sueltas. */
.inv-ask__grid{display:grid;background:var(--inv-card);border:1px solid var(--inv-line);border-radius:var(--inv-r);box-shadow:0 1px 2px rgba(11,13,18,.05)}
.inv-ask__grid li{position:relative;display:flex;flex-direction:column;padding:26px 22px;border-top:1px solid var(--inv-line)}
.inv-ask__grid li:first-child{border-top:0}
.inv-ask__n{font-family:var(--inv-mono);font-size:44px;font-weight:400;line-height:1;letter-spacing:-.04em;color:var(--sec-ink)}
.inv-ask__kicker{margin-top:18px;font-family:var(--inv-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--inv-muted)}
.inv-ask__grid h3{margin-top:8px;font-size:23px}
.inv-ask__grid li > p:not(.inv-ask__kicker){margin-top:10px;font-size:17px;line-height:1.6;color:var(--inv-ink2)}

/* 07 · Cinco reglas: lista tipográfica a todo el ancho, sin tarjetas. */
.inv-rules{border-bottom:1px solid var(--inv-ink)}
.inv-rules li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:22px 0;border-top:1px solid var(--inv-ink)}
.inv-rules__n{grid-row:1/3;font-family:var(--inv-mono);font-size:30px;font-weight:400;line-height:1.05;letter-spacing:-.04em;color:var(--sec-ink)}
.inv-rules h3{font-size:clamp(22px,2.6vw,30px);line-height:1.15;letter-spacing:-.025em}
.inv-rules p{margin-top:6px;font-size:17px;line-height:1.55;color:var(--inv-ink2)}

/* 08 · Quién está detrás: cita grande con dos franjas como comillas. */
.inv-quote{display:grid;gap:20px;margin-top:8px}
.inv-quote__stripes{display:flex;gap:7px;padding-left:8px}
.inv-quote__stripes i{width:16px;height:44px;border-radius:3px;background:var(--sec);transform:var(--inv-skew)}
.inv-quote blockquote p{max-width:980px;font-size:clamp(27px,4.2vw,50px);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--inv-ink);text-wrap:balance}
.inv-quote figcaption{font-family:var(--inv-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--inv-muted)}
.inv-proof{display:grid;margin-top:44px;border-top:1px solid var(--inv-ink)}
.inv-proof li{display:grid;align-content:start;gap:4px;padding:20px 0;border-bottom:1px solid var(--inv-line)}
.inv-proof strong{font-family:var(--inv-mono);font-size:clamp(24px,2.8vw,32px);font-weight:500;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--inv-ink)}
.inv-proof strong [data-count]{font:inherit;color:inherit;letter-spacing:inherit}
.inv-proof span{font-size:16px;line-height:1.5;color:var(--inv-ink2)}
.inv-proof a{font-weight:600;white-space:nowrap}
.inv-proof a .inv-icon{display:inline-block;width:14px;height:14px;margin-left:4px;vertical-align:-2px}

/* 09 · Cómo empezar: ficha con el precio, el botón de pago y preguntas frecuentes. */
.inv-book{display:grid;gap:40px}
.inv-book > *{min-width:0}
.inv-book__card{padding:30px 22px;background:var(--inv-card);border:1px solid var(--inv-line);border-top:4px solid var(--sec);border-radius:var(--inv-r);box-shadow:0 1px 2px rgba(11,13,18,.05),0 18px 40px -28px rgba(11,13,18,.35)}
.inv .inv-book__card h2{font-size:clamp(26px,3vw,34px);line-height:1.1}
.inv-price{display:grid;gap:6px;margin-top:24px;padding:20px 0;border-top:1px solid var(--inv-line);border-bottom:1px solid var(--inv-line)}
.inv-price span{font-size:15px;color:var(--inv-ink2)}
.inv-price strong{font-family:var(--inv-mono);font-size:clamp(28px,8.2vw,46px);font-weight:500;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--inv-ink);white-space:nowrap}
.inv-book__steps{display:grid;gap:12px;margin:22px 0 24px;counter-reset:inv-step}
.inv-book__steps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:baseline;font-size:17px;line-height:1.5;color:var(--inv-ink2);counter-increment:inv-step}
.inv-book__steps li::before{content:counter(inv-step);font-family:var(--inv-mono);font-size:15px;font-weight:500;color:var(--inv-ink)}
.inv-book__card .w-btn{padding-left:14px;padding-right:14px}
.inv-book__card .inv-help{margin-top:14px;text-align:center}
.inv-book__note{margin-top:14px;font-size:14px;line-height:1.5;color:var(--inv-muted)}
.inv-faq h3{font-family:var(--inv-mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--inv-muted);padding-bottom:14px}
.inv-faq details{border-top:1px solid var(--inv-ink)}
.inv-faq details:last-child{border-bottom:1px solid var(--inv-ink)}
.inv-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:16px 0;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.01em;cursor:pointer;list-style:none}
.inv-faq summary::-webkit-details-marker{display:none}
.inv-faq summary:hover > span:first-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.inv-faq__mark{position:relative;flex:none;width:16px;height:16px}
.inv-faq__mark::before,.inv-faq__mark::after{content:'';position:absolute;left:0;top:7px;width:16px;height:2px;border-radius:1px;background:currentColor;transition:transform .25s var(--inv-ease)}
.inv-faq__mark::after{transform:rotate(90deg)}
.inv-faq details[open] .inv-faq__mark::after{transform:rotate(0)}
.inv-faq details p{max-width:580px;padding:0 0 22px;font-size:17px;line-height:1.6;color:var(--inv-ink2)}

/* Formulario de reserva: el diálogo de la familia del sitio (/shared/weem-dialog.css). Solo se agregan
   la casilla de los Términos y el campo trampa, con el peso de las reglas del diálogo. */
html body :is(.wd-card,#_) .inv-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
html body :is(.wd-card,#_) .inv-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;margin-top:2px}
html body :is(.wd-card,#_) .inv-check input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;accent-color:var(--w-accent);cursor:pointer}
html body :is(.wd-card,#_) .inv-check label[for]{margin:0!important;font-size:14.5px!important;font-weight:500!important;line-height:1.45!important;color:var(--w-ink-2)!important;cursor:pointer}
html body :is(.wd-card,#_) .inv-check a{color:var(--w-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
html body :is(.wd-card,#_) .inv-pay-card .wd-note{text-align:left!important}
html body :is(.wd-card,#_) .inv-pay-card .wd-foot .wd-error{margin:0 0 4px!important}
/* Una regla vieja del diálogo pone en dos columnas el primer bloque de un formulario con varios campos: acá van en una. */
html body #inv-pay-dialog #inv-pay-form > .wd-body{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:14px!important}

/* Entrada de los bloques .inv-reveal: /shared/weem-motion.js + /shared/weem-pro.css. Se ven siempre;
   solo lo que al cargar queda debajo del pliegue entra con opacidad y 12 px. */
@media (prefers-reduced-motion:reduce){.inv-faq__mark::before,.inv-faq__mark::after{transition:none}}

/* Sombra más marcada en oscuro: la tarjeta siempre se despega del fondo. */
html[data-theme=dark] :is(.inv-fit__col--yes,.inv-ask__grid,.inv-case,.inv-book__card){box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px -24px rgba(0,0,0,.8)}

@media (min-width:560px){
  .inv-actions .w-btn{flex:0 1 auto}
  .inv-facts{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
  .inv-facts > div{display:block;border-bottom:0;padding:14px 0 0}
  .inv-facts dd{margin-top:6px;text-align:left}
  .inv-agenda{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .inv-proof{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
  .inv-proof li{border-bottom:0;padding-bottom:0}
  .inv-case{padding:44px 32px 32px}
  .inv-cap__bars{height:240px;gap:8px}
  .inv-cap__notes{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
}

@media (min-width:760px){
  .inv-wrap{padding:0 32px}
  .inv-section{padding:88px 0}
  .inv-scope{padding:84px 0}
  .inv-head{margin-bottom:48px}
  .inv-rules3{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;border-top:0}
  .inv-rules3 li{padding:22px 0 0;border-top:1px solid var(--inv-on-line);border-bottom:0}
  .inv-cap__top{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
  .inv-fit{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .inv-fit__col{padding:36px 32px}
  .inv-ask__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inv-ask__grid li{padding:32px 30px}
  .inv-ask__grid li:nth-child(2){border-top:0}
  .inv-ask__grid li:nth-child(odd){border-right:1px solid var(--inv-line)}
  /* Cuadro en dos columnas: el tipo a la izquierda, sus tres reglas a la derecha. */
  .inv-table tr{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:48px;padding:24px 0 14px}
  .inv-table th[scope=row]{grid-row:1/4}
  .inv-table td{grid-column:2}
  .inv-table td:first-of-type{border-top:0;padding-top:0}
  .inv-rules li{grid-template-columns:64px minmax(0,1fr);padding:26px 0}
  .inv-rules__n{font-size:40px}
  .inv-quote{grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start}
  .inv-quote__stripes{padding:8px 0 0 14px}
  .inv-quote__stripes i{width:22px;height:64px}
  .inv-quote figcaption{grid-column:2}
  .inv-book__card{padding:38px 36px}
}

@media (min-width:900px){
  .inv-fit__tag{font-size:96px;right:24px;top:6px}
  .inv-fit__col h3{padding-right:0}
  .inv-cap__bars{height:280px;gap:12px}
  .inv-rules li{grid-template-columns:72px minmax(0,5fr) minmax(0,6fr);column-gap:28px;align-items:baseline;padding:28px 0}
  .inv-rules__n{grid-row:auto}
  .inv-rules p{margin-top:0}
}

@media (min-width:980px){
  .inv-hero{padding:20px 0 96px}
  .inv-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4.4fr);gap:72px;align-items:end}
  .inv-hero__copy{display:block}
  .inv-crumbs{padding-top:14px}
  .inv-lead{margin-top:22px;font-size:20px;line-height:1.55}
  .inv-actions{margin-top:26px}
  .inv-portrait{max-width:440px;margin:0 0 0 auto}
  .inv-portrait img{aspect-ratio:4/5;object-position:center 28%}
  .inv-portrait figcaption{margin-top:12px}
  .inv-head--split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:end;max-width:none}
  .inv-head--split .inv-label{grid-column:1/-1}
  .inv-head--split > p:not(.inv-label){margin-top:0}
  .inv-agenda{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:28px}
  .inv-agenda li{padding:24px 0 36px;border-top:1px solid var(--inv-ink)}
  .inv-ask{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
  .inv-ask__head{position:sticky;top:96px;margin-bottom:0}
  .inv .inv-ask__head h2{font-size:clamp(30px,3.4vw,42px)}
  .inv-book{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
  .inv-price strong{font-size:clamp(30px,3.3vw,46px)}
}
@media (min-width:980px) and (min-height:900px){
  .inv-book__card{position:sticky;top:96px}
}

/* Cuadro como tabla real. */
@media (min-width:1100px){
  .inv-table thead{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
  .inv-table tr{display:table-row;padding:0;border:0}
  .inv-table :is(th,td){display:table-cell;padding:20px 18px;vertical-align:top;text-align:left;border-top:1px solid var(--inv-line)}
  .inv-table :is(th,td):first-child{padding-left:0}
  .inv-table :is(th,td):last-child{padding-right:0}
  .inv-table thead th{padding-top:0;padding-bottom:14px;border-top:0;border-bottom:2px solid var(--inv-ink);font-family:var(--inv-mono);font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--inv-muted);vertical-align:bottom}
  .inv-table tbody tr:first-child :is(th,td){border-top:0}
  .inv-table tbody tr:last-child :is(th,td){border-bottom:1px solid var(--inv-ink)}
  .inv-table tbody tr:last-child{border-bottom:0}
  .inv-table th[scope=row]{display:table-cell;width:31%;padding-bottom:20px}
  .inv-table td{width:23%}
  .inv-table td:first-of-type{padding-top:20px;border-top:1px solid var(--inv-line)}
  .inv-table tbody tr:first-child td:first-of-type{border-top:0}
  .inv-table td::before{content:none;display:none}
  .inv-lv{grid-template-columns:auto minmax(0,1fr);row-gap:4px}
  .inv-lv__why{grid-column:1/-1}
}