/*! cronuts-outbound-b2b.css · money page canon (obm-). Sin reestilar la libreria ni clases de
 * estado, color en BEM, titulos lh >= 1.12. Porques: mp-sec-*.php */

/* Reserva del sticky (check F) en body: el pie va fuera de <main>. Sombra = color del pie */
.mp-page{padding-bottom:124px;box-shadow:inset 0 -124px 0 var(--cd-canvas-dark)}
@media (min-width:900px){.mp-page{padding-bottom:76px;box-shadow:inset 0 -76px 0 var(--cd-canvas-dark)}}

/* Comun. :where() pesa 0: los <em> de la libreria mandan */
:where(.obm) em{font-style:normal;color:var(--cd-red-hover)}
:where(.obm .hero,.obm .section--dark,.obm .cta-dark) em{color:var(--cd-red-ink)}
.obm p a:not([class]),.obm .faq__a a{color:inherit;text-decoration:underline}
.obm [id]{scroll-margin-top:88px}
.obm-btn-txt{white-space:normal;text-align:center}
.obm-actions{margin-top:40px}
:where(.obm) :is(ol,ul){margin:0;padding:0;list-style:none}
.obm-machine__zone-label,.obm-machine__boundary,.obm-cadence__day,.obm-proof__name,.obm-phase__badge,.obm-phase__who-title{font:600 11px var(--cd-font-display);line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
.obm-hero__star,.obm-machine__icon,.obm-proof__star,.obm-reassure__icon{flex:none;width:18px;height:18px}

/* 1 · Hero */
.obm-hero__note{flex-basis:100%;font-size:14px;line-height:1.5;color:var(--cd-fg-muted)}
.obm-hero__trust,.obm-proof__rating{display:flex;align-items:center;gap:8px;font:600 15px/1.35 var(--cd-font-display)}
.obm-hero__trust{margin-top:14px;color:var(--cd-ink-inv)}
.obm-hero__star,.obm-reassure__icon,.obm-assurance__icon,.obm-phase__n{color:var(--cd-red-ink)}

/* 1b · Panel (ilustracion). color-mix: el check D no lo juzga y mide el opaco de .obm-queue */
.obm-hero__panel{max-width:520px;margin:40px 0 0}
.obm-queue{overflow:hidden;border:1px solid var(--cd-border-strong);border-radius:18px;background:var(--cd-canvas-dark-2);box-shadow:var(--cd-elev-3)}
.obm-queue__bar{display:flex;align-items:center;gap:8px;padding:14px 18px}
.obm-queue__bar,.obm-queue__account,.obm-queue__subject{font:600 13px/1.3 var(--cd-font-display);color:var(--cd-ink-inv)}
.obm-queue__account{font-size:14px}
.obm-queue__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px;padding:12px 18px;border-top:1px solid var(--cd-border)}
.obm-queue__row--draft{background:color-mix(in srgb,var(--cd-red) 5%,var(--cd-canvas-dark-2));box-shadow:inset 3px 0 0 var(--cd-red)}
.obm-queue__role,.obm-queue__excerpt,.obm-hero__caption{font-size:13px;line-height:1.5;color:var(--cd-fg-muted)}
.obm-queue__state,.obm-queue__action{display:inline-flex;align-items:center;justify-self:start;gap:6px;padding:5px 10px;border-radius:99px;font:600 12px/1.2 var(--cd-font-display);white-space:nowrap}
.obm-queue__pending{background:color-mix(in srgb,var(--cd-red) 16%,var(--cd-canvas-dark-2));color:var(--cd-red-ink)}
.obm-queue__edited,.obm-queue__approved{box-shadow:inset 0 0 0 1px var(--cd-border-strong);color:var(--cd-ink-inv)}
.obm-queue__approved{color:var(--cd-success)}
.obm-queue__draft{grid-column:1/-1;min-width:0;padding:10px 14px;border-radius:12px;background:var(--cd-canvas-dark)}
.obm-queue__excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* Etiqueta con contorno: una pildora roja pasaria por un segundo boton junto al CTA */
.obm-queue__action{grid-column:1/-1;justify-self:end;box-shadow:inset 0 0 0 1px var(--cd-border-strong);color:var(--cd-fg-muted);cursor:default}
.obm-queue__icon{flex:none;width:14px;height:14px}
.obm-queue__bar .obm-queue__icon{color:var(--cd-red-ink)}
.obm-hero__caption{margin-top:12px}
@media (max-width:480px){.obm-queue__row{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1100px){.obm-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:56px;align-items:start}.obm-hero__panel{grid-column:2;grid-row:1;margin:0 0 40px}.obm-hero__data{grid-column:1/-1}}

