/* Asistente JapopedIA v2.0.0
 * Colores: paleta de ESTADO.md (Kadence → Paleta 1). Tipografía: se hereda
 * de Kadence (cuerpo) y de --global-heading-font-family (títulos).
 * Todo va bajo prefijos .jp- para no chocar con el tema. */

.jp-asis, .jp-gate, .jp-plans, .jp-page {
    --jp-carmine: #BC002D;
    --jp-carmine-dk: #8E0022;
    --jp-emerald: #006442;
    --jp-ink: #2C2C2C;
    --jp-ink-2: #3D3D3D;
    --jp-ink-3: #6B6B6B;
    --jp-line: #E4DCD6;
    --jp-line-2: #D9D1CB;
    --jp-sakura: #FFF1F4;
    --jp-sakura-line: #F3D3DB;
    --jp-washi: #F7F3F1;
    --jp-paper: #FEFCFB;
    --jp-white: #FFFFFF;
    --jp-heading: var(--global-heading-font-family, 'Shippori Mincho', 'Hiragino Mincho ProN', serif);
    --jp-radius: 8px;
    --jp-radius-sm: 6px;
    color: var(--jp-ink);
    line-height: 1.65;
    box-sizing: border-box;
}
.jp-asis *, .jp-gate *, .jp-plans *, .jp-page * { box-sizing: border-box; }
/* Clase repetida a propósito: más especificidad que las reglas del tema
   (p. ej. .single-content p de Kadence), que añaden márgenes. */
