/* ================================================================
   WHERE THE MONEY STOPS · REVISIÓN CARTA28 (28-oct-2026)
   Los 20 puntos de Martin sobre la carta, con la carta del coach
   (Automatic Clients) como modelo de estructura. Va después de
   preventa.css y diagramas.css y solo agrega o pisa lo que cambió.
   Esquinas rectas (salvo sellos y círculos). Un acento: verde.
   Rojo para lo viejo, ámbar solo para anotaciones de prueba.
   ================================================================ */

:root {
    --c28-amber: #FBBF24;
    --c28-red: #FB7185;
}

/* ===== Hero: titular al resultado + barra de prueba ===== */
.wms-hero-in { padding-bottom: 64px; }
#wms-hero h1 { font-size: 54px; max-width: 1080px; margin-bottom: 26px; }
.wms-hl { color: var(--mm-green); }
.wms-hero-sub { margin-bottom: 34px; }
.wms-proofbar { display: inline-flex; align-items: center; gap: 16px; text-align: left; padding: 10px 18px 10px 10px; border: 1px solid var(--mm-border); background: rgba(15, 15, 17, 0.7); }
.wms-proofbar-img { width: 196px; height: auto; flex: none; }
.wms-proofbar-txt { margin: 0; display: flex; flex-direction: column; gap: 3px; }
.wms-proofbar-k { font-family: 'IBM Plex Mono', monospace; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mm-white); }
.wms-proofbar-d { font-size: 15px; color: var(--mm-gray); }

/* ===== Zona: video + What is, caja pegajosa más grande ===== */
.wms-zone-grid { grid-template-columns: minmax(0, 1fr) 460px; grid-template-areas: "a box"; column-gap: 56px; }
#wms-zone { padding: 72px 0 88px; }
.wms-box { padding: 20px 24px 22px; }
.wms-box-fig { margin: 0 -6px 6px; }
.wms-box:not(.is-preview) .wms-box-list { display: none; }
.wms-box-fig img { width: 100%; height: auto; }
.wms-box-title { font-size: 30px; }
.wms-box-sub { margin-bottom: 14px; }
.wms-box .wms-bb-body { padding-top: 14px; border-top: 1px solid var(--mm-border); }
.wms-box .wms-bb-name { display: none; }

/* ===== Bloque de compra único (.wms-bb) =====
   Siempre igual: paquete + precio + botón + sello + garantía + The Fix List opcional. */
.wms-bb { max-width: 520px; margin: 40px auto 0; background: var(--mm-black-card); border: 1px solid var(--mm-border); box-shadow: inset 0 3px 0 var(--mm-green); padding: 28px 28px 24px; text-align: left; }
.wms-bb-fig { margin: 0 0 18px; }
.wms-bb-fig img { width: 100%; height: auto; }
.wms-bb-fig figcaption { margin-top: 8px; font-size: 14px; line-height: 1.45; text-align: center; color: var(--mm-gray); }
.wms-bb-body { min-width: 0; }
.wms-bb-name { margin: 0 0 8px; font-size: 16px; line-height: 1.45; color: var(--mm-gray); }
.wms-bb-name strong { color: var(--mm-white); font-weight: 600; }
.wms-bb-price { margin: 0 0 16px; font-family: 'IBM Plex Mono', monospace; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mm-gray); }
.wms-bb-price strong { font-family: 'Fraunces', serif; font-variation-settings: "opsz" 144; font-weight: 500; font-size: 44px; letter-spacing: -0.02em; text-transform: none; color: var(--mm-white); margin-right: 8px; vertical-align: -6px; }
.wms-bb .wms-buy { width: 100%; justify-content: center; padding: 18px 16px; font-size: 18px; }
.wms-bb-guar { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 14px; align-items: center; margin-top: 16px; }
.wms-bb-seal { width: 64px; height: 64px; }
.wms-bb .wms-guar, .wms-box .wms-guar { margin: 0; font-size: 16px; line-height: 1.5; color: var(--mm-light); max-width: none; }
.wms-bb-add { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; align-items: center; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--mm-border); }
.wms-bb-add img { width: 44px; height: auto; }
.wms-bb-add p { margin: 0; font-size: 16px; line-height: 1.45; color: var(--mm-gray); }
.wms-bb-add strong { color: var(--mm-white); font-weight: 600; }
.wms-bb .wms-box-secure { margin-top: 12px; }
/* En las franjas anchas el bloque va en dos columnas: paquete a la izquierda */
@media (min-width: 900px) {
    #cta-early .wms-bb, #wms-included .wms-bb, #record .wms-bb, #recap .wms-bb, #final .wms-bb {
        max-width: 980px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 430px); column-gap: 40px; align-items: center; padding: 32px 36px;
    }
    #cta-early .wms-bb-fig, #wms-included .wms-bb-fig, #record .wms-bb-fig, #recap .wms-bb-fig, #final .wms-bb-fig { margin: 0; }
}
/* Dentro de la carta (columna de 680) va apilado y alineado a la izquierda */
.wms-letter .wms-bb { margin: 8px 0 40px; }

