.sc-placeholder {
            background: color-mix(in srgb, currentColor 8%, transparent);
            border: 1px solid color-mix(in srgb, currentColor 50%, transparent);
            border-radius: 2px;
            box-sizing: border-box;
            overflow: hidden
        }

        @keyframes sc-shine {
            0% {
                background-position: 100% 50%
            }

            100% {
                background-position: 0% 50%
            }
        }

        html.sc-dc-streaming .sc-placeholder,
        html.sc-dc-streaming .sc-interp.sc-missing {
            position: relative;
            background: color-mix(in srgb, currentColor 5%, transparent);
            border-color: transparent
        }

        html.sc-dc-streaming .sc-placeholder::before,
        html.sc-dc-streaming .sc-interp.sc-missing::before {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(90deg, rgba(217, 119, 87, 0) 25%, rgba(247, 225, 211, .95) 37%, rgba(217, 119, 87, 0) 63%);
            background-size: 400% 100%;
            animation: sc-shine 1.4s ease infinite
        }

        html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
        html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before {
            animation: none;
            background: color-mix(in srgb, currentColor 8%, transparent)
        }

        .sc-placeholder-error {
            padding: 4px 8px;
            font: 11px/1.4 ui-monospace, monospace;
            color: color-mix(in srgb, currentColor 70%, transparent);
            word-break: break-word
        }

        .sc-interp.sc-missing {
            display: inline-block;
            width: 2em;
            height: 1em;
            overflow: hidden;
            vertical-align: text-bottom;
            background: rgba(255, 255, 255, .3);
            border: 1px solid rgba(0, 0, 0, .5);
            border-radius: 2px;
            box-sizing: border-box;
            color: transparent;
            user-select: none
        }

        .sc-interp.sc-unresolved {
            font-family: ui-monospace, monospace;
            font-size: .85em;
            color: color-mix(in srgb, currentColor 50%, transparent);
            background: color-mix(in srgb, currentColor 10%, transparent);
            border-radius: 3px;
            padding: 0 3px
        }

        .sc-host.sc-has-error {
            position: relative
        }

        .sc-logic-error {
            position: absolute;
            top: 8px;
            left: 8px;
            z-index: 2147483647;
            max-width: 60ch;
            padding: 6px 10px;
            background: #b00020;
            color: #fff;
            font: 12px/1.4 ui-monospace, monospace;
            border-radius: 4px;
            white-space: pre-wrap;
            pointer-events: none
        }

        /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
        @media print {
            @page {
                margin: 0.5cm;
            }

            figure,
            table {
                break-inside: avoid;
            }

            #dc-root,
            #dc-root>.sc-host {
                height: auto;
            }

            *,
            *::before,
            *::after {
                print-color-adjust: exact;
                -webkit-print-color-adjust: exact;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                animation-delay: -99s !important;
                animation-duration: .001s !important;
                animation-iteration-count: 1 !important;
                animation-fill-mode: both !important;
                animation-play-state: running !important;
                transition-duration: 0s !important;
            }
        }

x-dc {
            display: none !important
        }