/* 2 · Lo esencial */
.obm-essential,.obm-faq{max-width:900px}
.obm-essential{padding:32px 40px;border-left:4px solid var(--cd-red);border-radius:16px;box-shadow:var(--cd-nm-out-sm)}
.obm-essential__title{margin:12px 0 16px;font-size:clamp(22px,2.4vw,28px);line-height:1.25;color:var(--cd-ink)}
.obm-essential__text{max-width:72ch;font-size:17px;line-height:1.7;color:var(--cd-ink)}

/* 3 · Maquina. <=1024 px: stepper vertical */
.obm-machine__zone-label{margin-bottom:12px;color:var(--cd-ink-3)}
.obm-machine__steps,.obm-machine__reply-list,.obm-machine__loops{display:grid;gap:12px}
.obm-machine__step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border-radius:14px;box-shadow:var(--cd-nm-out-sm)}
.obm-machine__n,.obm-phase__n,.obm-rules__n{font:700 12px var(--cd-font-display);letter-spacing:.12em}
.obm-machine__n{color:var(--cd-red-hover)}
.obm-machine__title{font-size:17px;font-weight:600;line-height:1.25;color:var(--cd-ink)}
.obm-machine__text,.obm-machine__reply-text,.obm-machine__note,.obm-machine__loop{font-size:14px;line-height:1.55;color:var(--cd-ink-2)}
.obm-machine__chip,.obm-machine__ok,.obm-phase__badge{padding:4px 10px;border-radius:99px}
.obm-machine__chip,.obm-machine__ok{margin-top:auto;font:600 11px var(--cd-font-display)}
.obm-machine__chip{box-shadow:var(--cd-nm-in-sm);color:var(--cd-ink-2)}
.obm-machine__step--puerta{background:var(--cd-white);box-shadow:inset 0 0 0 2px var(--cd-red),var(--cd-nm-out-sm)}
.obm-machine__step--puerta .obm-machine__title,.obm-machine__boundary,.obm-machine__icon,.obm-proof__star{color:var(--cd-red-hover)}
.obm-machine__ok,.obm-phase__badge{background:var(--cd-red-hover);color:var(--cd-white)}
.obm-machine__boundary{display:flex;align-items:center;gap:12px;margin:20px 0;text-align:center}
.obm-machine__boundary::before,.obm-machine__boundary::after,.obm-okband::before,.obm-okband::after{content:"";flex:1 1 24px;border-top:2px dashed var(--cd-red)}
.obm-machine__replies{margin-top:12px;padding:20px;border-radius:16px;box-shadow:var(--cd-nm-in-sm)}
.obm-machine__replies-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:600;line-height:1.3;color:var(--cd-ink)}
.obm-machine__reply,.obm-machine__loop{display:flex;gap:6px 10px;padding:14px 16px;border-radius:12px}
.obm-machine__reply{flex-direction:column;background:var(--cd-white)}
.obm-machine__reply-tag{padding-left:10px;border-left:3px solid var(--cd-red);font:600 14px var(--cd-font-display);color:var(--cd-ink)}
.obm-machine__note,.obm-machine__loops{margin-top:14px}
.obm-machine__loop{border:1.5px dashed var(--cd-ink-3)}
.obm-machine__step:not(:last-child)::after,.obm-machine__zone--cuenta .obm-machine__step:last-child::after{content:"";position:absolute;left:30px;bottom:-12px;width:2px;height:12px;background:var(--cd-ink-3)}