.jp-asis.jp-asis p, .jp-gate.jp-gate p, .jp-plans.jp-plans p,
.jp-asis.jp-asis ul, .jp-asis.jp-asis ol, .jp-gate.jp-gate ul { margin: 0; }
.jp-asis.jp-asis h2, .jp-asis.jp-asis h3, .jp-asis.jp-asis h4, .jp-gate.jp-gate h2, .jp-plans.jp-plans h3 {
    font-family: var(--jp-heading); font-weight: 700; color: var(--jp-ink); margin: 0; line-height: 1.3; padding: 0;
}
.jp-asis.jp-asis .jp-md > * + * { margin-top: 10px; }
.jp-asis.jp-asis .jp-md ul, .jp-asis.jp-asis .jp-md ol { margin-top: 6px; padding-left: 22px; }
.jp-asis.jp-asis .jp-md li { margin: 4px 0; }
.jp-asis.jp-asis .jp-md .jp-sub { margin-top: 16px; }
.jp-asis.jp-asis .jp-md .jp-sub:first-child { margin-top: 0; }
.jp-asis.jp-asis .jp-md h4 { margin-top: 16px; }
.jp-asis.jp-asis .jp-md blockquote { margin: 10px 0 0; border: 0; }
.jp-asis.jp-asis .jp-list { padding-left: 20px; }
.jp-asis.jp-asis table { margin: 0; }
.jp-gate.jp-gate .jp-checks, .jp-page.jp-page .jp-hero__proof, .jp-page.jp-page .jp-steps { padding: 0; list-style: none; }
.jp-gate.jp-gate .jp-checks li, .jp-page.jp-page .jp-hero__proof li, .jp-page.jp-page .jp-steps li { margin: 0; }
.jp-asis :focus-visible, .jp-gate :focus-visible, .jp-plans :focus-visible {
    outline: 3px solid var(--jp-carmine); outline-offset: 2px;
}
.jp-sr {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ── Botones y enlaces ── */
.jp-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 44px; padding: 0 18px; border-radius: var(--jp-radius-sm);
    font: inherit; font-size: 15px; font-weight: 700; line-height: 1.2;
    text-decoration: none; cursor: pointer; border: 1px solid transparent; white-space: nowrap; flex-shrink: 0;
    transition: background-color .15s, border-color .15s, color .15s;
}
.jp-btn--primary { background: var(--jp-carmine); color: var(--jp-white); }
.jp-btn--primary:hover { background: var(--jp-carmine-dk); color: var(--jp-white); }
.jp-btn--primary:disabled { background: #B9B1AC; cursor: not-allowed; }
.jp-btn--ghost { background: var(--jp-white); color: var(--jp-ink); border-color: var(--jp-line-2); }
.jp-btn--ghost:hover { border-color: var(--jp-ink-3); color: var(--jp-ink); }
.jp-btn--outline { background: var(--jp-white); color: var(--jp-carmine); border-color: var(--jp-carmine); }
.jp-btn--outline:hover { background: var(--jp-carmine); color: var(--jp-white); }
.jp-link { color: var(--jp-carmine); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.jp-link:hover { color: var(--jp-carmine-dk); }

/* ── Disposición: chat + columna lateral ── */
/* width: 100% es necesario: dentro de un contenedor flex en columna, margin
   auto sin ancho explícito encoge el elemento al ancho de su contenido. */
.jp-asis { width: 100%; max-width: var(--jp-chat-width, 1400px); margin: 0 auto; font-size: 16px; }
.jp-asis__chat {
    display: flex; flex-direction: column; height: 760px; max-height: calc(100vh - 40px);
    background: var(--jp-white); border: 1px solid var(--jp-line); border-radius: var(--jp-radius); overflow: hidden;
}
.jp-asis__bar {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 20px; border-bottom: 1px solid var(--jp-line);
}
.jp-asis__id { display: flex; align-items: center; gap: 12px; min-width: 0; }
.jp-asis__avatar { width: 44px; height: 44px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.jp-asis__name { font-family: var(--jp-heading); font-weight: 700; font-size: 18px; line-height: 1.3; }
.jp-asis__plan { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; }
.jp-asis__quota { font-size: 13px; color: var(--jp-ink-3); line-height: 1.35; }
.jp-asis__upgrade { font-size: 13px; font-weight: 700; color: var(--jp-carmine); text-decoration: underline; text-underline-offset: 2px; }
.jp-asis__upgrade:hover { color: var(--jp-carmine-dk); }
.jp-asis__quota strong { color: var(--jp-ink); }
.jp-asis__bar-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.jp-asis__meter { display: flex; gap: 4px; }
.jp-asis__meter[hidden] { display: none; }
.jp-asis__meter span { width: 14px; height: 6px; border-radius: 2px; background: var(--jp-line); }
.jp-asis__meter span.is-left { background: var(--jp-carmine); }
.jp-asis__meter--bar { width: 90px; height: 6px; border-radius: 3px; background: var(--jp-line); overflow: hidden; display: block; }
.jp-asis__meter--bar i { display: block; height: 100%; background: var(--jp-carmine); }

.jp-asis__log {
    flex: 1 1 auto; overflow-y: auto; padding: 32px 36px; background: var(--jp-paper);
    display: flex; flex-direction: column; gap: 24px; scroll-behavior: smooth;
}

/* ── Bienvenida ── */
.jp-welcome { display: flex; flex-direction: column; gap: 18px; width: 100%; max-width: 760px; margin: 0 auto; }
.jp-welcome__title { font-size: 26px; }
.jp-welcome p { color: var(--jp-ink-2); }
.jp-welcome__tips { background: var(--jp-washi); border-radius: var(--jp-radius-sm); padding: 16px 18px; display: flex; flex-direction: column; gap: 8px; }
.jp-welcome__tips-title { font-size: 14px; font-weight: 700; color: var(--jp-ink) !important; }
.jp-welcome__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; font-size: 14px; color: var(--jp-ink-2); }
.jp-welcome__grid strong { color: var(--jp-ink); }
.jp-welcome__label { font-size: 14px; font-weight: 700; color: var(--jp-ink-3) !important; }
.jp-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.jp-chip {
    min-height: 44px; padding: 8px 18px; border-radius: 22px; text-align: left;
    background: var(--jp-white); border: 1px solid var(--jp-line-2); color: var(--jp-ink);
    font: inherit; font-size: 15px; line-height: 1.35; cursor: pointer; transition: border-color .15s, background-color .15s;
}
.jp-chip:hover { border-color: var(--jp-carmine); background: var(--jp-sakura); }

/* ── Mensajes ── */
.jp-msg--user {
    align-self: flex-end; max-width: min(75%, 720px); padding: 12px 16px; white-space: pre-wrap; overflow-wrap: anywhere;
    background: var(--jp-sakura); border: 1px solid var(--jp-sakura-line); border-radius: 8px 8px 2px 8px;
}
.jp-msg--bot { display: flex; flex-direction: column; gap: 18px; max-width: 100%; }
.jp-note { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; color: var(--jp-ink-2); }
.jp-note svg { flex-shrink: 0; margin-top: 4px; }

.jp-typing { display: flex; align-items: center; gap: 12px; color: var(--jp-ink-3); font-size: 15px; }
.jp-typing__dots { display: inline-flex; gap: 5px; }
.jp-typing__dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--jp-carmine); opacity: .25; animation: jp-pulse 1.2s infinite ease-in-out; }
.jp-typing__dots i:nth-child(2) { animation-delay: .2s; }
.jp-typing__dots i:nth-child(3) { animation-delay: .4s; }
@keyframes jp-pulse { 0%, 80%, 100% { opacity: .25; } 40% { opacity: 1; } }