:root {
            --c-bg: #151922;
            --c-bg-2: #1B202B;
            --c-bg-3: #222936;
            --c-surface: #252C3B;
            --c-surface-2: #2D3546;
            --c-border: #384258;
            --c-border-2: #4A5670;
            --c-text: #E8EAF0;
            --c-text-2: #BCC5D8;
            --c-text-3: #8E9AB4;
            --c-accent: #4F8EF7;
            --c-accent-2: #3A6FD8;
            --c-accent-glow: rgba(79, 142, 247, .15);
            --c-ok: #2ECC8E;
            --c-warn: #F5A623;
            --c-danger: #E85454;
            --c-ok-bg: rgba(46, 204, 142, .10);
            --c-warn-bg: rgba(245, 166, 35, .10);
            --c-danger-bg: rgba(232, 84, 84, .10);
            --c-info-bg: rgba(79, 142, 247, .10);
            --f-display: 'Syne', sans-serif;
            --f-body: 'Inter', sans-serif;
            --f-mono: 'DM Mono', monospace;
            --radius: 14px;
            --radius-sm: 9px;
            --radius-lg: 20px;
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }

        body {
            background:
                radial-gradient(circle at 78% -6%, rgba(79, 142, 247, .13), transparent 34rem),
                radial-gradient(circle at 12% 62%, rgba(46, 204, 142, .06), transparent 30rem),
                var(--c-bg);
            color: var(--c-text);
            font-family: var(--f-body);
            font-size: 14px;
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }

        ::selection {
            background: var(--c-accent);
            color: #fff
        }

        a {
            text-decoration: none
        }

        .wrap {
            max-width: 1320px;
            margin: 0 auto;
            padding: 0 56px
        }

        .eyebrow {
            font: 500 10px var(--f-mono);
            letter-spacing: 1.6px;
            text-transform: uppercase;
            color: var(--c-accent)
        }

        .eyebrow.ok {
            color: var(--c-ok)
        }

        h1,
        h2,
        h3 {
            font-family: var(--f-display);
            letter-spacing: -.4px;
            line-height: 1.08;
            font-weight: 700
        }

        .h-xl {
            font-size: 62px
        }

        .h-lg {
            font-size: 40px
        }

        .lead {
            font-size: 18px;
            line-height: 1.6;
            color: var(--c-text-2)
        }

        .muted {
            color: var(--c-text-3)
        }

        .logo-icon {
            width: 38px;
            height: 34px;
            background: #fff;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            padding: 4px;
            box-shadow: 0 8px 24px rgba(1, 23, 57, .24), inset 0 0 0 1px rgba(1, 23, 57, .08)
        }

        .logo-icon svg {
            width: 100%;
            height: 100%;
            display: block
        }

        .logo-text {
            font-family: var(--f-display);
            font-weight: 700;
            font-size: 15px;
            letter-spacing: -.3px
        }

        .logo-sub {
            font: 400 10px var(--f-mono);
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: var(--c-text-3)
        }

        .logo-sub i {
            display: inline-block;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--c-ok);
            box-shadow: 0 0 0 3px var(--c-ok-bg);
            margin-right: 5px;
            vertical-align: 1px
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 13px 26px;
            border-radius: var(--radius-sm);
            font: 600 14px var(--f-body);
            border: none;
            cursor: pointer
        }

        .btn-primary {
            background: linear-gradient(135deg, var(--c-accent), #6d63e8);
            color: #fff;
            box-shadow: 0 10px 30px rgba(79, 142, 247, .26)
        }

        .btn-secondary {
            background: var(--c-surface-2);
            color: var(--c-text);
            border: 1px solid var(--c-border)
        }

        .btn-sm {
            padding: 6px 12px;
            font-size: 12px
        }

        .contact-form {
            display: flex;
            flex-direction: column;
            gap: 16px;
            width: 100%;
        }

        .contact-form h3 {
            font-size: 22px;
            margin-bottom: 4px;
        }

        .contact-form label {
            display: flex;
            flex-direction: column;
            gap: 6px;
            font-size: 13px;
            font-weight: 600;
            color: var(--c-text-2);
        }

        .contact-form input:not([name="website"]),
        .contact-form textarea {
            width: 100%;
            padding: 12px 14px;
            border: 1px solid var(--c-border-2);
            border-radius: var(--radius-sm);
            background: var(--c-bg-2);
            color: var(--c-text);
            font: 400 14px var(--f-body);
        }

        .contact-form textarea {
            min-height: 110px;
            resize: vertical;
        }

        .contact-form input:focus-visible,
        .contact-form textarea:focus-visible {
            outline: 2px solid var(--c-accent);
            outline-offset: 2px;
        }

        .contact-form button {
            align-self: flex-start;
        }

        .contact-form button:disabled {
            opacity: .65;
            cursor: wait;
        }

        .form-note {
            min-height: 1.5em;
            font-size: 13px;
            color: var(--c-ok);
        }

        .form-note[data-state="error"] {
            color: var(--c-danger);
        }

        .back-to-top {
            position: fixed;
            right: 24px;
            bottom: 24px;
            z-index: 100;
            box-shadow: 0 12px 30px rgba(3, 8, 20, .3);
        }

        .back-to-top[hidden] {
            display: none !important;
        }

        .back-to-top:focus-visible {
            outline: 3px solid var(--c-warn);
            outline-offset: 3px;
        }

        @media (max-width: 600px) {
            .back-to-top {
                right: 16px;
                bottom: 16px;
                padding: 11px 16px;
            }
        }

        .card {
            background: var(--c-surface);
            border: 1px solid var(--c-border);
            border-radius: var(--radius);
            padding: 20px;
            box-shadow: 0 12px 34px rgba(3, 8, 20, .13), inset 0 1px 0 rgba(255, 255, 255, .018)
        }

        .card-title {
            font-family: var(--f-display);
            font-size: 15px;
            font-weight: 600
        }

        .card-subtitle {
            font: 400 12px var(--f-mono);
            color: var(--c-text-3);
            margin-top: 2px
        }

        .badge {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            font: 600 11px var(--f-mono);
            padding: 3px 10px;
            border-radius: 20px;
            letter-spacing: .3px;
            text-transform: uppercase
        }

        .badge::before {
            content: '';
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: currentColor
        }

        .badge-ok {
            background: var(--c-ok-bg);
            color: var(--c-ok)
        }

        .badge-warn {
            background: var(--c-warn-bg);
            color: var(--c-warn)
        }

        .badge-info {
            background: var(--c-info-bg);
            color: var(--c-accent)
        }

        .badge-neutral {
            background: var(--c-surface-2);
            color: var(--c-text-2)
        }

        .stat-label {
            font: 400 10.5px var(--f-mono);
            color: var(--c-text-3);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px
        }

        .stat-value {
            font-family: var(--f-display);
            font-size: 26px;
            font-weight: 700;
            line-height: 1
        }

        .stat-sub {
            font-size: 11.5px;
            color: var(--c-text-3);
            margin-top: 4px
        }

        .section {
            padding: 96px 0
        }

        .band {
            background: linear-gradient(180deg, rgba(27, 32, 43, .9), rgba(21, 25, 34, .4));
            border-top: 1px solid var(--c-border);
            border-bottom: 1px solid var(--c-border)
        }

        .grid-3 {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 20px
        }

        .grid-4 {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px
        }

        .grid-2 {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 22px
        }

        .feat {
            background: var(--c-bg-2);
            border: 1px solid var(--c-border);
            border-radius: var(--radius);
            padding: 24px 22px
        }

        .feat h3 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 9px
        }

        .feat p {
            font-size: 13.5px;
            line-height: 1.62;
            color: var(--c-text-3)
        }

        .feat .ico {
            width: 36px;
            height: 36px;
            border-radius: 10px;
            background: var(--c-accent-glow);
            color: var(--c-accent);
            display: grid;
            place-items: center;
            margin-bottom: 16px
        }

        .feat .ico svg {
            width: 19px;
            height: 19px
        }

        /* maqueta de la aplicación */
        .shot {
            border: 1px solid var(--c-border);
            border-radius: 16px;
            overflow: hidden;
            background: var(--c-bg);
            box-shadow: 0 40px 90px rgba(3, 8, 20, .55)
        }

        .shot-bar {
            height: 34px;
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 0 14px;
            background: var(--c-bg-2);
            border-bottom: 1px solid var(--c-border)
        }

        .shot-bar i {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: var(--c-border-2);
            display: block
        }

        .shot-url {
            margin-left: 12px;
            font: 400 10.5px var(--f-mono);
            color: var(--c-text-3)
        }

        .shot-body {
            display: flex;
            min-height: 420px
        }

        .side {
            width: 186px;
            flex-shrink: 0;
            border-right: 1px solid var(--c-border);
            padding: 14px 10px;
            background: linear-gradient(180deg, rgba(23, 28, 40, .98), var(--c-bg-2))
        }

        .side-label {
            font: 400 9px var(--f-mono);
            letter-spacing: 1.3px;
            color: var(--c-text-3);
            text-transform: uppercase;
            padding: 12px 10px 6px
        }

        .nav-item {
            display: flex;
            align-items: center;
            gap: 9px;
            padding: 8px 10px;
            border-radius: 9px;
            font-size: 12.5px;
            color: var(--c-text-2)
        }

        .nav-item svg {
            width: 15px;
            height: 15px;
            opacity: .72;
            flex-shrink: 0
        }

        .nav-item.active {
            background: var(--c-accent-glow);
            color: var(--c-text);
            font-weight: 600
        }

        .nav-item.active svg {
            opacity: 1;
            color: var(--c-accent)
        }

        .main {
            flex-grow: 1;
            min-width: 0;
            display: flex;
            flex-direction: column
        }

        .top {
            height: 48px;
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 0 16px;
            border-bottom: 1px solid var(--c-border)
        }

        .pane {
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 14px;
            flex-grow: 1;
            background: radial-gradient(circle at 100% 0, rgba(79, 142, 247, .06), transparent 26rem)
        }

        .mini {
            background: var(--c-surface);
            border: 1px solid var(--c-border);
            border-radius: 11px;
            padding: 12px 13px;
            position: relative;
            overflow: hidden
        }

        .mini::after {
            content: '';
            position: absolute;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            right: -36px;
            top: -36px;
            background: var(--c-accent-glow);
            opacity: .55
        }

        .row {
            display: grid;
            grid-template-columns: 96px 1fr 88px 96px;
            align-items: center;
            gap: 10px;
            padding: 9px 12px;
            border-bottom: 1px solid rgba(56, 66, 88, .5);
            font-size: 12px
        }

        .row:last-child {
            border-bottom: 0
        }

        .mono {
            font-family: var(--f-mono)
        }

        table {
            border-collapse: collapse;
            width: 100%
        }

        .paper {
            background: #fff;
            border-radius: 12px;
            padding: 14px;
            display: grid;
            place-items: center
        }

        .paper img {
            display: block;
            max-width: 100%;
            height: auto
        }

        .tab {
            font: 600 13px var(--f-body);
            padding: 9px 20px;
            border-radius: 9px;
            border: 0;
            cursor: pointer
        }

        .tab-on {
            background: var(--c-accent);
            color: #fff
        }

        .tab-off {
            background: transparent;
            color: var(--c-text-3)
        }

        .stepper {
            display: grid;
            grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
            align-items: start
        }

        .stepper .step-line {
            align-self: start;
            margin-top: 20px;
            width: 34px;
            height: 2px;
            background: linear-gradient(90deg, var(--c-ok), var(--c-accent));
            flex-shrink: 0
        }

        .stepper .step-col {
            padding: 0 16px;
            min-width: 0
        }

        .stepper .n {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            font: 700 14px var(--f-mono);
            background: var(--c-ok-bg);
            color: var(--c-ok);
            border: 2px solid rgba(46, 204, 142, .4);
            margin-bottom: 16px
        }

        .step h3 {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 7px
        }

        .step p {
            font-size: 13px;
            line-height: 1.6;
            color: var(--c-text-3)
        }

        .phone {
            width: 212px;
            border-radius: 30px;
            border: 7px solid #0A0D12;
            background: #0A0D12;
            box-shadow: 0 30px 70px rgba(3, 8, 20, .5);
            overflow: hidden;
            flex-shrink: 0
        }

        .phone img {
            display: block;
            width: 100%;
            height: auto
        }

        .shot img {
            display: block;
            width: 100%;
            height: auto
        }

        .real-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font: 600 10px var(--f-mono);
            letter-spacing: .6px;
            text-transform: uppercase;
            color: var(--c-ok)
        }

        .real-tag::before {
            content: '';
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--c-ok);
            box-shadow: 0 0 0 3px var(--c-ok-bg)
        }

        .firma-bg {
            background-image: linear-gradient(rgba(21, 25, 34, .93), rgba(21, 25, 34, .96)),
                url("img/firma_bg.png");
            background-size: cover;
            background-position: center 32%
        }

        pre {
            font-family: var(--f-mono);
            font-size: 12.5px;
            line-height: 1.75;
            color: var(--c-text-2)
        }

        .k {
            color: var(--c-text-3)
        }

        .s {
            color: var(--c-warn)
        }

        .b {
            color: var(--c-ok)
        }

        .p {
            color: var(--c-border-2)
        }