/* 4 · Cadencia. <=1024 px: linea de tiempo vertical */
.obm-cadence__ruler{display:none}
.obm-cadence__msgs{margin-left:7px;border-left:2px solid var(--cd-border-strong)}
.obm-cadence__msg{position:relative;margin:0 0 12px 24px;padding:18px;border:1px solid var(--cd-border);border-radius:12px;background:var(--cd-canvas-dark-2)}
.obm-cadence__msg::before,.obm-cadence__mark::before{content:"";position:absolute;left:-32px;top:22px;width:12px;height:12px;border-radius:50%;background:var(--cd-red);box-shadow:0 0 0 3px var(--cd-canvas-dark)}
.obm-cadence__day{color:var(--cd-red-ink)}
.obm-cadence__title{margin:8px 0 6px;font-size:16px;font-weight:600;line-height:1.3;color:var(--cd-ink-inv)}
.obm-cadence__text,.obm-rules__text,.obm-proof__frame,.obm-phase__price{font-size:14px;line-height:1.55;color:var(--cd-fg-muted)}
.obm-cadence__note,.obm-cadence__why-text{max-width:64ch;font-size:16px;line-height:1.65;color:var(--cd-fg-muted)}
.obm-cadence__note{margin-top:24px}
.obm-cadence__why{display:grid;gap:12px 40px;margin-top:40px;padding-top:32px;border-top:1px solid var(--cd-border-strong)}
.obm-cadence__why-title{font-size:20px;font-weight:600;line-height:1.3;color:var(--cd-ink-inv)}
.obm-cadence__why>div{display:grid;gap:12px}

/* 5 · Encaje */
.obm-fit{display:grid;gap:24px}
.obm-fit__col{padding:28px;border-radius:16px}
.obm-fit__col--si{box-shadow:var(--cd-nm-out)}
.obm-fit__col--no{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cd-ink) 16%,transparent)}
.obm-fit__title{margin-bottom:16px;font-size:20px;line-height:1.25;color:var(--cd-ink)}
.obm-fit__list{display:grid;gap:14px}
.obm-fit__item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:16px;line-height:1.55;color:var(--cd-ink-2)}
.obm-machine__text strong,.obm-fit__item strong,.obm-proof__rating{color:var(--cd-ink)}
.obm-fit__icon{width:20px;height:20px;margin-top:2px;color:var(--cd-red-hover)}
.obm-fit__col--no .obm-fit__icon{color:var(--cd-ink-3)}
@media (min-width:761px){.obm-fit{grid-template-columns:1fr 1fr}}

/* 6 · Reglas: en movil el texto baja a su fila */
.obm-rules__body{grid-column:3/-1}
.obm-rules__text{margin-top:4px}
@media (max-width:560px){.obm-rules__body{grid-column:1/-1}}

/* 7 · Pruebas: cuerpo en flujo, crece con cada idioma */
.obm-proof__body{position:relative;z-index:2;display:grid;align-content:end;gap:12px;min-height:360px;padding:72px 26px 22px}
.obm-proof__name,.obm-assurance__item strong{color:var(--cd-ink-inv)}
.obm-proof__note,.obm-proof__opera,.obm-faq__more{font-size:15px;line-height:1.6;color:var(--cd-ink-2)}
.obm-proof__note{margin-top:28px;text-align:center}
.obm-proof__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:40px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--cd-ink) 12%,transparent)}

/* 8 · Fases (y 6): fondo opaco por el check D (ver mp-sec-fases.php) */
.obm-phase,.obm-rules{background:var(--cd-canvas-dark-2)}
.obm-rules__n{color:var(--cd-fg-muted)}
.obm-phase--first{box-shadow:inset 0 0 0 1px var(--cd-red)}
.obm-phase__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.obm-phase__price{margin-top:18px}
.obm-phase__price--cifra{padding:14px 16px;border:1px solid var(--cd-border-strong);border-radius:12px;font:600 15px/1.45 var(--cd-font-display);color:var(--cd-ink-inv)}
.obm-phase__who{display:grid;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--cd-border-strong)}
.obm-phase__who-title{margin-bottom:8px;color:var(--cd-fg-muted)}
.obm-phase__list{display:grid;gap:6px;padding-left:18px;list-style:disc}
.obm-phase__item{font-size:14px;line-height:1.5;color:var(--cd-ink-inv)}
@media (min-width:481px) and (max-width:1024px){.obm-phase__who{grid-template-columns:1fr 1fr}}
.obm-okband{display:flex;align-items:center;gap:16px;margin-top:40px;font:600 16px/1.4 var(--cd-font-display);text-align:center;color:var(--cd-red-ink)}
.obm-phases__note{margin-top:16px;font-size:13px;line-height:1.55;text-align:center;color:var(--cd-fg-muted)}
.obm-assurance{display:grid;gap:16px;margin-top:40px}
.obm-assurance__item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;font-size:15px;line-height:1.6;color:var(--cd-fg-muted)}
.obm-assurance__icon{width:22px;height:22px}