.jp-error {
    border: 1px solid var(--jp-line-2); border-left: 4px solid var(--jp-carmine); border-radius: var(--jp-radius-sm);
    background: var(--jp-white); padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;
}

/* ── Contenido del informe ── */
.jp-md { font-size: 16px; color: var(--jp-ink); overflow-wrap: anywhere; }
/* Con el chat ancho, el texto corrido se limita a una línea cómoda de leer;
   tablas, secciones y sellos usan todo el ancho. */
.jp-md p, .jp-md ul, .jp-md ol, .jp-md blockquote, .jp-md h4, .jp-note, .jp-disclaimer { max-width: 820px; }
.jp-md > * + * { margin-top: 10px; }
.jp-md ul, .jp-md ol { margin: 6px 0 0; padding-left: 22px; }
.jp-md li { margin: 4px 0; line-height: 1.6; }
.jp-md li.jp-li--sub { margin-left: 18px; list-style: circle; }
.jp-md a { color: var(--jp-carmine); text-decoration: underline; text-underline-offset: 2px; }
.jp-md a:hover { color: var(--jp-carmine-dk); }
.jp-md strong { font-weight: 700; color: var(--jp-ink); }
.jp-md code { font-size: .92em; background: var(--jp-washi); padding: 1px 5px; border-radius: 3px; }
.jp-md blockquote { margin: 10px 0 0; padding: 10px 14px; background: var(--jp-washi); border-radius: var(--jp-radius-sm); color: var(--jp-ink-2); font-size: 15px; }
.jp-md .jp-sub { font-weight: 700; color: var(--jp-carmine); margin-top: 16px; }
.jp-md .jp-sub:first-child { margin-top: 0; }
.jp-md h4 { font-size: 17px; margin-top: 16px; }
.jp-table-wrap { overflow-x: auto; margin-top: 10px; }
.jp-md table { width: 100%; border-collapse: collapse; font-size: 14px; }
.jp-md th { text-align: left; font-weight: 700; padding: 8px 10px; border-bottom: 2px solid var(--jp-line); background: var(--jp-washi); }
.jp-md td { padding: 8px 10px; border-bottom: 1px solid var(--jp-line); vertical-align: top; }

.jp-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.jp-badge { display: inline-flex; align-items: center; font-size: 13px; font-weight: 700; line-height: 1.3; padding: 4px 10px; border-radius: 4px; border: 1px solid var(--jp-line-2); color: var(--jp-ink-2); background: var(--jp-white); }
.jp-badge--crit, .jp-badge--alto { background: var(--jp-carmine); border-color: var(--jp-carmine); color: var(--jp-white); }
.jp-badge--medio { border-color: var(--jp-ink); color: var(--jp-ink); }
.jp-badge--bajo { border-color: var(--jp-emerald); color: var(--jp-emerald); }
.jp-badge--insuf { border-style: dashed; border-color: var(--jp-ink-3); color: var(--jp-ink-2); }

/* Sellos de verificación: se distinguen por marco (sólido/discontinuo) e
   icono, no solo por color. */
.jp-seal { border-radius: var(--jp-radius); overflow: hidden; }
.jp-seal--ok { border: 2px solid var(--jp-emerald); }
.jp-seal--ok .jp-seal__head { background: var(--jp-emerald); color: var(--jp-white); }
.jp-seal--no { border: 2px dashed var(--jp-ink-2); background: var(--jp-washi); }
.jp-seal--no .jp-seal__head { color: var(--jp-ink); }
.jp-seal__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; align-items: center; padding: 9px 14px; font-size: 14px; }
.jp-seal__title { display: flex; align-items: center; gap: 8px; font-weight: 700; }
.jp-seal__body { padding: 12px 14px; display: flex; align-items: flex-start; gap: 10px; font-size: 15px; background: transparent; }
.jp-seal--ok .jp-seal__body { background: var(--jp-white); }
.jp-seal__tag { flex-shrink: 0; font-size: 12px; font-weight: 700; color: var(--jp-white); background: var(--jp-carmine); border-radius: 3px; padding: 2px 8px; margin-top: 2px; }
.jp-seal__body a { color: var(--jp-carmine); font-weight: 700; }

.jp-summary { display: flex; flex-direction: column; gap: 8px; }
.jp-summary h3 { font-size: 20px; }