/* Estilos extraídos de los atributos style del HTML original. */
.inline-001 { width: 100%; min-width: 1320px; }
.inline-002 { background: linear-gradient(90deg, rgb(58, 46, 20), rgb(51, 38, 20)); border-bottom: 1px solid rgba(245, 166, 35, 0.35); }
.inline-003 { display: flex; align-items: center; gap: 16px; padding: 11px 56px; flex-wrap: wrap; }
.inline-004 { display: inline-flex; align-items: center; gap: 7px; font: 700 11px var(--f-mono); letter-spacing: 0.4px; color: var(--c-warn); flex-shrink: 0; }
.inline-005 { font-size: 13px; color: rgb(242, 228, 204); flex-grow: 1; }
.inline-006 { color: rgb(255, 255, 255); }
.inline-007 { font: 600 12.5px var(--f-body); color: rgb(21, 25, 34); background: var(--c-warn); text-decoration: none; padding: 8px 16px; border-radius: 7px; flex-shrink: 0; display: inline-flex; align-items: center; gap: 7px; }
.inline-008 { border-bottom: 1px solid var(--c-border); background: rgba(21, 25, 34, 0.72); backdrop-filter: blur(18px); }
.inline-009 { display: flex; align-items: center; gap: 40px; padding-top: 15px; padding-bottom: 15px; }
.inline-010 { display: flex; align-items: center; gap: 10px; }
.inline-011 { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.inline-012 { width: 34px; height: 26px; display: block; filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 3px 8px); }
.inline-013 { display: block; }
.inline-014 { display: flex; gap: 24px; flex-grow: 1; white-space: nowrap; }
.inline-015 { font-size: 13px; color: var(--c-text-2); }
.inline-016 { padding: 10px 20px; font-size: 13px; }
.inline-017 { padding: 82px 56px 76px; display: flex; gap: 56px; align-items: center; }
.inline-018 { width: 470px; flex-shrink: 0; }
.inline-019 { margin-bottom: 20px; }
.inline-020 { margin-bottom: 22px; }
.inline-021 { background: linear-gradient(120deg, var(--c-accent), #2ECC8E); -webkit-background-clip: text; background-clip: text; color: transparent; }
.inline-022 { margin-bottom: 16px; }
.inline-023 { font-size: 15px; line-height: 1.6; color: var(--c-text-3); margin-bottom: 32px; }
.inline-024 { display: flex; gap: 12px; margin-bottom: 28px; }
.inline-025 { display: flex; gap: 18px; flex-wrap: wrap; font: 400 11.5px var(--f-mono); color: var(--c-text-3); }
.inline-026 { color: var(--c-ok); }
.inline-027 { margin-left: -14px; }
.inline-028 { flex-grow: 1; min-width: 0px; }
.inline-029 { text-align: center; margin-top: 12px; font: 400 11px var(--f-mono); color: var(--c-text-3); }
.inline-030 { padding-top: 0px; }
.inline-031 { max-width: 820px; margin-bottom: 44px; }
.inline-032 { color: var(--c-warn); margin-bottom: 18px; }
.inline-033 { color: var(--c-text); }
.inline-034 { padding: 26px 30px; display: flex; gap: 26px; align-items: center; flex-wrap: wrap; }
.inline-035 { flex: 1 1 0%; min-width: 280px; }
.inline-036 { font-size: 14px; line-height: 1.6; color: var(--c-text-2); margin-bottom: 8px; }
.inline-037 { font-size: 13px; color: var(--c-text-3); }
.inline-038 { display: flex; gap: 12px; flex-shrink: 0; }
.inline-039 { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 40px; flex-wrap: wrap; }
.inline-040 { max-width: 680px; }
.inline-041 { margin-bottom: 18px; }
.inline-042 { display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 10px; flex-shrink: 0; }
.inline-043 { font-size: 12.5px; color: var(--c-text-2); }
.inline-044 { padding: 0px; overflow: hidden; margin-bottom: 22px; }
.inline-045 { width: 100%; }
.inline-046 { background: var(--c-bg-2); border-bottom: 1px solid var(--c-border); }
.inline-047 { text-align: left; padding: 13px 20px; font: 600 10.5px var(--f-mono); letter-spacing: 0.6px; text-transform: uppercase; color: var(--c-text-3); }
.inline-048 { text-align: left; padding: 13px 16px; font: 600 10.5px var(--f-mono); letter-spacing: 0.6px; text-transform: uppercase; color: var(--c-text-3); }
.inline-049 { text-align: right; padding: 13px 20px; font: 600 10.5px var(--f-mono); letter-spacing: 0.6px; text-transform: uppercase; color: var(--c-text-3); }
.inline-050 { border-bottom: 1px solid var(--c-border); }
.inline-051 { padding: 15px 20px; font-size: 13.5px; color: var(--c-text-2); }
.inline-052 { padding: 15px 16px; }
.inline-053 { font-size: 12px; color: var(--c-text-3); }
.inline-054 { padding: 15px 20px; text-align: right; font: 700 15px var(--f-display); }
.inline-055 { background: var(--c-danger-bg); color: var(--c-danger); }
.inline-056 { padding: 15px 20px; text-align: right; font: 700 15px var(--f-display); color: var(--c-text-3); }
.inline-057 { padding: 30px 32px; }
.inline-058 { font-size: 19px; margin-bottom: 14px; }
.inline-059 { font-size: 14.5px; line-height: 1.62; color: var(--c-text-2); margin-bottom: 20px; max-width: 820px; }
.inline-060 { display: flex; gap: 11px; align-items: flex-start; }
.inline-061 { flex-shrink: 0; margin-top: 2px; }
.inline-062 { font-size: 13px; color: var(--c-text-2); line-height: 1.5; }
.inline-063 { padding: 0px; overflow: hidden; margin-top: 22px; border-color: var(--c-warn); }
.inline-064 { display: grid; grid-template-columns: 1fr 380px; }
.inline-065 { font-size: 21px; margin-bottom: 14px; }
.inline-066 { font-size: 14.5px; line-height: 1.62; color: var(--c-text-2); margin-bottom: 20px; }
.inline-067 { display: flex; gap: 12px; flex-wrap: wrap; }
.inline-068 { background: var(--c-bg-2); border-left: 1px solid var(--c-border); padding: 26px 24px; display: flex; flex-direction: column; justify-content: center; gap: 14px; }
.inline-069 { margin-top: 22px; }
.inline-070 { font-size: 18px; margin-bottom: 16px; }
.inline-071 { display: flex; flex-direction: column; gap: 10px; }
.inline-072 { padding: 18px 22px; }
.inline-073 { font: 600 14px var(--f-body); margin-bottom: 7px; }
.inline-074 { font-size: 13.5px; line-height: 1.6; color: var(--c-text-3); }
.inline-075 { font-size: 12px; color: var(--c-text-3); margin-top: 20px; max-width: 820px; }
.inline-076 { color: var(--c-text-3); text-decoration: underline; }
.inline-077 { max-width: 760px; margin-bottom: 50px; }
.inline-078 { padding: 30px 28px; }
.inline-079 { font-size: 21px; margin: 0px 0px 12px; }
.inline-080 { font-size: 14.5px; line-height: 1.62; color: var(--c-text-2); margin-bottom: 18px; }
.inline-081 { padding: 10px 13px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 8px; }
.inline-082 { font-size: 11.5px; color: var(--c-text-3); }
.inline-083 { padding: 0px; overflow: hidden; display: flex; flex-direction: column; }
.inline-084 { width: 100%; height: auto; display: block; }
.inline-085 { padding: 20px 28px 26px; }
.inline-086 { font-size: 18px; margin-bottom: 10px; }
.inline-087 { font-size: 13.5px; line-height: 1.62; color: var(--c-text-2); }
.inline-088 { display: flex; gap: 40px; align-items: center; margin-bottom: 46px; }
.inline-089 { max-width: 520px; flex-shrink: 0; }
.inline-090 { flex-grow: 1; min-width: 0px; max-height: 230px; width: auto; object-fit: contain; }
.inline-091 { display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; margin-bottom: 38px; }
.inline-092 { max-width: 620px; }
.inline-093 { display: flex; gap: 6px; padding: 5px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 11px; flex-shrink: 0; }
.inline-094 { display: grid; grid-template-columns: 1fr 400px; min-height: 340px; }
.inline-095 { min-height: 340px; overflow: hidden; }
.inline-096 { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; }
.inline-097 { padding: 34px 32px; border-left: 1px solid var(--c-border); background: var(--c-bg-2); display: flex; flex-direction: column; justify-content: center; }
.inline-098 { font-size: 24px; margin-bottom: 14px; }
.inline-099 { display: flex; gap: 8px; flex-wrap: wrap; }
.inline-100 { display: grid; grid-template-columns: 440px 1fr; gap: 26px; align-items: stretch; }
.inline-101 { padding: 24px; }
.inline-102 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
.inline-103 { height: 300px; overflow: hidden; }
.inline-104 { max-height: 274px; width: auto; }
.inline-105 { font-size: 12.5px; color: var(--c-text-3); margin-top: 14px; line-height: 1.55; }
.inline-106 { display: flex; flex-direction: column; gap: 18px; }
.inline-107 { gap: 18px; }
.inline-108 { display: flex; gap: 20px; align-items: center; padding: 20px 22px; }
.inline-109 { width: 180px; flex-shrink: 0; padding: 10px; }
.inline-110 { margin-bottom: 8px; }
.inline-111 { padding:24px 26px;margin-bottom:22px; }
.inline-112 { display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:18px; }
.inline-113 { font-size:17px; }
.inline-114 { font-size:13.5px;color:var(--c-text-3);margin-top:5px; }
.inline-115 { display:flex;gap:9px;flex-wrap:wrap; }
.inline-116 { display:grid;grid-template-columns:440px 1fr;gap:26px;align-items:stretch; }
.inline-117 { padding:24px; }
.inline-118 { display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px; }
.inline-119 { display:flex;flex-direction:column;gap:9px; }
.inline-120 { display:flex;justify-content:space-between;align-items:center;padding:11px 13px;background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:10px; }
.inline-121 { color:var(--c-accent);font-size:12px; }
.inline-122 { font-size:12.5px;color:var(--c-text-2); }
.inline-123 { font-size:12.5px;color:var(--c-text-3);margin-top:16px;line-height:1.55; }
.inline-124 { gap:18px;align-content:start; }
.inline-125 { max-width: 720px; margin-bottom: 46px; }
.inline-126 { display: flex; gap: 40px; align-items: center; margin-bottom: 44px; }
.inline-127 { max-width: 600px; flex-shrink: 0; }
.inline-128 { flex-grow: 1; min-width: 0px; max-height: 260px; width: auto; object-fit: contain; }
.inline-129 { gap: 22px; margin-bottom: 22px; align-items: start; }
.inline-130 { padding: 0px; overflow: hidden; }
.inline-131 { padding: 24px 24px 18px; }
.inline-132 { font-size: 19px; margin-bottom: 10px; }
.inline-133 { font-size: 13.5px; line-height: 1.62; color: var(--c-text-3); }
.inline-134 { border-top: 1px solid var(--c-border); background: var(--c-bg-2); }
.inline-135 { display: flex; align-items: center; gap: 8px; padding: 9px 16px; border-bottom: 1px solid var(--c-border); }
.inline-136 { font-size: 10.5px; color: var(--c-text-3); }
.inline-137 { padding: 16px 18px; overflow: hidden; font-size: 11.5px; }
.inline-138 { padding: 11px 18px; border-top: 1px solid var(--c-border); display: flex; gap: 9px; align-items: center; }
.inline-139 { font-size: 11px; color: var(--c-text-3); }
.inline-140 { border-top: 1px solid var(--c-border); background: var(--c-bg-2); padding: 18px; }
.inline-141 { margin-bottom: 5px; }
.inline-142 { padding: 9px 12px; background: var(--c-bg-3); border: 1px solid var(--c-border); border-radius: 8px; font-size: 12.5px; }
.inline-143 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.inline-144 { justify-content: center; margin-top: 4px; }
.inline-145 { padding: 0px; overflow: hidden; border-color: rgba(46, 204, 142, 0.35); }
.inline-146 { display: flex; gap: 12px; align-items: center; padding: 11px 13px; background: var(--c-bg-3); border: 1px solid var(--c-border); border-radius: 10px; margin-bottom: 12px; }
.inline-147 { flex-shrink: 0; }
.inline-148 { flex: 1 1 0%; }
.inline-149 { font-size: 9.5px; }
.inline-150 { display: flex; flex-direction: column; gap: 7px; }
.inline-151 { display: flex; justify-content: space-between; font-size: 12px; padding: 7px 11px; background: var(--c-bg-3); border-radius: 7px; }
.inline-152 { font-size: 11.5px; color: var(--c-text-3); margin-top: 12px; line-height: 1.5; }
.inline-153 { padding: 26px 28px; }
.inline-154 { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 20px; }
.inline-155 { font-size: 17px; }
.inline-156 { font-size: 13.5px; color: var(--c-text-3); margin-top: 6px; }
.inline-157 { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 12px; }
.inline-158 { padding: 16px 14px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 11px; }
.inline-159 { margin-bottom: 10px; }
.inline-160 { font-size: 13px; font-weight: 600; margin-bottom: 4px; }
.inline-161 { font-size: 11.5px; color: var(--c-text-3); line-height: 1.5; }
.inline-162 { max-width: 760px; margin-bottom: 46px; }
.inline-163 { display: grid; grid-template-columns: 1fr 430px; gap: 26px; margin-bottom: 22px; }
.inline-164 { font-size: 17px; margin-bottom: 6px; }
.inline-165 { font-size: 13.5px; color: var(--c-text-3); margin-bottom: 20px; }
.inline-166 { display: flex; flex-direction: column; gap: 11px; }
.inline-167 { display: flex; align-items: center; gap: 14px; padding: 13px 15px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 11px; }
.inline-168 { width: 32px; height: 32px; border-radius: 9px; background: var(--c-info-bg); color: var(--c-accent); display: grid; place-items: center; flex-shrink: 0; }
.inline-169 { font-size: 13.5px; font-weight: 600; display: block; }
.inline-170 { width: 32px; height: 32px; border-radius: 9px; background: var(--c-ok-bg); color: var(--c-ok); display: grid; place-items: center; flex-shrink: 0; }
.inline-171 { font-size: 12.5px; color: var(--c-text-3); margin-top: 18px; line-height: 1.55; }
.inline-172 { display: flex; flex-direction: column; gap: 22px; }
.inline-173 { display: flex; align-items: center; gap: 11px; margin-bottom: 14px; }
.inline-174 { width: 30px; height: 30px; border-radius: 9px; background: var(--c-ok-bg); color: var(--c-ok); display: grid; place-items: center; }
.inline-175 { width: 30px; height: 30px; border-radius: 9px; background: var(--c-info-bg); color: var(--c-accent); display: grid; place-items: center; }
.inline-176 { padding: 0px; overflow: hidden; margin-bottom: 22px; display: grid; grid-template-columns: 1fr 480px; }
.inline-177 { margin-bottom: 16px; display: inline-flex; }
.inline-178 { font-size: 20px; margin: 14px 0px; }
.inline-179 { font-size: 14px; line-height: 1.62; color: var(--c-text-2); margin-bottom: 14px; }
.inline-180 { display: flex; flex-direction: column; gap: 9px; }
.inline-181 { display: flex; gap: 10px; align-items: flex-start; padding: 11px 13px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 9px; }
.inline-182 { font-size: 12.5px; color: var(--c-text-3); line-height: 1.5; }
.inline-183 { background: var(--c-bg-2); border-left: 1px solid var(--c-border); display: grid; place-items: center; padding: 18px; }
.inline-184 { width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--c-border); }
.inline-185 { padding: 0px; overflow: hidden; display: grid; grid-template-columns: 1fr 400px; }
.inline-186 { font-size: 22px; margin-bottom: 14px; }
.inline-187 { font-size: 14.5px; line-height: 1.62; color: var(--c-text-2); margin-bottom: 16px; }
.inline-188 { background: var(--c-bg-2); border-left: 1px solid var(--c-border); padding: 26px 24px; }
.inline-189 { margin-bottom: 14px; }
.inline-190 { font: 400 10px var(--f-mono); color: var(--c-text-3); letter-spacing: 1px; margin-bottom: 5px; }
.inline-191 { padding: 9px 12px; background: var(--c-bg-3); border: 1px solid var(--c-accent); border-radius: 8px; font-size: 12.5px; }
.inline-192 { justify-content: center; margin-top: 6px; }
.inline-193 { font-size: 10.5px; color: var(--c-text-3); text-align: center; }
.inline-194 { display: flex; gap: 56px; align-items: center; }
.inline-195 { flex-grow: 1; max-width: 480px; }
.inline-196 { margin-bottom: 24px; }
.inline-197 { font-size: 14px; line-height: 1.62; color: var(--c-text-3); }
.inline-198 { flex-shrink: 0; width: 640px; }
.inline-199 { box-shadow: rgba(3, 8, 20, 0.45) 0px 30px 70px; }
.inline-200 { list-style: none; display: flex; flex-direction: column; gap: 11px; font-size: 14px; color: var(--c-text-2); }
.inline-201 { display: flex; gap: 20px; flex-shrink: 0; align-items: flex-start; }
.inline-202 { margin-top: 30px; }
.inline-203 { max-width: 780px; margin-bottom: 46px; }
.inline-204 { display: grid; grid-template-columns: 1fr 420px; }
.inline-205 { padding: 32px 34px; }
.inline-206 { font-size: 23px; margin-bottom: 14px; }
.inline-207 { font-size: 14.5px; line-height: 1.62; color: var(--c-text-2); margin-bottom: 22px; }
.inline-208 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.inline-209 { font: 600 14px var(--f-body); margin-bottom: 8px; }
.inline-210 { font-size: 13px; line-height: 1.58; color: var(--c-text-3); }
.inline-211 { background: var(--c-bg-2); border-left: 1px solid var(--c-border); padding: 18px; display: flex; flex-direction: column; }
.inline-212 { margin-bottom: 12px; }
.inline-213 { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--c-border); }
.inline-214 { gap: 22px; margin-bottom: 22px; }
.inline-215 { padding: 28px 30px; }
.inline-216 { width: 32px; height: 32px; border-radius: 9px; background: var(--c-info-bg); color: var(--c-accent); display: grid; place-items: center; }
.inline-217 { font-size: 14px; line-height: 1.62; color: var(--c-text-2); margin-bottom: 18px; }
.inline-218 { display: flex; align-items: center; gap: 12px; padding: 13px 15px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 11px; }
.inline-219 { font-size: 12.5px; }
.inline-220 { font-size: 12.5px; color: var(--c-text-3); margin-top: 12px; }
.inline-221 { width: 32px; height: 32px; border-radius: 9px; background: var(--c-warn-bg); color: var(--c-warn); display: grid; place-items: center; }
.inline-222 { display: flex; gap: 9px; flex-wrap: wrap; }
.inline-223 { font-size: 12.5px; color: var(--c-text-3); margin-top: 14px; }
.inline-224 { gap: 22px; }
.inline-225 { font-size: 14px; line-height: 1.62; color: var(--c-text-2); margin-bottom: 16px; }
.inline-226 { display: flex; flex-direction: column; gap: 8px; }
.inline-227 { display: flex; align-items: center; gap: 10px; padding: 9px 12px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 9px; }
.inline-228 { width: 26px; height: 26px; border-radius: 7px; background: var(--c-accent-glow); color: var(--c-accent); display: grid; place-items: center; font: 800 9px var(--f-body); }
.inline-229 { font-size: 12.5px; flex-grow: 1; }
.inline-230 { width: 26px; height: 26px; border-radius: 7px; background: var(--c-warn-bg); color: var(--c-warn); display: grid; place-items: center; font: 800 9px var(--f-body); }
.inline-231 { width: 26px; height: 26px; border-radius: 7px; background: var(--c-ok-bg); color: var(--c-ok); display: grid; place-items: center; font: 800 9px var(--f-body); }
.inline-232 { width: 32px; height: 32px; border-radius: 9px; background: var(--c-ok-bg); color: var(--c-ok); display: grid; place-items: center; }
.inline-233 { display: flex; justify-content: space-between; align-items: center; padding: 10px 13px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 9px; }
.inline-234 { font-size: 12.5px; display: block; }
.inline-235 { padding: 0px; overflow: hidden; margin-top: 22px; display: grid; grid-template-columns: 1fr 480px; }
.inline-236 { font-size: 14px; line-height: 1.62; color: var(--c-text-2); }
.inline-237 { display: grid; grid-template-columns: 1fr 420px; gap: 26px; align-items: stretch; }
.inline-238 { display: flex; flex-direction: column; gap: 12px; }
.inline-239 { display: flex; gap: 14px; align-items: flex-start; padding: 15px 16px; background: var(--c-bg-2); border: 1px solid var(--c-accent); border-radius: 11px; }
.inline-240 { width: 30px; height: 30px; border-radius: 8px; background: var(--c-accent-glow); color: var(--c-accent); display: grid; place-items: center; font: 600 11px var(--f-mono); flex-shrink: 0; }
.inline-241 { display: block; font-size: 13.5px; font-weight: 600; }
.inline-242 { font-size: 12.5px; color: var(--c-text-3); margin-top: 7px; line-height: 1.5; }
.inline-243 { display: flex; gap: 14px; align-items: flex-start; padding: 15px 16px; background: var(--c-bg-2); border: 1px solid var(--c-border); border-radius: 11px; }
.inline-244 { width: 30px; height: 30px; border-radius: 8px; background: var(--c-surface-2); color: var(--c-text-2); display: grid; place-items: center; font: 600 11px var(--f-mono); flex-shrink: 0; }
.inline-245 { display: flex; gap: 14px; align-items: flex-start; padding: 15px 16px; background: var(--c-bg-2); border: 1px dashed var(--c-warn); border-radius: 11px; }
.inline-246 { width: 30px; height: 30px; border-radius: 8px; background: var(--c-warn-bg); color: var(--c-warn); display: grid; place-items: center; font: 600 11px var(--f-mono); flex-shrink: 0; }
.inline-247 { padding: 14px 16px; border-top: 1px solid var(--c-border); flex-grow: 1; display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.inline-248 { font-size: 12.5px; color: var(--c-text-3); line-height: 1.5; margin-top: 4px; }
.inline-249 { max-width: 700px; margin-bottom: 44px; }
.inline-250 { padding: 26px 24px; }
.inline-251 { font: 700 26px var(--f-display); color: var(--c-accent); margin-bottom: 12px; }
.inline-252 { font-size: 15px; font-weight: 600; margin-bottom: 9px; }
.inline-253 { padding: 30px 28px; display: flex; flex-direction: column; }
.inline-254 { font: 700 15px var(--f-display); color: var(--c-ok); margin-bottom: 8px; }
.inline-255 { font-size: 14px; line-height: 1.62; color: var(--c-text-2); margin-bottom: 20px; }
.inline-256 { list-style: none; display: flex; flex-direction: column; gap: 9px; font-size: 13px; color: var(--c-text-3); margin-top: auto; }
.inline-257 { padding: 30px 28px; display: flex; flex-direction: column; border-color: var(--c-accent); box-shadow: rgba(79, 142, 247, 0.16) 0px 12px 40px; }
.inline-258 { font: 700 15px var(--f-display); color: var(--c-accent); margin-bottom: 8px; }
.inline-259 { font: 700 15px var(--f-display); color: var(--c-warn); margin-bottom: 8px; }
.inline-260 { max-width: 760px; margin-bottom: 44px; }
.inline-261 { padding: 30px 28px; display: flex; flex-direction: column; border-color: var(--c-ok); box-shadow: rgba(46, 204, 142, 0.14) 0px 12px 40px; }
.inline-262 { margin-bottom: 16px; align-self: flex-start; }
.inline-263 { font: 700 16px var(--f-display); margin-bottom: 8px; }
.inline-264 { font-size: 12px; color: var(--c-text-3); margin-top: 22px; }
.inline-265 { padding: 0px; overflow: hidden; display: grid; grid-template-columns: 1.1fr 1fr; }
.inline-266 { padding: 48px 56px; display: flex; flex-direction: column; justify-content: center; }
.inline-267 { font-size: 42px; line-height: 1.12; margin-bottom: 20px; }
.inline-268 { margin-bottom: 30px; }
.inline-269 { display: none; }
.inline-270 { background: var(--c-bg-2); border-left: 1px solid var(--c-border); display: flex; align-items: center; overflow: hidden; }
.inline-271 { display: block; width: calc(100% + 4px); height: auto; margin: 0px -2px; }
.inline-272 { padding: 30px 56px 44px; display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.inline-273 { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.inline-274 { width: 24px; height: 18px; display: block; }
.inline-275 { display: flex; gap: 24px; }
.inline-276 { font-size: 12.5px; color: var(--c-text-3); }
.btn-fake { cursor: default; }

/* Responsive layout. Keep these overrides after the classes extracted from HTML. */
[data-dc-tpl="5"] {
    min-width: 0;
}

[data-sector-panel][hidden] {
    display: none !important;
}

img, svg {
    max-width: 100%;
}

pre, table {
    max-width: 100%;
}

pre {
    overflow-x: auto;
}

@media (max-width: 1100px) {
    .wrap {
        padding-right: 32px;
        padding-left: 32px;
    }

    [data-dc-tpl="20"] {
        flex-wrap: wrap;
        gap: 16px 24px;
    }

    [data-dc-tpl="30"] {
        order: 3;
        flex-basis: 100%;
        flex-wrap: wrap;
        gap: 10px 22px;
        white-space: normal;
    }

    .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inline-157 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .inline-194 {
        gap: 28px;
    }

    .inline-198 {
        width: min(52%, 640px);
    }
}

@media (max-width: 900px) {
    .section {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .h-xl {
        font-size: clamp(38px, 6vw, 56px);
    }

    .h-lg {
        font-size: clamp(30px, 4.5vw, 40px);
    }

    [data-dc-tpl="41"] {
        flex-direction: column;
        gap: 36px;
        padding-top: 64px;
        padding-bottom: 64px;
    }

    [data-dc-tpl="42"] {
        width: 100%;
    }

    .grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid-2,
    .inline-064, .inline-094, .inline-100, .inline-116,
    .inline-163, .inline-176, .inline-185, .inline-204,
    .inline-235, .inline-237, .inline-265 {
        grid-template-columns: minmax(0, 1fr);
    }

    .inline-194 {
        flex-direction: column;
        align-items: stretch;
    }

    .inline-195 {
        max-width: none;
    }

    .inline-198 {
        width: 100%;
    }

    .inline-089, .inline-127 {
        max-width: none;
    }

    [data-dc-tpl="309"], [data-dc-tpl="530"] {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    [data-dc-tpl="377"], [data-dc-tpl="630"] {
        flex-wrap: wrap;
        gap: 20px;
    }

    .stepper {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .stepper .step-line {
        display: none;
    }

    .stepper .step-col {
        padding: 0 0 0 16px;
        border-left: 2px solid var(--c-border);
    }

    .inline-266 {
        padding: 40px;
    }

    .inline-270, .inline-183, .inline-188, .inline-211 {
        border-left: 0;
        border-top: 1px solid var(--c-border);
    }

    .inline-272 {
        gap: 24px;
    }
}

@media (max-width: 600px) {
    .wrap {
        padding-right: 20px;
        padding-left: 20px;
    }

    .section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    [data-dc-tpl="7"] {
        padding-top: 12px;
        padding-bottom: 12px;
        gap: 8px;
    }

    [data-dc-tpl="20"] {
        gap: 14px;
    }

    [data-dc-tpl="30"] {
        gap: 10px 16px;
        font-size: 13px;
    }

    [data-dc-tpl="40"] {
        margin-left: auto;
    }

    [data-dc-tpl="41"] {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    [data-dc-tpl="50"], [data-dc-tpl="382"] {
        flex-wrap: wrap;
    }

    .grid-3, .grid-4, .grid-2,
    .inline-143, .inline-157, .inline-208 {
        grid-template-columns: minmax(0, 1fr);
    }

    .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    [data-dc-tpl="387"] {
        min-height: 0;
    }

    .inline-109 {
        width: min(180px, 100%);
    }

    .inline-201 {
        flex-wrap: wrap;
    }

    .inline-205, .inline-215, .inline-250,
    .inline-253, .inline-257, .inline-261 {
        padding: 22px;
    }

    .inline-266 {
        padding: 28px 22px;
    }

    .inline-267 {
        font-size: clamp(30px, 9vw, 42px);
    }

    .inline-272 {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 28px;
        padding-bottom: 32px;
    }

    .inline-275 {
        flex-wrap: wrap;
    }
}

/* Progressive disclosure and swipeable cards on phones. */
.mobile-deep-dive > summary,
.mobile-carousel-controls,
.mobile-copy {
    display: none;
}

@media (max-width: 900px) {
    .section {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    [data-dc-tpl="30"] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin-right: -20px;
        padding-right: 20px;
    }

    [data-dc-tpl="30"]::-webkit-scrollbar {
        display: none;
    }

    [data-dc-tpl="30"] > a {
        flex-shrink: 0;
    }

    #entradas [data-dc-tpl="535"] {
        display: none;
    }

    #legal [data-dc-tpl="134"],
    #diferencia [data-dc-tpl="261"],
    #automatizacion [data-dc-tpl="675"],
    #ciclo [data-dc-tpl="798"],
    #expedientes [data-dc-tpl="915"] {
        margin-bottom: 0;
    }

    #flujo [data-dc-tpl="499"],
    #entradas [data-dc-tpl="530"] {
        margin-bottom: 22px;
    }

    .desktop-copy {
        display: none;
    }

    .mobile-copy {
        display: inline;
    }

    .mobile-deep-dive {
        margin-top: 20px;
    }

    .mobile-deep-dive > summary {
        display: block;
        list-style: none;
        cursor: pointer;
        border: 1px solid var(--c-border-2);
        border-radius: 10px;
        background: var(--c-surface);
        color: var(--c-text);
        font-weight: 600;
        padding: 14px 42px 14px 16px;
        position: relative;
    }

    .mobile-deep-dive > summary::-webkit-details-marker {
        display: none;
    }

    .mobile-deep-dive > summary::after {
        content: '+';
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 22px;
        color: var(--c-accent);
    }

    .mobile-deep-dive[open] > summary::after {
        content: '−';
    }

    .mobile-deep-dive > summary:focus-visible,
    .mobile-carousel-controls button:focus-visible {
        outline: 3px solid var(--c-accent);
        outline-offset: 3px;
    }

    .mobile-deep-dive > summary + * {
        margin-top: 18px;
    }

    .mobile-carousel {
        display: flex;
        align-items: stretch;
        gap: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 0;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        margin: 0;
        padding: 0;
    }

    .mobile-carousel::-webkit-scrollbar {
        display: none;
    }

    .mobile-carousel > :not(.step-line) {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        scroll-snap-align: start;
    }

    .stepper.mobile-carousel {
        gap: 0;
    }

    .stepper.mobile-carousel .step-col {
        border: 1px solid var(--c-border);
        border-radius: var(--radius);
        background: var(--c-surface);
        padding: 20px;
    }

    .stepper.mobile-carousel .n {
        margin-bottom: 12px;
    }

    .mobile-carousel-controls {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 36px;
        margin: 14px 0 24px;
        color: var(--c-text-3);
        font-size: 12px;
    }

    .mobile-carousel-controls:last-child {
        margin-bottom: 0;
    }

    .section:has(> .mobile-carousel-controls:last-child) {
        padding-bottom: 24px;
    }

    .mobile-carousel-hint {
        font-family: var(--f-mono);
    }

    .mobile-carousel-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
    }

    .mobile-carousel-controls button {
        width: 34px;
        height: 34px;
        border: 1px solid var(--c-border-2);
        border-radius: 9px;
        background: var(--c-surface);
        color: var(--c-text);
        font-size: 18px;
        cursor: pointer;
    }

    .mobile-carousel-controls button:disabled {
        opacity: .35;
        cursor: default;
    }

    #entradas .mobile-carousel > .card {
        align-self: start;
    }

    #entradas .card > .mobile-deep-dive {
        margin: 0 16px 16px;
    }

    #entradas .card > .mobile-deep-dive > summary {
        background: var(--c-bg-2);
    }

    [data-dc-tpl="41"] .shot img {
        max-height: 210px;
        object-fit: cover;
        object-position: top;
    }
}

@media (max-width: 700px) {
    #normativa [data-dc-tpl="124"] {
        padding: 22px 20px;
        gap: 18px;
    }

    #normativa [data-dc-tpl="125"] {
        min-width: 0;
        width: 100%;
        flex: 0 0 100%;
    }

    #normativa [data-dc-tpl="129"] {
        width: 100%;
        flex: 0 0 100%;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    #normativa [data-dc-tpl="129"] .btn {
        width: min(100%, 230px);
        justify-content: center;
        padding: 10px 14px;
        font-size: 12.5px;
        line-height: 1.3;
        text-align: center;
        white-space: normal;
    }
}

@media (max-width: 900px) {
    #movil [data-dc-tpl="792"] {
        display: flex;
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 12px;
        flex-shrink: 1;
    }

    #movil [data-dc-tpl="792"] .phone {
        width: auto;
        max-width: 170px;
        min-width: 0;
        flex: 1 1 0;
        border-width: 5px;
        border-radius: 22px;
        box-shadow: 0 18px 36px rgba(3, 8, 20, .32);
    }

    #movil [data-dc-tpl="795"] {
        margin-top: 0;
    }
}