/* ===== 100+ funnels y old way contra new way: sección propia ===== */
.wms-how-sec { background: var(--mm-black-soft); border-top: 1px solid var(--mm-border); padding: 96px 0 100px; }
.wms-looking { max-width: 780px; margin: 0 auto 88px; }
.wms-looking .wms-p { font-size: 21px; }
.wms-lanes { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 8px; }
.wms-lane-card { background: var(--mm-black); border: 1px solid var(--mm-border); padding: 0 0 28px; display: flex; flex-direction: column; }
.wms-lane-card.old { box-shadow: inset 0 3px 0 var(--c28-red); }
.wms-lane-card.new { box-shadow: inset 0 3px 0 var(--mm-green); border-color: rgba(16, 185, 129, 0.35); }
.wms-lane-fig { margin: 0; border-bottom: 1px solid var(--mm-border); }
.wms-lane-fig img { width: 100%; height: auto; }
.wms-lane-tag { margin: 26px 30px 6px; font-family: 'IBM Plex Mono', monospace; font-size: 14px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--c28-red); }
.wms-lane-card.new .wms-lane-tag { color: var(--mm-green); }
.wms-lane-h { margin: 0 30px 20px; font-family: 'Fraunces', serif; font-variation-settings: "opsz" 144; font-weight: 500; font-size: 34px; line-height: 1.15; letter-spacing: -0.02em; color: var(--mm-white); }
.wms-lane-steps { list-style: none; counter-reset: ln; margin: 0 30px 22px; padding: 0; }
.wms-lane-steps li { counter-increment: ln; position: relative; padding: 12px 0 12px 46px; border-top: 1px solid var(--mm-border); font-size: 19px; line-height: 1.5; color: var(--mm-gray); }
.wms-lane-steps li::before { content: counter(ln); position: absolute; left: 0; top: 12px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-family: 'IBM Plex Mono', monospace; font-size: 14px; font-weight: 600; border: 1px solid var(--c28-red); color: var(--c28-red); }
.wms-lane-card.new .wms-lane-steps li { color: var(--mm-light); }
.wms-lane-card.new .wms-lane-steps li::before { border-color: var(--mm-green); background: var(--mm-green); color: var(--mm-black); }
.wms-lane-steps strong { color: var(--mm-white); }
.wms-lane-result { margin: auto 30px 0; padding: 16px 18px; font-size: 19px; line-height: 1.5; color: var(--mm-light); border: 1px dashed rgba(251, 113, 133, 0.6); }
.wms-lane-result strong { color: var(--c28-red); }
.wms-lane-card.new .wms-lane-result { border: 1px solid var(--mm-green); background: rgba(16, 185, 129, 0.08); }
.wms-lane-card.new .wms-lane-result strong { color: var(--mm-green); }
.wms-lanes-note { max-width: 780px; margin: 28px auto 0; text-align: center; font-size: 17px; line-height: 1.6; color: var(--mm-gray); }
.wms-cta-band { margin-top: 88px; padding-top: 72px; border-top: 1px solid var(--mm-border); }
.wms-cta-lead { margin: 0 auto; max-width: 640px; text-align: center; font-family: 'Fraunces', serif; font-variation-settings: "opsz" 144; font-size: 28px; line-height: 1.3; color: var(--mm-white); }

/* ===== Todo lo incluido: un objeto por entregable, texto corto ===== */
.wms-inc { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 44px; }
.wms-inc-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); column-gap: 24px; align-items: center; background: var(--mm-black); border: 1px solid var(--mm-border); padding: 22px 26px 22px 18px; }
.wms-inc-card img { width: 100%; max-height: 160px; object-fit: contain; }
.wms-inc-card.is-addon { border-style: dashed; background: transparent; }
.wms-inc-tag { margin: 0 0 6px; font-family: 'IBM Plex Mono', monospace; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mm-green); }
.wms-inc-card.is-addon .wms-inc-tag { color: var(--mm-gray); }
.wms-inc-h { margin: 0 0 8px; font-family: 'Fraunces', serif; font-variation-settings: "opsz" 144; font-weight: 500; font-size: 26px; line-height: 1.15; color: var(--mm-white); }
.wms-inc-p { margin: 0; font-size: 17px; line-height: 1.5; color: var(--mm-gray); }
.wms-inc-list { list-style: none; margin: 0; padding: 0; }
.wms-inc-list li { position: relative; padding-left: 24px; margin: 0 0 4px; font-size: 17px; line-height: 1.45; color: var(--mm-gray); }
.wms-inc-list li::before { content: "✓"; position: absolute; left: 0; top: 0; font-family: 'IBM Plex Mono', monospace; font-weight: 600; color: var(--mm-green); }