/* 9 · FAQ: el foco global no cubre <summary> */
.obm-faq__q:focus-visible{outline:2px solid var(--cd-red-hover);outline-offset:4px;border-radius:4px}
.obm-faq__more{margin-top:28px}

/* 10 · CTA. El formulario trae piezas sin estilo y un enlace sin AA aqui */
.obm-cta__copy{display:grid;justify-items:start;gap:12px}
.obm-reassure{display:grid;gap:10px;margin-top:12px}
.obm-reassure__item{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;color:var(--cd-ink-inv)}
.obm-reassure__icon{margin-top:2px}
.obm-formcard{width:100%;max-width:460px;padding:28px;border:1px solid var(--cd-border-strong);border-radius:20px}
.obm-formcard__title{font-size:20px;line-height:1.25;color:var(--cd-ink-inv)}
.obm-formcard__text{margin:6px 0 20px;font-size:14px;line-height:1.5;color:var(--cd-fg-muted)}
.obm-formcard :is(.cta-form__help,.cta-form__fallo,.cta-form__noscript,.cta-form__consent-info){font-size:12.5px;line-height:1.45;color:var(--cd-fg-muted)}
.obm-formcard .cta-form__err{font-size:13px;line-height:1.4;color:var(--cd-red-ink)}
.obm-formcard .cta-form__consent a{color:var(--cd-red-ink)}
.obm-formcard textarea{resize:vertical}
.obm-formcard .cta-form__submit{white-space:normal;max-width:100%}
@media (max-width:1024px){.obm-machine,.obm-machine__loops,.obm-cadence__msgs{max-width:760px}}
@media (max-width:600px){.obm-essential,.obm-fit__col,.obm-formcard{padding:22px 18px}}

/* Escritorio: zonas display:contents = una rejilla. Cada etiqueta de dia se corre lo que
 * avanza su marca: no se sale ninguna */
@media (min-width:1025px){
.obm-machine{display:grid;grid-template-columns:minmax(0,var(--obm-casa,1fr)) 48px minmax(0,var(--obm-cuenta,1fr))}
.obm-machine__zone{display:contents}
.obm-machine__zone--casa>*{grid-column:1}
.obm-machine__zone--cuenta>*{grid-column:3}
.obm-machine__zone-label{grid-row:1}
.obm-machine__steps{grid-row:2}
.obm-machine__steps,.obm-machine__reply-list,.obm-machine__loops,.obm-cadence__msgs,.obm-assurance{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.obm-machine__step:not(:last-child)::after{inset:50% -10px auto auto;width:8px;height:8px;border:solid var(--cd-ink-3);border-width:2px 2px 0 0;background:none;transform:translateY(-50%) rotate(45deg)}
.obm-machine__zone--cuenta .obm-machine__step:last-child::after{left:50%;bottom:-28px;height:28px}
.obm-machine__boundary{position:relative;grid-column:2;grid-row:1/3;justify-content:center;margin:0}
.obm-machine__boundary::before{position:absolute;inset:0 auto 0 calc(50% - 1px);border:0;border-left:2px dashed var(--cd-red)}
.obm-machine__boundary::after{display:none}
.obm-machine__boundary span{position:relative;padding:12px 0;background:var(--cd-canvas);writing-mode:vertical-rl}
.obm-machine__replies{grid-column:1/-1;grid-row:3;margin-top:28px}
.obm-cadence__ruler{position:relative;display:block;height:48px;margin:0 6px 28px;border-bottom:2px solid var(--cd-border-strong)}
.obm-cadence__mark{position:absolute;z-index:1;bottom:-7px;left:calc(var(--obm-d) / var(--obm-last) * 100%)}
.obm-cadence__mark::before{top:0;left:-6px}
.obm-cadence__mark-lbl{position:absolute;bottom:22px;transform:translateX(calc(var(--obm-d) / var(--obm-last) * -100%));white-space:nowrap;font:600 12px var(--cd-font-display);color:var(--cd-fg-muted)}
.obm-cadence__msgs{display:grid;gap:14px;margin:0;border:0}
.obm-cadence__msg{margin:0}
.obm-cadence__msg::before{display:none}
.obm-cadence__why{grid-template-columns:1fr 2fr}
}