.jp-sections { border-top: 1px solid var(--jp-line); }
.jp-sec { border-bottom: 1px solid var(--jp-line); }
.jp-sec > summary {
    list-style: none; cursor: pointer; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
    font-family: var(--jp-heading); font-weight: 700; font-size: 18px; color: var(--jp-ink);
}
.jp-sec > summary::-webkit-details-marker { display: none; }
.jp-sec > summary svg { flex-shrink: 0; transition: transform .2s; }
.jp-sec[open] > summary svg { transform: rotate(180deg); }
.jp-sec__body { padding: 4px 0 20px; }

.jp-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.jp-disclaimer { font-size: 13px; line-height: 1.6; color: var(--jp-ink-3); }

.jp-pending {
    background: var(--jp-washi); border-radius: var(--jp-radius); padding: 18px 20px;
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.jp-pending__label { font-size: 13px; font-weight: 700; color: var(--jp-ink-3); }
.jp-pending__name { font-family: var(--jp-heading); font-weight: 700; font-size: 19px; line-height: 1.35; }
.jp-pending__hint { font-size: 14px; color: var(--jp-ink-3); }
.jp-pending .jp-btn { flex-shrink: 0; }

/* ── Caja de escritura ── */
.jp-asis__compose { padding: 14px 20px 16px; border-top: 1px solid var(--jp-line); background: var(--jp-white); display: flex; flex-direction: column; gap: 8px; margin: 0; }
.jp-asis__compose-label { font-size: 13px; font-weight: 700; color: var(--jp-ink-2); }
.jp-asis__compose-row { display: flex; gap: 10px; align-items: flex-end; }
.jp-asis__compose textarea {
    flex: 1 1 auto; min-height: 52px; max-height: 180px; padding: 12px 14px; resize: none;
    font: inherit; font-size: 16px; line-height: 1.5; color: var(--jp-ink);
    background: var(--jp-paper); border: 1px solid var(--jp-line-2); border-radius: var(--jp-radius-sm);
}
.jp-asis__compose textarea:focus { outline: none; border-color: var(--jp-carmine); box-shadow: 0 0 0 3px rgba(188, 0, 45, .15); }
.jp-asis__compose .jp-btn--primary { min-height: 52px; }
.jp-asis__hint { font-size: 13px; color: var(--jp-ink-3); }

.jp-card { border: 1px solid var(--jp-line); border-radius: var(--jp-radius); background: var(--jp-white); padding: 22px; display: flex; flex-direction: column; gap: 12px; font-size: 15px; color: var(--jp-ink-2); }
.jp-card__title { font-size: 19px; }
.jp-card--tint { background: var(--jp-sakura); border-color: transparent; }
.jp-card__row { display: flex; align-items: center; gap: 14px; }
.jp-card__row img { width: 64px; height: 64px; object-fit: contain; }
.jp-list { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; }

/* ── Sin sesión ── */
.jp-gate {
    display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 44px; align-items: center;
    padding: 44px 52px; border: 1px solid var(--jp-line); border-radius: var(--jp-radius); background: var(--jp-white);
    width: 100%; max-width: 900px; margin: 0 auto;
}
.jp-gate__stamp { width: 240px; height: auto; transform: rotate(-3deg); }
.jp-gate__body { display: flex; flex-direction: column; gap: 16px; color: var(--jp-ink-2); }
.jp-gate__title { font-size: 32px !important; font-weight: 800 !important; }
.jp-gate__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
.jp-checks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 15px; }
.jp-checks li { position: relative; padding-left: 28px; }
.jp-checks li::before {
    content: ''; position: absolute; left: 2px; top: 6px; width: 12px; height: 7px;
    border-left: 2.5px solid var(--jp-emerald); border-bottom: 2.5px solid var(--jp-emerald); transform: rotate(-45deg);
}