/* ===== Carta: memo y "Skeptical?" sin hueco ===== */
.wms-paper .wms-sec.wms-sec-first { padding-top: 72px; }
.wms-h2-tight { margin-top: 44px; }

/* ===== Pruebas: foto por caso, logos y collage ===== */
.wms-paper .wms-record { padding: 72px 0 80px; background: #F4F4F5; border-top: 1px solid var(--mm-border-light); border-bottom: 1px solid var(--mm-border-light); }
.wms-paper .wms-record + .wms-sec { padding-top: 64px; }
.wms-logos { margin: 8px 0 44px; text-align: center; }
.wms-logos-k { margin: 0 0 18px; font-size: 16px; color: var(--mm-text-muted); }
.wms-logos-row { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 40px; }
.wms-logos-row img { height: 38px; width: auto; opacity: 0.75; filter: grayscale(100%); }
.wms-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.wms-case-card { background: var(--wms-paper-card); border: 1px solid var(--mm-border-light); box-shadow: 0 10px 30px -18px rgba(24,24,27,0.25); padding: 14px 14px 22px; }
.wms-case-fig { position: relative; margin: 0 0 16px; }
.wms-case-fig img { width: 100%; height: auto; border: 1px solid var(--mm-border-light); }
.wms-case-fig figcaption { margin-top: 8px; font-size: 14px; line-height: 1.45; color: var(--mm-text-muted); }
.wms-case-fig figcaption a { color: var(--wms-green-text-light); text-underline-offset: 3px; white-space: nowrap; }
/* Anotación tipo AC sobre la captura de Travis: marco y etiqueta en las columnas Orders y Rate */
.wms-case-dash a { display: block; position: relative; }
.wms-case-mark { position: absolute; left: 59%; top: 38%; width: 40%; height: 60%; border: 3px solid var(--c28-amber); pointer-events: none; }
.wms-case-label { position: absolute; right: 0; top: -26px; padding: 3px 8px; background: var(--c28-amber); color: #0A0A0B; font-family: 'IBM Plex Mono', monospace; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; pointer-events: none; }
.wms-case-dash { padding-top: 26px; }
.wms-case-name { margin: 0 4px 4px; }
.wms-case-name span { display: inline-block; padding: 4px 10px; background: var(--c28-amber); color: #0A0A0B; font-family: 'IBM Plex Mono', monospace; font-size: 14px; font-weight: 600; }
.wms-case-niche { margin: 4px 4px 12px; font-size: 15px; color: var(--mm-text-muted); }
.wms-case-p { margin: 0 4px; font-size: 17px; line-height: 1.55; color: var(--mm-text-medium); }
.wms-case-p strong { color: var(--mm-text-light); }
.wms-collage { display: grid; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); column-gap: 56px; align-items: center; margin-top: 56px; }
.wms-collage-fig { margin: 0; }
.wms-collage-fig img { width: 100%; height: auto; border: 1px solid var(--mm-border-light); }
.wms-collage-fig figcaption { margin-top: 8px; font-size: 14px; color: var(--mm-text-muted); }
.wms-collage-txt .wms-h3 { margin-top: 0; }
.wms-niches { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wms-niches li { padding: 6px 12px; background: var(--wms-paper-card); border: 1px solid var(--mm-border-light); font-size: 15px; color: var(--mm-text-medium); }

/* ===== Las 8 etapas en una línea con flechas ===== */
.wms-paper .wms-stages-sec { padding: 72px 0; background: var(--wms-paper-card); border-top: 1px solid var(--mm-border-light); border-bottom: 1px solid var(--mm-border-light); }
.wms-paper .wms-stages-sec + .wms-sec { padding-top: 64px; }
.wms-stages-lead { margin: -12px 0 36px; text-align: center; font-size: 19px; color: var(--mm-text-muted); }
.wms-trail { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: 22px; }
.wms-trail li { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 8px 18px; background: var(--wms-paper); border: 1px solid var(--mm-border-light); }
.wms-trail li + li::before {
    content: ""; position: absolute; left: -21px; top: 30px; width: 20px; height: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cpath d='M0 6h18' stroke='%23047857' stroke-width='1.6'/%3E%3Cpath d='M13 1.5 19 6l-6 4.5' fill='none' stroke='%23047857' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center;
}
.wms-trail-n { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: var(--wms-green-text-light); color: #fff; font-family: 'IBM Plex Mono', monospace; font-size: 15px; font-weight: 600; }
.wms-trail-name { margin: 10px 0 6px; font-size: 17px; font-weight: 600; line-height: 1.25; color: var(--mm-text-light); }
.wms-trail-q { font-size: 15px; line-height: 1.4; color: var(--mm-text-medium); }
.wms-trail li.is-stop { border: 2px dashed var(--dg-red-light); background: #FFF1F2; }
.wms-trail li.is-stop .wms-trail-n { background: var(--dg-red-light); }
.wms-trail-flag { margin-top: 10px; font-family: 'IBM Plex Mono', monospace; font-size: 13px; font-weight: 600; color: var(--dg-red-light); }
#stages .dg-cap { margin-top: 20px; }

/* ===== Calculadora: sección propia, oscura y centrada ===== */
.wms-calc-sec { background: var(--mm-black); padding: 100px 0; border-top: 1px solid var(--mm-border); border-bottom: 1px solid var(--mm-border); box-shadow: inset 0 3px 0 var(--mm-green); }
.wms-calc-wrap { max-width: 920px; }
.wms-calc-wrap > .wms-p { max-width: 720px; margin-left: auto; margin-right: auto; }
.wms-calc-sec .wms-calc-card { margin: 36px 0 28px; }
.wms-calc-sec .wms-calc-bridge a { color: var(--mm-green); }

/* ===== Para quién es / no es, con imagen ===== */
.wms-fit { grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 8px; }
.wms-fit-img { width: 100%; height: auto; margin: 0 0 22px; border: 1px solid var(--mm-border-light); }
/* 28-oct: la lista de "no es para ti" cierra en positivo */
.wms-fit-end { margin: 6px 0 0; font-size: 17px; line-height: 1.5; color: var(--mm-text-medium); font-style: italic; }

/* ===== Garantía con sello ===== */
.wms-seal-card { position: sticky; top: 24px; background: var(--mm-black-card); border: 1px solid var(--mm-border); box-shadow: inset 0 2px 0 var(--mm-gold); padding: 28px 24px 24px; text-align: center; }
.wms-seal-big { width: 190px; height: auto; margin: 0 auto 10px; }
.wms-seal-pack { width: 100%; height: auto; margin: 0 0 18px; }
.wms-seal-card p { margin: 0 0 12px; font-size: 16px; line-height: 1.55; color: var(--mm-light); text-align: left; }
.wms-seal-card p:last-child { margin: 0; }
.wms-seal-card strong { color: var(--mm-white); }

/* ===== Recap ===== */
.wms-recap { margin-top: 40px; }

/* ===== FAQ: una columna, acordeón ===== */
.wms-faq { display: block; max-width: 820px; margin: 40px auto 0; border-top: 1px solid var(--mm-border); }
.wms-qa { padding: 0; border-bottom: 1px solid var(--mm-border); }
.wms-qa summary { position: relative; display: block; list-style: none; cursor: pointer; padding: 22px 48px 22px 0; font-size: 19px; font-weight: 600; line-height: 1.4; color: var(--mm-white); }
.wms-qa summary::-webkit-details-marker { display: none; }
.wms-qa summary::after { content: "+"; position: absolute; right: 4px; top: 50%; margin-top: -16px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-family: 'IBM Plex Mono', monospace; font-size: 22px; color: var(--mm-green); border: 1px solid var(--mm-border); transition: transform 0.2s var(--mm-ease-out); }
.wms-qa[open] summary::after { transform: rotate(45deg); }
.wms-qa summary:hover { color: var(--mm-green-soft); }
.wms-qa summary:focus-visible { outline: 2px solid var(--mm-green); outline-offset: 4px; }
.wms-qa p { margin: 0; padding: 0 48px 24px 0; font-size: 18px; line-height: 1.65; color: var(--mm-gray); }
.wms-qa p a { color: var(--mm-green); }

/* ===== Final: termina en el bloque de compra ===== */
.wms-final { padding-top: 96px; }
.wms-final .wms-h2 { max-width: 760px; margin: 0 auto; }
.wms-footer .wms-disclaimer { margin: 0 auto 22px; text-align: center; color: var(--mm-gray); }

/* ===== Responsive ===== */
@media (max-width: 1100px) {
    .wms-trail { column-gap: 18px; }
    .wms-trail li + li::before { left: -18px; width: 17px; }
    .wms-trail-q { font-size: 14px; }
}
@media (max-width: 980px) {
    .wms-zone-grid { grid-template-columns: 1fr; grid-template-areas: "a" "box"; }
    .wms-lanes { grid-template-columns: 1fr; }
    .wms-inc { grid-template-columns: 1fr; }
    .wms-cases { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    .wms-collage { grid-template-columns: 1fr; row-gap: 28px; max-width: 560px; margin-left: auto; margin-right: auto; }
    .wms-fit { grid-template-columns: 1fr; }
    .wms-seal-card { position: static; max-width: 420px; }
    .wms-trail { grid-template-columns: 1fr; row-gap: 22px; max-width: 520px; margin: 0 auto; }
    .wms-trail li { display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 16px; align-items: start; text-align: left; padding: 14px 16px; }
    .wms-trail-n { grid-row: 1 / span 3; }
    .wms-trail-name { margin: 4px 0 2px; }
    .wms-trail-q { font-size: 16px; }
    .wms-trail-flag { margin-top: 6px; }
    .wms-trail li + li::before {
        left: 24px; top: -21px; width: 12px; height: 20px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cpath d='M6 0v18' stroke='%23047857' stroke-width='1.6'/%3E%3Cpath d='M1.5 13.5 6 19l4.5-5.5' fill='none' stroke='%23047857' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center;
    }
}
@media (max-width: 600px) {
    #wms-hero h1 { font-size: 32px; }
    .wms-proofbar { flex-direction: column; align-items: center; text-align: center; padding: 12px 14px; gap: 10px; }
    .wms-proofbar-txt { align-items: center; }
    .wms-proofbar-img { width: 168px; }
    #wms-zone { padding: 40px 0 56px; }
    .wms-box { padding: 18px 16px 18px; }
    .wms-how-sec { padding: 64px 0 72px; }
    .wms-looking { margin-bottom: 56px; }
    .wms-looking .wms-p { font-size: 19px; }
    .wms-lane-tag { margin: 22px 20px 6px; }
    .wms-lane-h { margin: 0 20px 16px; font-size: 28px; }
    .wms-lane-steps { margin: 0 20px 20px; }
    .wms-lane-steps li { font-size: 18px; padding-left: 42px; }
    .wms-lane-result { margin: auto 20px 0; font-size: 18px; }
    .wms-lane-card { padding-bottom: 22px; }
    .wms-cta-band { margin-top: 56px; padding-top: 48px; }
    .wms-cta-lead { font-size: 24px; }
    .wms-bb { padding: 20px 16px 18px; margin-top: 28px; }
    .wms-bb-price strong { font-size: 38px; }
    .wms-bb .wms-buy { font-size: 17px; padding: 17px 12px; }
    .wms-bb-guar { grid-template-columns: 52px minmax(0, 1fr); column-gap: 12px; }
    .wms-bb-seal { width: 52px; height: 52px; }
    .wms-inc-card { grid-template-columns: 96px minmax(0, 1fr); column-gap: 16px; padding: 18px 16px 18px 12px; }
    .wms-inc-h { font-size: 22px; }
    .wms-inc-p, .wms-inc-list li { font-size: 16px; }
    .wms-paper .wms-record, .wms-paper .wms-stages-sec { padding: 56px 0; }
    .wms-logos-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; justify-items: center; }
    .wms-logos-row img { height: 30px; }
    .wms-calc-sec { padding: 64px 0; }
    .wms-qa summary { font-size: 18px; padding-right: 44px; }
    .wms-qa p { font-size: 17px; padding-right: 0; }
    .wms-final { padding-top: 64px; }
}

/* Calculadora: las tres cajas a la misma altura (la ayuda de la del medio va debajo) */
@media (min-width: 701px) {
    .wms-calc-sec .wms-calc-card label { flex-grow: 0; min-height: 2.7em; }
}

/* Bonos de la columna lateral de #get, con su mockup chico al lado */
.wms-file-fig { display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: 14px; align-items: center; }
.wms-file-fig img { width: 72px; height: auto; }
.wms-bb-price span { display: inline-block; vertical-align: middle; }
@media (max-width: 600px) {
    .wms-bb-price span { display: block; margin-top: 6px; }
}

/* 30-oct: sin el titular "Skeptical?", el primer párrafo va pegado al memo; le damos aire */
.wms-memo + .wms-p { margin-top: 36px; }
@media (max-width: 600px) { .wms-memo + .wms-p { margin-top: 28px; } }