/* ── Planes ── */
.jp-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.jp-plan { display: flex; gap: 24px; align-items: center; padding: 28px; border: 1px solid var(--jp-line); border-radius: var(--jp-radius); background: var(--jp-white); color: var(--jp-ink-2); }
.jp-plan--featured { border: 2px solid var(--jp-carmine); }
.jp-plan img { width: 140px; height: 140px; object-fit: contain; flex-shrink: 0; }
.jp-plan__body { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.jp-plan__name { font-size: 26px !important; font-weight: 800 !important; }
.jp-plan__name span { font-size: 18px; color: var(--jp-ink-3); font-weight: 700; }
.jp-plan__price { font-size: 21px; font-weight: 700; color: var(--jp-ink); }
.jp-plan__current { font-size: 14px; font-weight: 700; color: var(--jp-emerald); }

/* ── Adaptación a pantallas pequeñas ── */
@media (max-width: 720px) {
    .jp-asis__chat { height: calc(100dvh - 24px); max-height: none; border-radius: 0; border-left: 0; border-right: 0; }
    .jp-asis__bar { padding: 10px 14px; }
    .jp-asis__avatar { width: 36px; height: 36px; }
    .jp-asis__name { font-size: 16px; }
    .jp-asis__meter { display: none; }
    .jp-asis__log { padding: 18px 16px; gap: 18px; }
    .jp-asis__compose { padding: 10px 12px 12px; }
    .jp-asis__compose-label, .jp-asis__hint { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .jp-btn__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    #jp-new, #jp-send { width: 48px; padding: 0; }
    .jp-welcome__title { font-size: 22px; }
    .jp-welcome__grid { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    .jp-msg--user { max-width: 88%; }
    .jp-pending { flex-direction: column; align-items: stretch; }
    .jp-gate { grid-template-columns: minmax(0, 1fr); padding: 28px 22px; gap: 20px; text-align: left; }
    .jp-gate__stamp { width: 160px; }
    .jp-gate__title { font-size: 26px !important; }
    .jp-plans { grid-template-columns: minmax(0, 1fr); }
    .jp-plan { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .jp-asis *, .jp-asis *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* ── Secciones estáticas de la página (pagina-asistente.html) ── */
.jp-page { font-size: 17px; }
.jp-page h1, .jp-page h2, .jp-page h3 { font-family: var(--jp-heading); color: var(--jp-ink); margin: 0; line-height: 1.2; }
.jp-page.jp-page p, .jp-page.jp-page ul, .jp-page.jp-page ol { margin: 0; }
.jp-page.jp-page h1, .jp-page.jp-page h2, .jp-page.jp-page h3 { margin: 0; padding: 0; }
.jp-page__band { padding: 64px clamp(20px, 5vw, 80px); }
.jp-page__band--washi { background: var(--jp-washi); }
.jp-page__inner { max-width: 1280px; margin: 0 auto; display: flex; flex-direction: column; gap: 32px; }
.jp-page__inner--wide { max-width: none; }
.jp-hero { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 56px; align-items: center; }
.jp-hero__text { display: flex; flex-direction: column; gap: 18px; }
.jp-hero__kicker { font-size: 15px; font-weight: 700; color: var(--jp-carmine); }
.jp-hero h1 { font-size: clamp(38px, 5vw, 58px); font-weight: 800; }
.jp-hero__lead { font-size: 20px; line-height: 1.55; color: var(--jp-ink-2); max-width: 44em; }
.jp-hero__proof { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 6px 0 0; padding: 0; list-style: none; font-size: 15px; color: var(--jp-ink-2); }
.jp-hero__proof li { position: relative; padding-left: 26px; }
.jp-hero__proof li::before { content: ''; position: absolute; left: 2px; top: 7px; width: 12px; height: 7px; border-left: 2.5px solid var(--jp-emerald); border-bottom: 2.5px solid var(--jp-emerald); transform: rotate(-45deg); }
.jp-hero__stamp { width: 280px; height: auto; transform: rotate(3deg); }
.jp-page h2 { font-size: clamp(28px, 3vw, 36px); font-weight: 700; }
.jp-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0; padding: 0; list-style: none; }
.jp-steps li { display: flex; flex-direction: column; gap: 10px; color: var(--jp-ink-2); }
.jp-steps__num { font-family: var(--jp-heading); font-weight: 800; font-size: 44px; line-height: 1; color: var(--jp-carmine); }
.jp-steps h3 { font-size: 22px; font-weight: 700; }
.jp-sectors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.jp-sector { border: 1px solid var(--jp-line); border-radius: var(--jp-radius); padding: 24px; display: flex; flex-direction: column; gap: 10px; color: var(--jp-ink-2); background: var(--jp-white); }
.jp-sector--soon { border-style: dashed; border-color: #BDB4AD; }
.jp-sector__state { font-size: 15px; font-weight: 700; }
.jp-sector__state--ok { color: var(--jp-emerald); }
.jp-page__legal { padding: 36px clamp(20px, 5vw, 80px); background: var(--jp-ink); color: #E9E4E0; font-size: 14px; }
.jp-page__legal p { max-width: 64em; margin: 0 auto; }
.jp-page__legal strong { color: var(--jp-white); }
@media (max-width: 720px) {
    /* En móvil el chat aprovecha todo el ancho de la pantalla. */
    .jp-page__band--chat { padding: 12px 0; }
}
@media (max-width: 900px) {
    .jp-hero { grid-template-columns: minmax(0, 1fr); }
    .jp-hero__stamp { width: 180px; order: -1; }
    .jp-steps, .jp-sectors { grid-template-columns: minmax(0, 1fr); }
}