/* Derecho Penal V11 — shared-component parity.
   Cards, process cards, FAQ, related links, map and CTA inherit styles.css. */

.penal-page {
    overflow-x: clip;
}

.penal-page section[id],
.penal-page section[id] h2 {
    scroll-margin-top: 112px;
}

.penal-hero .hero__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.penal-hero .hero__subtitle {
    max-width: 760px;
    text-wrap: pretty;
}

.penal-section-copy {
    max-width: 1120px;
    margin: 0 auto clamp(28px, 4vw, 48px);
}

.penal-section-copy p {
    color: var(--color-text-secondary);
    font-size: clamp(0.98rem, 1.2vw, 1.08rem);
    line-height: 1.88;
    margin-bottom: 1.15rem;
    text-wrap: pretty;
}

.penal-section-copy p:first-child {
    color: rgba(245, 242, 236, 0.94);
    font-size: clamp(1.04rem, 1.35vw, 1.16rem);
}

.penal-section-copy p:last-child {
    margin-bottom: 0;
}

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

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

.penal-feature-link {
    min-height: 290px;
    color: inherit;
    text-decoration: none;
}

.penal-feature-link .faq-related__cta {
    margin-top: auto;
}

.penal-feature-link:focus-visible,
.penal-page .process-card--linked:focus-within {
    outline: 2px solid var(--color-gold-solid);
    outline-offset: 4px;
}

.penal-page .feature-box__icon {
    --penal-icon-active-foreground: var(--bg-deep-black);
    color: var(--color-gold-solid);
}

.penal-page .feature-box__icon svg,
.penal-page .process-icon-wrap svg {
    display: block;
    color: currentColor;
    fill: currentColor;
}

/* The shared card skin changes the icon disc to gold but only recolors Font
   Awesome <i> nodes. Penal cards use inline SVG, so currentColor must be
   inverted explicitly on hover, keyboard focus and mobile auto-hover. */
.penal-page .feature-box:hover .whyus-icon-animated,
.penal-page .feature-box:focus-visible .whyus-icon-animated,
.penal-page .feature-box:focus-within .whyus-icon-animated,
.penal-page .feature-box.auto-hover .whyus-icon-animated {
    background: var(--color-gold-solid);
    border-color: var(--color-gold-solid);
    color: var(--penal-icon-active-foreground) !important;
}

.penal-page .feature-box:hover .whyus-icon-animated svg,
.penal-page .feature-box:focus-visible .whyus-icon-animated svg,
.penal-page .feature-box:focus-within .whyus-icon-animated svg,
.penal-page .feature-box.auto-hover .whyus-icon-animated svg,
.penal-page .process-step.step-active .process-icon-wrap svg {
    color: var(--bg-deep-black) !important;
    fill: currentColor;
}

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

/* Penal timelines are compact content sections, not the 150vh Home scrollytelling
   block. Keep the original card skin while making every card readable at rest. */
.penal-page .process-title,
.penal-page .process-desc,
.penal-page .process-card__footer {
    opacity: 1;
    transform: none;
}

.penal-page .process-title {
    color: #fff;
}

.penal-page .process-desc {
    color: var(--color-text-secondary);
}

.penal-page .process-card--linked .process-card__footer a {
    color: var(--color-gold-solid);
    text-decoration: none;
}

.penal-page .process-card--linked .process-card__footer a:hover {
    color: #fff;
}

.penal-page .premium-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 1.5vw, 18px);
    max-width: 1120px;
    padding: 0;
    margin-inline: auto;
    list-style: none;
}

.penal-page .premium-list li {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 84px;
    margin: 0;
    padding: clamp(16px, 1.8vw, 21px) clamp(17px, 2vw, 23px);
    color: rgba(245, 242, 236, 0.86);
    background:
        linear-gradient(145deg, rgba(200, 169, 126, 0.075), rgba(200, 169, 126, 0.012) 58%),
        rgba(8, 8, 8, 0.58);
    border: 1px solid rgba(200, 169, 126, 0.22);
    border-left-color: rgba(232, 212, 168, 0.62);
    border-radius: 3px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 14px 32px -28px rgba(200, 169, 126, 0.55);
    font-size: clamp(0.9rem, 1.15vw, 0.98rem);
    line-height: 1.62;
    overflow-wrap: anywhere;
}

.penal-page .premium-list li::after {
    content: '';
    position: absolute;
    right: 18px;
    bottom: 0;
    left: 18px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200, 169, 126, 0.24), transparent);
}

.penal-page .premium-list li > svg {
    position: static;
    width: 18px;
    height: 18px;
    box-sizing: content-box;
    padding: 10px;
    color: var(--color-gold-solid);
    background: linear-gradient(145deg, rgba(200, 169, 126, 0.17), rgba(200, 169, 126, 0.04));
    border: 1px solid rgba(200, 169, 126, 0.34);
    border-radius: 50%;
    filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.3));
}

.penal-page .premium-list li > span {
    min-width: 0;
}

.penal-sources {
    max-width: 1120px;
    margin: 0 auto;
    border: 1px solid rgba(200, 169, 126, 0.2);
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.02);
}

.penal-sources summary {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 24px;
    color: #fff;
    font-family: var(--font-display);
    cursor: pointer;
}

.penal-sources summary::after {
    content: '+';
    color: var(--color-gold-solid);
}

.penal-sources[open] summary::after {
    content: '−';
}

.penal-sources ul {
    margin: 0;
    padding: 0 44px 24px;
    color: var(--color-text-secondary);
}

.penal-sources li {
    margin-bottom: 0.75rem;
    overflow-wrap: anywhere;
}

.penal-sources a {
    color: var(--color-gold-solid);
}

.penal-sources__review {
    padding: 0 24px 24px;
    color: var(--color-text-muted);
    font-size: 0.84rem;
}

@media (max-width: 992px) {
    .penal-features--routes,
    .penal-features--two,
    .penal-process-grid--six {
        grid-template-columns: 1fr;
    }

    .penal-feature-link {
        min-height: auto;
    }

    .penal-page .premium-list {
        grid-template-columns: 1fr;
    }

    body.penal-body .penal-page .premium-list li {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 13px;
        min-height: 76px;
        margin: 0 !important;
        padding: 15px 17px !important;
        font-size: 0.91rem !important;
        line-height: 1.58 !important;
        text-align: left !important;
    }

    body.penal-body .penal-page .premium-list li > svg {
        position: static !important;
        width: 16px !important;
        height: 16px !important;
        box-sizing: content-box;
        padding: 9px;
        margin: 0 !important;
        transform: none !important;
    }
}

@media (max-width: 600px) {
    .penal-hero .hero__subtitle {
        max-width: 34rem;
    }

    .penal-section-copy p {
        font-size: 0.94rem;
        line-height: 1.78;
    }

    .penal-page .premium-list {
        gap: 10px;
    }

    body.penal-body .penal-page .premium-list li {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 11px;
        min-height: 70px;
        padding: 14px 15px !important;
        font-size: 0.86rem !important;
    }

    body.penal-body .penal-page .premium-list li > svg {
        width: 15px !important;
        height: 15px !important;
        padding: 8px;
    }

    .penal-sources ul {
        padding-inline: 30px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .penal-page .feature-box,
    .penal-page .process-card,
    .penal-page .faq-related__card {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* PENAL HUB V12 START */
/* Penal uses compact editorial timelines; disable Home's global scrollytelling geometry. */
.penal-page .process-section {
    height: auto !important;
    min-height: 0 !important;
}

.penal-page .process-section > .container {
    position: relative !important;
    top: auto !important;
    height: auto !important;
}

.penal-page #el-recorrido-general-de-una-causa-penal .penal-process-grid--six {
    gap: 12px;
    align-items: stretch;
}

.penal-page #el-recorrido-general-de-una-causa-penal .process-card {
    min-width: 0;
    min-height: 100%;
    padding: 24px 16px;
}

.penal-page #el-recorrido-general-de-una-causa-penal .process-card__top {
    margin-bottom: 16px;
}

.penal-page #el-recorrido-general-de-una-causa-penal .process-number {
    font-size: clamp(1.65rem, 2.2vw, 2.15rem);
}

.penal-page #el-recorrido-general-de-una-causa-penal .process-title {
    font-size: clamp(0.9rem, 1vw, 1rem);
    line-height: 1.42;
}

.penal-page #el-recorrido-general-de-una-causa-penal .process-desc {
    font-size: clamp(0.78rem, 0.84vw, 0.86rem);
    line-height: 1.65;
}

.penal-authority-grid.authority-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
    padding: clamp(28px, 4vw, 46px) 0;
}

.penal-authority-grid .authority-item {
    min-width: 0;
}

.penal-authority-grid .authority-item__inner {
    align-items: flex-start;
    padding: clamp(26px, 3vw, 36px) clamp(20px, 2.4vw, 30px);
    text-align: left;
}

.penal-authority-grid .authority-item__icon-wrap {
    margin-bottom: 20px;
}

.penal-authority-grid .authority-item__icon-wrap svg {
    width: 1.35rem;
    height: 1.35rem;
    color: currentColor;
    fill: currentColor;
}

.penal-authority-grid .authority-item__title {
    font-size: clamp(0.96rem, 1.2vw, 1.08rem);
    line-height: 1.4;
    text-wrap: balance;
}

.penal-authority-grid .authority-item__desc {
    color: rgba(245, 242, 236, 0.78);
    font-size: clamp(0.87rem, 0.95vw, 0.94rem);
    line-height: 1.72;
    overflow-wrap: anywhere;
}

.penal-page #como-se-controla-la-prueba-penal .service-editorial,
.penal-page #como-se-organiza-la-primera-consulta .service-editorial,
.penal-page .penal-consult-timeline,
.penal-page .penal-consult-highlight {
    max-width: 1120px;
    margin-inline: auto;
}

.penal-page .penal-evidence-grid.editorial-concept-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.penal-page .penal-evidence-grid .editorial-concept-card {
    min-width: 0;
    text-align: left;
}

.penal-page .penal-evidence-grid .editorial-concept-card h3 {
    color: #fff;
    font-family: var(--font-display);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
    line-height: 1.42;
    margin-bottom: 14px;
    text-wrap: balance;
}

.penal-page .penal-evidence-grid .editorial-concept-card p,
.penal-page .penal-consult-timeline .prueba-timeline__texto {
    color: rgba(245, 242, 236, 0.78);
    font-size: clamp(0.88rem, 1vw, 0.95rem);
    line-height: 1.74;
}

.penal-page .penal-evidence-links a {
    color: var(--color-gold-solid);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

.penal-page .penal-evidence-links a:focus-visible {
    outline: 2px solid var(--color-gold-solid);
    outline-offset: 4px;
    border-radius: 2px;
}

.penal-page .penal-consult-intro {
    margin-bottom: clamp(30px, 5vw, 54px);
}

.penal-page .penal-consult-timeline {
    margin-bottom: clamp(28px, 4vw, 44px);
}

.penal-page .penal-consult-timeline .prueba-timeline__titulo {
    text-wrap: balance;
}

@media (min-width: 1280px) {
    .penal-page #el-recorrido-general-de-una-causa-penal .penal-process-grid--six {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (min-width: 769px) and (max-width: 1279px) {
    .penal-page #el-recorrido-general-de-una-causa-penal .penal-process-grid--six {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 601px) and (max-width: 768px) {
    .penal-page #el-recorrido-general-de-una-causa-penal .penal-process-grid--six {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 992px) {
    .penal-authority-grid.authority-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .penal-page #el-recorrido-general-de-una-causa-penal .penal-process-grid--six,
    .penal-authority-grid.authority-grid,
    .penal-page .penal-evidence-grid.editorial-concept-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .penal-page #el-recorrido-general-de-una-causa-penal .process-card {
        padding: 24px 18px;
    }

    .penal-authority-grid .authority-item__inner {
        padding: 26px 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .penal-page .penal-authority-grid .authority-item,
    .penal-page .penal-authority-grid .authority-item__glow,
    .penal-page .penal-authority-grid .authority-item__line,
    .penal-page .penal-evidence-grid .editorial-concept-card,
    .penal-page .penal-consult-timeline .prueba-timeline__item,
    .penal-page #el-recorrido-general-de-una-causa-penal .process-card {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* PENAL HUB V12 END */

/* PENAL PREMIUM V13 START */
/* Essential Penal content is never allowed to depend on a reveal observer. */
.penal-page > section {
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
}

.penal-page .reveal-up {
    opacity: 1 !important;
    transform: none !important;
}

.penal-premium-flow-shell {
    position: relative;
    padding: clamp(42px, 6vw, 82px) 0;
    overflow: clip;
    background:
        radial-gradient(circle at 12% 8%, rgba(200, 169, 126, 0.055), transparent 32%),
        radial-gradient(circle at 88% 92%, rgba(200, 169, 126, 0.035), transparent 28%),
        var(--bg-deep-black);
}

.penal-premium-flow-shell + .penal-premium-flow-shell {
    padding-top: 0;
}

.penal-premium-flow {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 2vw, 26px);
}

.penal-premium-row {
    display: grid;
    gap: clamp(16px, 2vw, 26px);
    align-items: stretch;
}

.penal-premium-row--1 {
    grid-template-columns: minmax(0, 1fr);
}

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

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

.penal-premium-block {
    position: relative;
    min-width: 0;
    min-height: 100%;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(200, 169, 126, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(24, 22, 18, 0.9), rgba(7, 7, 8, 0.97)),
        var(--bg-surface);
    box-shadow:
        0 20px 46px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
        border-color 220ms ease,
        box-shadow 240ms ease;
}

.penal-premium-block--charcoal {
    background:
        linear-gradient(145deg, rgba(29, 27, 22, 0.93), rgba(10, 9, 8, 0.98)),
        var(--bg-surface);
}

.penal-premium-block__content {
    position: relative;
    z-index: 2;
    height: 100%;
}

.penal-premium-block__glow,
.penal-premium-block__scan,
.penal-premium-block__line {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.penal-premium-block__glow {
    inset: 0;
    opacity: 0.42;
    background: radial-gradient(circle at 18% 0%, rgba(200, 169, 126, 0.12), transparent 48%);
    transition: opacity 220ms ease;
}

.penal-premium-block__scan {
    top: -30%;
    bottom: -30%;
    left: -45%;
    width: 32%;
    opacity: 0;
    transform: skewX(-18deg);
    background: linear-gradient(90deg, transparent, rgba(238, 218, 178, 0.08), transparent);
    transition: left 280ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease;
}

.penal-premium-block__line {
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    transform: scaleX(0.18);
    transform-origin: left;
    background: linear-gradient(90deg, var(--color-gold-solid), rgba(200, 169, 126, 0.08), transparent);
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.penal-premium-block .section-header {
    position: relative;
    z-index: 2;
    max-width: none;
    margin: 0 0 clamp(18px, 2.4vw, 26px);
    text-align: left;
}

.penal-premium-block .section-title {
    margin-top: 8px;
    font-size: clamp(1.06rem, 1.65vw, 1.48rem);
    line-height: 1.38;
    text-wrap: balance;
}

.penal-premium-block .section-line {
    margin-left: 0;
    transform-origin: left;
}

.penal-premium-flow .penal-section-copy {
    max-width: none;
    margin: 0;
}

.penal-premium-flow .penal-section-copy p {
    color: rgba(245, 242, 236, 0.8);
    font-size: clamp(0.91rem, 1vw, 1rem);
    line-height: 1.76;
}

.penal-premium-flow .penal-section-copy p:first-child {
    color: rgba(248, 245, 239, 0.94);
    font-size: clamp(0.94rem, 1.08vw, 1.04rem);
}

.penal-premium-index {
    position: absolute;
    top: clamp(18px, 2vw, 26px);
    right: clamp(18px, 2vw, 28px);
    color: rgba(200, 169, 126, 0.19);
    font-family: var(--font-display);
    font-size: clamp(2.2rem, 4vw, 4.6rem);
    line-height: 1;
    pointer-events: none;
}

.penal-premium-lead-icon,
.penal-premium-inline-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    color: var(--color-gold-solid);
    border: 1px solid rgba(200, 169, 126, 0.28);
    border-radius: 50%;
    background: rgba(200, 169, 126, 0.07);
}

.penal-premium-lead-icon svg,
.penal-premium-inline-icon svg {
    width: 18px;
    height: 18px;
}

.penal-premium-editorial {
    position: relative;
    height: 100%;
    padding: clamp(28px, 4vw, 52px);
}

.penal-premium-block--er:not(.penal-premium-block--direct) .penal-premium-editorial {
    max-width: 84ch;
}

.penal-premium-direct-box.editorial-premium-box {
    width: 100%;
    max-width: none !important;
    min-height: 100%;
    padding: clamp(28px, 4vw, 52px) !important;
    border: 0 !important;
    background: transparent;
    box-shadow: none;
}

.penal-premium-direct-box .penal-premium-editorial {
    max-width: 88ch;
    padding: 0;
}

.penal-premium-block--direct .penal-section-copy p:first-child {
    font-size: clamp(1.02rem, 1.32vw, 1.18rem);
    line-height: 1.72;
}

.penal-premium-single.features-container,
.penal-premium-authority.authority-grid,
.penal-premium-horizontal.ofertas-bajas-premium,
.penal-premium-coverage-card .coverage-grid {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
}

.penal-premium-flow .feature-box,
.penal-premium-flow .authority-item,
.penal-premium-flow .ofertas-bajas-card,
.penal-premium-flow .local-seo__card,
.penal-premium-flow .coverage-item {
    height: 100%;
    min-width: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}

.penal-premium-flow .feature-box {
    min-height: 100%;
    padding: clamp(26px, 3.2vw, 40px);
}

.penal-premium-flow .feature-box::before {
    content: attr(data-penal-index);
}

.penal-premium-flow .feature-box__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
}

.penal-premium-card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.penal-premium-authority .authority-item__inner {
    align-items: flex-start;
    height: 100%;
    padding: clamp(26px, 3vw, 38px);
    text-align: left;
}

.penal-premium-authority .authority-item__icon-wrap {
    margin-bottom: 18px;
}

.penal-premium-authority .authority-item__body {
    width: 100%;
}

.penal-premium-authority .authority-item__desc {
    color: inherit;
}

.penal-premium-timeline.prueba-timeline {
    max-width: none;
    height: 100%;
    margin: 0;
    padding: clamp(26px, 3.5vw, 44px);
}

.penal-premium-timeline.prueba-timeline::before {
    top: 30px;
    bottom: 30px;
    left: 43px;
    transform: none;
}

.penal-premium-timeline.prueba-timeline::after {
    display: none;
}

.penal-premium-timeline .prueba-timeline__item {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: clamp(18px, 3vw, 34px);
    margin: 0;
}

.penal-premium-timeline .prueba-timeline__nucleo {
    grid-column: 1;
    width: 86px;
    height: 86px;
}

.penal-premium-timeline .prueba-timeline__contenido,
.penal-premium-timeline .prueba-timeline__item:nth-child(odd) .prueba-timeline__contenido,
.penal-premium-timeline .prueba-timeline__item:nth-child(even) .prueba-timeline__contenido {
    grid-column: 2;
    padding: clamp(22px, 3vw, 34px);
    text-align: left;
    border-right: 0;
    border-left: 2px solid var(--color-gold-solid);
}

.penal-premium-timeline .prueba-timeline__contenido::before,
.penal-premium-timeline .prueba-timeline__contenido::after {
    display: none;
}

.penal-premium-horizontal .ofertas-bajas-card {
    grid-template-columns: 72px minmax(0, 1fr);
}

.penal-premium-horizontal .ofertas-bajas-card__cinta {
    min-height: 100%;
}

.penal-premium-horizontal .ofertas-bajas-card__body {
    min-width: 0;
    padding: clamp(24px, 3vw, 36px);
}

.penal-premium-inline-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 16px;
}

.penal-premium-coverage-card.local-seo__card {
    position: relative;
    padding: clamp(24px, 3vw, 36px) !important;
}

.penal-premium-coverage-card .coverage-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 0;
    color: inherit;
}

.penal-premium-coverage-card .coverage-item__icon {
    width: 42px;
    height: 42px;
    margin: 0;
}

.penal-premium-coverage-card .coverage-item__text {
    min-width: 0;
}

.penal-premium-flow a:focus-visible,
.penal-premium-flow button:focus-visible {
    outline: 2px solid var(--color-gold-solid);
    outline-offset: 4px;
    border-radius: 2px;
}

.penal-premium-flow a:active,
.penal-premium-flow button:active {
    transform: scale(0.96);
}

@media (hover: hover) and (pointer: fine) {
    .penal-premium-block:hover {
        transform: translateY(-4px);
        border-color: rgba(200, 169, 126, 0.43);
        box-shadow:
            0 28px 58px rgba(0, 0, 0, 0.5),
            0 0 0 1px rgba(200, 169, 126, 0.07),
            inset 0 1px 0 rgba(255, 255, 255, 0.055);
    }

    .penal-premium-block:hover .penal-premium-block__glow {
        opacity: 0.82;
    }

    .penal-premium-block:hover .penal-premium-block__scan {
        left: 116%;
        opacity: 1;
    }

    .penal-premium-block:hover .penal-premium-block__line {
        transform: scaleX(1);
    }
}

@media (max-width: 720px) {
    .penal-premium-row,
    .penal-premium-row--1,
    .penal-premium-row--2,
    .penal-premium-row--3 {
        grid-template-columns: minmax(0, 1fr);
    }

    .penal-premium-timeline .prueba-timeline__item {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 14px;
    }

    .penal-premium-timeline .prueba-timeline__nucleo {
        width: 64px;
        height: 64px;
    }

    .penal-premium-timeline.prueba-timeline::before {
        left: 32px;
    }

    .penal-premium-horizontal .ofertas-bajas-card {
        grid-template-columns: 56px minmax(0, 1fr);
    }
}

@media (max-width: 420px) {
    .penal-premium-flow-shell {
        padding: 34px 0;
    }

    .penal-premium-flow {
        gap: 14px;
    }

    .penal-premium-flow .feature-box,
    .penal-premium-authority .authority-item__inner,
    .penal-premium-editorial,
    .penal-premium-direct-box.editorial-premium-box,
    .penal-premium-horizontal .ofertas-bajas-card__body,
    .penal-premium-coverage-card.local-seo__card {
        padding: 22px 18px !important;
    }

    .penal-premium-timeline.prueba-timeline {
        padding: 22px 16px;
    }

    .penal-premium-timeline .prueba-timeline__item {
        grid-template-columns: 1fr;
    }

    .penal-premium-timeline .prueba-timeline__nucleo {
        grid-column: 1;
        width: 60px;
        height: 60px;
    }

    .penal-premium-timeline .prueba-timeline__contenido,
    .penal-premium-timeline .prueba-timeline__item:nth-child(odd) .prueba-timeline__contenido,
    .penal-premium-timeline .prueba-timeline__item:nth-child(even) .prueba-timeline__contenido {
        grid-column: 1;
    }

    .penal-premium-timeline.prueba-timeline::before {
        display: none;
    }
}

@media (hover: none), (pointer: coarse) {
    .penal-premium-flow .feature-box:hover,
    .penal-premium-flow .authority-item:hover,
    .penal-premium-flow .prueba-timeline__item:hover .prueba-timeline__contenido,
    .penal-premium-flow .prueba-timeline__item:hover .prueba-timeline__nucleo,
    .penal-premium-flow .ofertas-bajas-card:hover,
    .penal-premium-flow .coverage-item:hover {
        transform: none !important;
    }

    .penal-premium-flow .feature-box:hover::after,
    .penal-premium-flow .authority-item:hover .authority-item__glow,
    .penal-premium-flow .ofertas-bajas-card:hover::before {
        opacity: 0 !important;
    }

    .penal-premium-flow .feature-box:hover::before,
    .penal-premium-flow .authority-item:hover .authority-item__num,
    .penal-premium-flow .authority-item:hover .authority-item__icon-wrap,
    .penal-premium-flow .authority-item:hover .authority-item__line {
        transform: none !important;
    }

    .penal-premium-flow .feature-box:hover .whyus-icon-animated,
    .penal-premium-flow .authority-item:hover .authority-item__icon-wrap {
        color: var(--color-gold-solid) !important;
        background: rgba(200, 169, 126, 0.06) !important;
        border-color: rgba(200, 169, 126, 0.18) !important;
        box-shadow: none !important;
    }

    .penal-premium-flow .feature-box:hover .whyus-icon-animated svg,
    .penal-premium-flow .authority-item:hover .authority-item__icon-wrap svg {
        color: var(--color-gold-solid) !important;
        transform: none !important;
    }

    .penal-premium-flow .authority-item:hover .authority-item__line {
        transform: scaleX(0) !important;
    }

    .penal-premium-flow .prueba-timeline__item:hover .prueba-timeline__contenido,
    .penal-premium-flow .prueba-timeline__item:hover .prueba-timeline__nucleo {
        border-color: rgba(200, 169, 126, 0.22) !important;
        box-shadow: none !important;
    }

    .penal-premium-flow .coverage-item:hover .coverage-item__icon {
        color: var(--color-gold-solid) !important;
        background: rgba(200, 169, 126, 0.08) !important;
        transform: none !important;
    }
}

@media (min-width: 993px) {
    .penal-page .process-section,
    .penal-page section#proceso {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        padding: clamp(64px, 8vw, 112px) 0 !important;
    }

    .penal-page .process-section > .container,
    .penal-page section#proceso > .container {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        min-height: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .penal-page .reveal-up {
        opacity: 1 !important;
        transform: none !important;
    }

    .penal-premium-block,
    .penal-premium-block__glow,
    .penal-premium-block__scan,
    .penal-premium-block__line,
    .penal-premium-flow .feature-box,
    .penal-premium-flow .feature-scan,
    .penal-premium-flow .feature-border-left,
    .penal-premium-flow .authority-item,
    .penal-premium-flow .authority-item__glow,
    .penal-premium-flow .authority-item__line,
    .penal-premium-flow .prueba-timeline__nucleo,
    .penal-premium-flow .prueba-timeline__contenido,
    .penal-premium-flow .ofertas-bajas-card,
    .penal-premium-flow .coverage-item {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    .penal-premium-block__scan {
        display: none;
    }
}
/* PENAL PREMIUM V13 END */

/* PENAL CONTENT V13 START */
.penal-content-v13 {
    position: relative;
    overflow: clip;
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
    background:
        radial-gradient(circle at 9% 8%, rgba(200, 169, 126, 0.08), transparent 28%),
        radial-gradient(circle at 91% 90%, rgba(200, 169, 126, 0.05), transparent 30%),
        linear-gradient(180deg, #080808 0%, #0c0b0a 52%, #070707 100%);
}

.penal-content-v13::before,
.penal-content-v13::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.penal-content-v13::before {
    inset: 0;
    opacity: 0.22;
    background-image:
        linear-gradient(rgba(200, 169, 126, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(200, 169, 126, 0.12) 1px, transparent 1px);
    background-size: 78px 78px;
    mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

.penal-content-v13::after {
    right: -12%;
    bottom: -34%;
    width: min(54vw, 720px);
    aspect-ratio: 1;
    border: 1px solid rgba(200, 169, 126, 0.09);
    border-radius: 50%;
    box-shadow: 0 0 100px rgba(200, 169, 126, 0.035);
}

.penal-content-v13 > .container {
    position: relative;
    z-index: 1;
}

.penal-content-v13__blocks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: clamp(18px, 2vw, 28px);
    align-items: stretch;
    margin-top: clamp(28px, 4vw, 52px);
}

.penal-content-v13__block {
    position: relative;
    min-width: 0;
    height: 100%;
}

.penal-content-v13__block > .features-container,
.penal-content-v13__block > .authority-grid,
.penal-content-v13__block > .prueba-timeline,
.penal-content-v13__block > .ofertas-bajas-premium,
.penal-content-v13__block > .local-seo__card,
.penal-content-v13__block > .service-editorial,
.penal-content-v13__block .coverage-grid {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding-top: 0;
}

.penal-content-v13__block .feature-box,
.penal-content-v13__block .authority-item,
.penal-content-v13__block .authority-item__inner,
.penal-content-v13__block .ofertas-bajas-card,
.penal-content-v13__block .coverage-item,
.penal-content-v13__block .local-seo__card {
    width: 100%;
    min-width: 0;
    height: 100%;
}

.penal-content-v13__block .feature-box,
.penal-content-v13__block .authority-item__inner,
.penal-content-v13__block .local-seo__card,
.penal-content-v13__block > .service-editorial {
    padding: clamp(26px, 3.2vw, 42px);
}

.penal-content-v13__block .section-header,
.penal-content-v13__block .penal-section-copy {
    max-width: none;
    margin: 0;
}

.penal-content-v13__block .penal-section-copy h3,
.penal-content-v13__sources h3 {
    margin: 0 0 16px;
    color: var(--color-gold-solid);
    font-family: var(--font-display);
    font-size: clamp(1rem, 1.35vw, 1.24rem);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.018em;
    text-wrap: balance;
}

.penal-content-v13__block .penal-section-copy p,
.penal-content-v13__block .authority-item__body p,
.penal-content-v13__block .coverage-item__text p {
    margin: 0 0 14px;
    color: rgba(245, 242, 236, 0.82);
    font-size: clamp(0.91rem, 1vw, 1rem);
    line-height: 1.75;
}

.penal-content-v13__block .penal-section-copy p:last-child {
    margin-bottom: 0;
}

.penal-content-v13__block .premium-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin: 18px 0 0;
}

.penal-content-v13__block .premium-list li {
    min-height: 52px;
    padding: 12px 14px;
}

.penal-content-v13__list-label {
    margin-top: 18px !important;
    color: rgba(238, 218, 178, 0.9) !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.penal-content-v13__block--tl .prueba-timeline {
    position: relative;
    padding: clamp(24px, 3vw, 38px);
    border: 1px solid rgba(200, 169, 126, 0.2);
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(25, 23, 19, 0.94), rgba(8, 8, 8, 0.98));
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.36);
}

.penal-content-v13__block--tl .prueba-timeline::before,
.penal-content-v13__block--tl .prueba-timeline::after {
    display: none;
}

.penal-content-v13__block--tl .prueba-timeline__item {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    margin: 0;
}

.penal-content-v13__block--tl .prueba-timeline__nucleo {
    grid-column: 1;
    width: 72px;
    height: 72px;
}

.penal-content-v13__block--tl .prueba-timeline__contenido,
.penal-content-v13__block--tl .prueba-timeline__item:nth-child(odd) .prueba-timeline__contenido,
.penal-content-v13__block--tl .prueba-timeline__item:nth-child(even) .prueba-timeline__contenido {
    grid-column: 2;
    min-width: 0;
    padding: 0 0 0 22px;
    text-align: left;
    border: 0;
    border-left: 1px solid rgba(200, 169, 126, 0.3);
    background: transparent;
    box-shadow: none;
}

.penal-content-v13__block--tl .prueba-timeline__contenido::before,
.penal-content-v13__block--tl .prueba-timeline__contenido::after {
    display: none;
}

.penal-content-v13__block--hc .ofertas-bajas-card {
    grid-template-columns: 64px minmax(0, 1fr);
}

.penal-content-v13__block--hc .ofertas-bajas-card__body {
    min-width: 0;
    padding: clamp(24px, 3vw, 38px);
}

.penal-content-v13__block--cv .coverage-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 0;
}

.penal-content-v13__block--cv .coverage-item__icon {
    width: 42px;
    height: 42px;
    margin: 0;
}

.penal-content-v13__sources {
    position: relative;
    margin-top: clamp(28px, 4vw, 48px);
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(200, 169, 126, 0.18);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(200, 169, 126, 0.055), rgba(8, 8, 8, 0.78));
}

.penal-content-v13__sources ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.penal-content-v13__sources li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 0;
    border-top: 1px solid rgba(200, 169, 126, 0.12);
}

.penal-content-v13__sources li > span {
    color: rgba(200, 169, 126, 0.62);
    font-family: var(--font-display);
    font-size: 0.78rem;
}

.penal-content-v13__sources a {
    color: rgba(247, 243, 235, 0.86);
    font-size: 0.82rem;
    line-height: 1.5;
    text-decoration-color: rgba(200, 169, 126, 0.4);
    text-underline-offset: 3px;
}

.penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__blocks {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__blocks > .service-editorial {
    grid-column: 1 / -1;
}

.penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__block {
    grid-column: span 2;
}

.penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__block:nth-last-child(2),
.penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__block:last-child {
    grid-column: span 3;
}

.penal-content-v13[data-penal-content-kind="glossary"] .authority-item__body a {
    display: inline-flex;
    margin-top: 14px;
    color: var(--color-gold-solid);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.penal-content-v13 a:focus-visible {
    outline: 2px solid var(--color-gold-solid);
    outline-offset: 4px;
    border-radius: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .penal-content-v13__sources a:hover,
    .penal-content-v13[data-penal-content-kind="glossary"] .authority-item__body a:hover {
        color: #fff3d7;
        text-decoration-color: currentColor;
    }
}

@media (max-width: 900px) {
    .penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__blocks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__block,
    .penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__block:nth-last-child(2),
    .penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__block:last-child {
        grid-column: span 1;
    }
}

@media (max-width: 640px) {
    .penal-content-v13__blocks,
    .penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__blocks,
    .penal-content-v13__sources ol {
        grid-template-columns: minmax(0, 1fr);
    }

    .penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__blocks > .service-editorial,
    .penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__block,
    .penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__block:nth-last-child(2),
    .penal-content-v13[data-penal-content-kind="glossary"] .penal-content-v13__block:last-child {
        grid-column: 1;
    }

    .penal-content-v13__block--tl .prueba-timeline__item {
        grid-template-columns: minmax(0, 1fr);
    }

    .penal-content-v13__block--tl .prueba-timeline__nucleo,
    .penal-content-v13__block--tl .prueba-timeline__contenido,
    .penal-content-v13__block--tl .prueba-timeline__item:nth-child(odd) .prueba-timeline__contenido,
    .penal-content-v13__block--tl .prueba-timeline__item:nth-child(even) .prueba-timeline__contenido {
        grid-column: 1;
    }

    .penal-content-v13__block--tl .prueba-timeline__contenido,
    .penal-content-v13__block--tl .prueba-timeline__item:nth-child(odd) .prueba-timeline__contenido,
    .penal-content-v13__block--tl .prueba-timeline__item:nth-child(even) .prueba-timeline__contenido {
        padding: 18px 0 0;
        border-left: 0;
        border-top: 1px solid rgba(200, 169, 126, 0.3);
    }
}

@media (prefers-reduced-motion: reduce) {
    .penal-content-v13 *,
    .penal-content-v13 *::before,
    .penal-content-v13 *::after {
        animation: none !important;
        transition: none !important;
    }
}
/* PENAL CONTENT V13 END */

/* PENAL EXPERIENCE V14 START */
/* A premium flow is one semantic chapter, not a loose collection of cards. */
.penal-flow-v14 {
    position: relative;
    isolation: isolate;
    border-block: 1px solid rgba(200, 169, 126, 0.12);
}

.penal-flow-v14 > .container {
    width: min(1380px, calc(100% - clamp(32px, 6vw, 96px)));
    max-width: none;
}

.penal-flow-v14__header {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
    gap: clamp(20px, 4vw, 64px);
    align-items: end;
    margin: 0 0 clamp(34px, 5vw, 68px);
    padding: 0 0 clamp(28px, 4vw, 48px);
    border-bottom: 1px solid rgba(200, 169, 126, 0.22);
}

.penal-flow-v14__heading .section-title {
    max-width: 18ch;
    margin: 12px 0 18px;
    text-align: left;
}

.penal-flow-v14__heading .section-line { margin-inline: 0; }
.penal-flow-v14__summary { align-self: center; }
.penal-flow-v14__summary p {
    margin: 0;
    color: rgba(245, 242, 236, 0.8);
    font-size: clamp(1rem, 1.2vw, 1.13rem);
    line-height: 1.78;
}

.penal-flow-v14__chapters {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.penal-flow-v14__chapter,
.penal-flow-v14__more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 9px 14px;
    border: 1px solid rgba(200, 169, 126, 0.18);
    background: rgba(255, 255, 255, 0.018);
    color: rgba(245, 242, 236, 0.74);
    text-decoration: none;
}

.penal-flow-v14__chapter span { color: var(--gold); font: 600 0.7rem/1 var(--font-body); letter-spacing: 0.12em; }
.penal-flow-v14__chapter strong { font: 500 0.74rem/1.25 var(--font-body); letter-spacing: 0.035em; }
.penal-flow-v14__more { color: rgba(200, 169, 126, 0.78); font-size: 0.75rem; }

.penal-flow-v14 .penal-premium-flow {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(14px, 1.8vw, 24px);
    align-items: stretch;
}

.penal-flow-v14 .penal-premium-row { display: contents; }
.penal-flow-v14 .penal-premium-block {
    grid-column: span 6;
    min-width: 0;
    height: 100%;
    margin: 0;
}

.penal-flow-v14[data-flow-layout="editorial"] .penal-premium-block { grid-column: span 12; }
.penal-flow-v14[data-flow-layout="balanced"][data-card-count="3"] .penal-premium-block:first-child { grid-column: span 12; }
.penal-flow-v14[data-flow-layout="mosaic"][data-card-count="5"] .penal-premium-block:nth-child(n+3) { grid-column: span 6; }
.penal-flow-v14[data-flow-layout="mosaic"][data-card-count="5"] .penal-premium-block:last-child { grid-column: span 12; }
.penal-flow-v14[data-flow-layout="mosaic"][data-card-count="6"] .penal-premium-block { grid-column: span 4; }
.penal-flow-v14[data-flow-layout="mosaic"][data-card-count="7"] .penal-premium-block:nth-child(n+5) { grid-column: span 4; }
.penal-flow-v14[data-flow-layout="chapters"] .penal-premium-block { grid-column: span 4; }
.penal-flow-v14[data-flow-layout="chapters"][data-card-count="8"] .penal-premium-block:nth-child(n+7),
.penal-flow-v14[data-flow-layout="chapters"][data-card-count="10"] .penal-premium-block:nth-child(n+9),
.penal-flow-v14[data-flow-layout="chapters"][data-card-count="11"] .penal-premium-block:nth-child(n+10) { grid-column: span 6; }
.penal-flow-v14[data-flow-layout="chapters"][data-card-count="10"] .penal-premium-block--tl { grid-column: span 8; }

.penal-flow-v14 .penal-premium-block__content,
.penal-flow-v14 .penal-premium-block__content > * { height: 100%; }
.penal-flow-v14 .penal-premium-block .section-title { font-size: clamp(1.05rem, 1.38vw, 1.36rem); }
.penal-flow-v14 .penal-premium-coverage-card .coverage-grid > .coverage-item:last-child:nth-child(odd) {
    width: 100%;
    justify-self: stretch;
}
.penal-flow-v14 .penal-premium-timeline .prueba-timeline__item {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
}
.penal-flow-v14 .penal-premium-timeline .prueba-timeline__nucleo {
    width: 58px;
}
.penal-flow-v14 .penal-premium-timeline .prueba-timeline__contenido,
.penal-flow-v14 .penal-premium-timeline .prueba-timeline__item:nth-child(odd) .prueba-timeline__contenido,
.penal-flow-v14 .penal-premium-timeline .prueba-timeline__item:nth-child(even) .prueba-timeline__contenido {
    padding: clamp(18px, 2vw, 26px);
}

@media (hover: hover) and (pointer: fine) {
    .penal-flow-v14__chapter { transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), border-color 220ms ease, background 220ms ease; }
    .penal-flow-v14__chapter:hover { transform: translateY(-2px); border-color: rgba(200, 169, 126, 0.52); background: rgba(200, 169, 126, 0.07); color: #fff; }
}

.penal-flow-v14__chapter:focus-visible,
.penal-v14-module a:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }

/* Bespoke hub compositions. */
.penal-v14-office__layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); gap: clamp(28px, 6vw, 84px); align-items: stretch; }
.penal-v14-office__brief { padding: clamp(26px, 4vw, 54px); border-left: 1px solid rgba(200,169,126,.55); background: linear-gradient(115deg, rgba(200,169,126,.075), transparent 58%); }
.penal-v14-kicker { display:block; margin-bottom:18px; color:var(--gold); font:600 .72rem/1.3 var(--font-body); letter-spacing:.18em; text-transform:uppercase; }
.penal-v14-lead { color:#fff !important; font-size:clamp(1.15rem,1.8vw,1.55rem)!important; line-height:1.55!important; }
.penal-v14-office__brief p { color:rgba(245,242,236,.76); line-height:1.82; }
.penal-v14-office__bases { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.penal-v14-office__bases span { padding:10px 14px; border:1px solid rgba(200,169,126,.26); color:rgba(245,242,236,.78); }
.penal-v14-office__route { display:grid; border:1px solid rgba(200,169,126,.24); background:rgba(8,8,8,.45); }
.penal-v14-route-step { display:grid; grid-template-columns:58px 1fr; gap:16px; padding:clamp(18px,2vw,28px); border-bottom:1px solid rgba(200,169,126,.15); }
.penal-v14-route-step:last-child { border-bottom:0; }
.penal-v14-route-step>span { color:var(--gold); font:500 1.1rem/1 var(--font-display); }
.penal-v14-route-step strong { color:#fff; font:500 1rem/1.3 var(--font-display); }
.penal-v14-route-step p { margin:8px 0 0; color:rgba(245,242,236,.66); font-size:.92rem; line-height:1.6; }
.penal-v14-office__coverage { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:clamp(28px,4vw,48px); padding-top:24px; border-top:1px solid rgba(200,169,126,.18); }
.penal-v14-office__coverage strong { margin-right:10px; color:#fff; }
.penal-v14-office__coverage span { color:rgba(245,242,236,.7); font-size:.82rem; }
.penal-v14-office__coverage span:not(:last-child)::after { content:"·"; margin-left:10px; color:var(--gold); }

.penal-v14-priority__intro { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:end; margin-bottom:30px; }
.penal-v14-priority__intro p { max-width:850px; margin:0; color:rgba(245,242,236,.76); font-size:1.05rem; line-height:1.75; }
.penal-v14-priority__intro span { color:var(--gold); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; }
.penal-v14-priority__board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid rgba(200,169,126,.22); }
.penal-v14-priority__lane { min-width:0; padding:clamp(24px,3vw,40px); border-right:1px solid rgba(200,169,126,.18); background:rgba(8,8,8,.32); }
.penal-v14-priority__lane:last-child { border-right:0; }
.penal-v14-priority__lane--now { background:linear-gradient(145deg,rgba(200,169,126,.13),rgba(8,8,8,.44)); }
.penal-v14-priority__status { color:var(--gold); font-size:.69rem; letter-spacing:.16em; text-transform:uppercase; }
.penal-v14-priority__lane h3 { margin:16px 0 22px; color:#fff; font:500 clamp(1.2rem,1.65vw,1.55rem)/1.35 var(--font-display); }
.penal-v14-priority__lane ul { display:grid; gap:16px; margin:0; padding:0; list-style:none; }
.penal-v14-priority__lane li { position:relative; padding-left:20px; color:rgba(245,242,236,.73); line-height:1.65; }
.penal-v14-priority__lane li::before { content:""; position:absolute; left:0; top:.65em; width:7px; height:7px; border:1px solid var(--gold); transform:rotate(45deg); }
.penal-v14-priority__handoff { display:grid; grid-template-columns:.8fr 1.2fr; gap:40px; margin-top:24px; padding:24px 28px; border:1px solid rgba(200,169,126,.18); background:rgba(255,255,255,.018); }
.penal-v14-priority__handoff span { display:block; color:var(--gold); font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; }
.penal-v14-priority__handoff strong { display:block; margin-top:8px; color:#fff; line-height:1.6; }
.penal-v14-priority__handoff p { margin:0; color:rgba(245,242,236,.68); line-height:1.7; }

/* Shared editorial vocabulary for new V14 modules. */
.penal-v14-module { position:relative; overflow:clip; }
.penal-v14-module::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 85% 15%,rgba(200,169,126,.06),transparent 34%); }
.penal-v14-module .container { position:relative; z-index:1; }
.penal-v14-module h3 { color:#fff; font-family:var(--font-display); font-weight:500; }
.penal-v14-module p { color:rgba(245,242,236,.74); line-height:1.72; }
.penal-v14-module a { color:var(--gold); text-underline-offset:4px; }

.penal-v14-triage__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:rgba(200,169,126,.2); border:1px solid rgba(200,169,126,.2); }
.penal-v14-triage__grid article { padding:clamp(26px,3vw,42px); background:rgba(10,10,10,.96); }
.penal-v14-triage__grid article>span,.penal-v14-triage__grid article>strong { color:var(--gold); font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; }
.penal-v14-triage__grid h3 { margin:16px 0 20px; font-size:clamp(1.25rem,1.7vw,1.58rem); }
.penal-v14-triage__grid article>strong { display:block; margin-top:24px; }
.penal-v14-triage__grid article>strong+p { font-size:.88rem; }
.penal-v14-triage__next { display:grid; grid-template-columns:220px 1fr; gap:30px; margin-top:24px; padding:24px 28px; border-left:2px solid var(--gold); background:rgba(200,169,126,.06); }
.penal-v14-triage__next>span { color:#fff; font-family:var(--font-display); }
.penal-v14-triage__next p { margin:0; }

.penal-v14-liberty-map__layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:clamp(28px,5vw,70px); }
.penal-v14-liberty-map__steps { margin:0; padding:0; list-style:none; border-top:1px solid rgba(200,169,126,.24); }
.penal-v14-liberty-map__steps li { display:grid; grid-template-columns:150px 1fr; gap:26px; padding:28px 0; border-bottom:1px solid rgba(200,169,126,.18); }
.penal-v14-liberty-map__steps li>span { color:var(--gold); font-size:.73rem; letter-spacing:.1em; text-transform:uppercase; }
.penal-v14-liberty-map__steps h3 { margin:0 0 10px; }
.penal-v14-liberty-map__steps p { margin:0; }
.penal-v14-liberty-map__file { padding:clamp(26px,3vw,42px); border:1px solid rgba(200,169,126,.26); background:linear-gradient(145deg,rgba(200,169,126,.09),rgba(255,255,255,.015)); }
.penal-v14-liberty-map__file h3 { font-size:1.45rem; }
.penal-v14-liberty-map__file dl { margin:26px 0; }
.penal-v14-liberty-map__file dl>div { display:grid; grid-template-columns:110px 1fr; gap:14px; padding:13px 0; border-top:1px solid rgba(200,169,126,.15); }
.penal-v14-liberty-map__file dt { color:#fff; }
.penal-v14-liberty-map__file dd { margin:0; color:rgba(245,242,236,.66); }

.penal-v14-dossier__layout { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr); gap:clamp(36px,7vw,100px); align-items:start; }
.penal-v14-dossier__heading { position:sticky; top:120px; }
.penal-v14-dossier__heading .section-title { text-align:left; margin:12px 0 18px; }
.penal-v14-dossier__heading .section-line { margin-inline:0; }
.penal-v14-dossier__rows { border-top:1px solid rgba(200,169,126,.26); }
.penal-v14-dossier__rows article { display:grid; grid-template-columns:72px 1fr; gap:24px; padding:clamp(24px,3vw,38px) 0; border-bottom:1px solid rgba(200,169,126,.18); }
.penal-v14-dossier__rows article>span { display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(200,169,126,.42); border-radius:50%; color:var(--gold); font:500 .8rem/1 var(--font-body); }
.penal-v14-dossier__rows h3 { margin:0 0 10px; }
.penal-v14-dossier__rows p { margin:0; }

.penal-v14-execution__dashboard { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid rgba(200,169,126,.2); }
.penal-v14-execution__dashboard article { min-height:220px; padding:clamp(26px,3vw,42px); border-right:1px solid rgba(200,169,126,.16); border-bottom:1px solid rgba(200,169,126,.16); }
.penal-v14-execution__dashboard article:nth-child(2n) { border-right:0; }
.penal-v14-execution__dashboard article:nth-last-child(-n+2) { border-bottom:0; }
.penal-v14-execution__dashboard span { color:var(--gold); font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; }
.penal-v14-execution__dashboard h3 { margin:18px 0 12px; font-size:1.35rem; }
.penal-v14-execution__note { display:grid; grid-template-columns:200px 1fr auto; gap:24px; align-items:center; margin-top:24px; padding:24px 28px; background:rgba(200,169,126,.07); border-left:2px solid var(--gold); }
.penal-v14-execution__note p { margin:0; }
.penal-v14-execution__note a { white-space:nowrap; }

.penal-v14-ipp-compass__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.penal-v14-ipp-compass__grid article { padding:clamp(26px,3vw,40px); border:1px solid rgba(200,169,126,.2); background:linear-gradient(145deg,rgba(200,169,126,.06),transparent 62%); }
.penal-v14-ipp-compass__grid span { color:var(--gold); font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; }
.penal-v14-ipp-compass__grid h3 { margin:15px 0; }
.penal-v14-ipp-compass__grid p { margin:0; }
.penal-v14-ipp-urgent__layout { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr); gap:clamp(36px,7vw,100px); }
.penal-v14-ipp-urgent__layout header .section-title { text-align:left; margin:12px 0 18px; }
.penal-v14-ipp-urgent__layout header .section-line { margin-inline:0; }
.penal-v14-ipp-urgent__layout ol { margin:0; padding:0; list-style:none; counter-reset:none; }
.penal-v14-ipp-urgent__layout li { display:grid; grid-template-columns:54px 1fr; gap:20px; padding:22px 0; border-top:1px solid rgba(200,169,126,.18); }
.penal-v14-ipp-urgent__layout li>span { color:var(--gold); }
.penal-v14-ipp-urgent__layout h3 { margin:0 0 8px; }
.penal-v14-ipp-urgent__layout p { margin:0; }
.penal-v14-ipp-file__layout { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,5vw,70px); }
.penal-v14-ipp-file dl { margin:0; border-top:1px solid rgba(200,169,126,.24); }
.penal-v14-ipp-file dl>div { display:grid; grid-template-columns:190px 1fr; gap:24px; padding:22px 0; border-bottom:1px solid rgba(200,169,126,.18); }
.penal-v14-ipp-file dt { color:#fff; font-family:var(--font-display); }
.penal-v14-ipp-file dd { margin:0; color:rgba(245,242,236,.69); line-height:1.65; }
.penal-v14-ipp-file aside { padding:clamp(26px,3vw,42px); border:1px solid rgba(200,169,126,.24); background:rgba(8,8,8,.42); }
.penal-v14-ipp-file aside h3 { font-size:1.45rem; }
.penal-v14-ipp-routes__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.penal-v14-ipp-routes__grid a { display:block; min-height:210px; padding:26px; border:1px solid rgba(200,169,126,.2); background:rgba(255,255,255,.015); text-decoration:none; }
.penal-v14-ipp-routes__grid a>span { color:var(--gold); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; }
.penal-v14-ipp-routes__grid strong { display:block; margin:18px 0 12px; color:#fff; font:500 1.14rem/1.35 var(--font-display); }
.penal-v14-ipp-routes__grid p { margin:0; font-size:.9rem; }

/* Restore Penal scrollytelling only where every card fits inside the viewport. */
@media (min-width: 1280px) and (min-height: 800px) and (prefers-reduced-motion: no-preference) {
    .penal-page #defensa-penal-organizada-por-etapas.process-section { height: 245vh !important; min-height: 1900px !important; }
    .penal-page #el-recorrido-general-de-una-causa-penal.process-section { height: 330vh !important; min-height: 2550px !important; }
    .penal-page #defensa-penal-organizada-por-etapas.process-section > .container,
    .penal-page #el-recorrido-general-de-una-causa-penal.process-section > .container {
        position: sticky !important;
        top: clamp(96px, 11vh, 122px) !important;
        height: auto !important;
    }
    .penal-page .process-section .process-step { opacity: .38; transform: translateY(8px); transition: opacity 360ms ease, transform 360ms ease, border-color 360ms ease, background 360ms ease; }
    .penal-page .process-section .process-step.step-active { opacity: .68; transform: translateY(0); }
    .penal-page .process-section .process-step.step-current { opacity: 1; border-color: rgba(200,169,126,.72); background:linear-gradient(145deg,rgba(200,169,126,.12),rgba(12,12,12,.96)); }
}

@media (max-width: 1100px) {
    .penal-flow-v14__header { grid-template-columns:1fr; }
    .penal-flow-v14__chapters { grid-column:auto; }
    .penal-flow-v14 .penal-premium-block,
    .penal-flow-v14[data-flow-layout] .penal-premium-block,
    .penal-flow-v14[data-flow-layout] .penal-premium-block:nth-child(n) { grid-column:span 6; }
    .penal-v14-office__layout,.penal-v14-liberty-map__layout,.penal-v14-dossier__layout,.penal-v14-ipp-urgent__layout,.penal-v14-ipp-file__layout { grid-template-columns:1fr; }
    .penal-v14-dossier__heading { position:relative; top:auto; }
    .penal-v14-priority__board,.penal-v14-triage__grid,.penal-v14-ipp-routes__grid { grid-template-columns:1fr; }
    .penal-v14-priority__lane { border-right:0; border-bottom:1px solid rgba(200,169,126,.18); }
    .penal-v14-priority__lane:last-child { border-bottom:0; }
    .penal-v14-execution__note { grid-template-columns:1fr; }
}

@media (max-width: 860px) {
    .penal-flow-v14 > .container { width:min(100% - 28px,1380px); }
    .penal-flow-v14 .penal-premium-block,
    .penal-flow-v14[data-flow-layout] .penal-premium-block,
    .penal-flow-v14[data-flow-layout] .penal-premium-block:nth-child(n) { grid-column:span 12; }
    .penal-flow-v14__chapter { width:100%; }
    .penal-v14-office__coverage span:not(:last-child)::after { display:none; }
    .penal-v14-priority__intro,.penal-v14-priority__handoff,.penal-v14-triage__next,.penal-v14-liberty-map__steps li,.penal-v14-ipp-file dl>div { grid-template-columns:1fr; }
    .penal-v14-execution__dashboard,.penal-v14-ipp-compass__grid { grid-template-columns:1fr; }
    .penal-v14-execution__dashboard article { min-height:0; border-right:0; border-bottom:1px solid rgba(200,169,126,.16)!important; }
    .penal-v14-execution__dashboard article:last-child { border-bottom:0!important; }
    .penal-v14-dossier__rows article { grid-template-columns:54px 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .penal-flow-v14__chapter,.penal-page .process-section .process-step { transition:none!important; transform:none!important; }
    .penal-page #defensa-penal-organizada-por-etapas.process-section,
    .penal-page #el-recorrido-general-de-una-causa-penal.process-section { height:auto!important; min-height:0!important; }
    .penal-page #defensa-penal-organizada-por-etapas.process-section>.container,
    .penal-page #el-recorrido-general-de-una-causa-penal.process-section>.container { position:relative!important; top:auto!important; }
}
/* PENAL EXPERIENCE V14 END */

/* PENAL ARTICULO 308 V15 START */
/* Route-specific editorial system: Article 308 CPPBA. */
.penal-article-308-v15 .penal-308-dossier,
.penal-article-308-v15 .penal-308-journey,
.penal-article-308-v15 .penal-308-verification,
.penal-article-308-v15 .penal-308-switchboard,
.penal-article-308-v15 .penal-308-record,
.penal-article-308-v15 .penal-308-informal,
.penal-article-308-v15 .penal-308-mistakes { position:relative; isolation:isolate; overflow:clip; }
.penal-article-308-v15 .penal-308-dossier::before,
.penal-article-308-v15 .penal-308-journey::before,
.penal-article-308-v15 .penal-308-switchboard::before,
.penal-article-308-v15 .penal-308-record::before {
    content:""; position:absolute; inset:0; pointer-events:none; z-index:-1;
    background:radial-gradient(circle at 12% 18%,rgba(200,169,126,.09),transparent 29%),linear-gradient(120deg,transparent 0 54%,rgba(200,169,126,.025) 54% 55%,transparent 55%);
}

/* Opening legal dossier: intentionally asymmetric, not a repeated card grid. */
.penal-article-308-v15 .penal-308-dossier .penal-flow-v14__header { padding-bottom:clamp(24px,3vw,44px); }
.penal-article-308-v15 .penal-308-key-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid rgba(200,169,126,.24); border-radius:2px; background:linear-gradient(135deg,rgba(200,169,126,.055),rgba(10,10,10,.35)); margin-bottom:clamp(28px,4vw,54px); box-shadow:0 24px 70px rgba(0,0,0,.22); }
.penal-article-308-v15 .penal-308-key-facts article { display:grid; grid-template-columns:auto 1fr; gap:16px; padding:clamp(22px,2.5vw,34px); min-width:0; position:relative; }
.penal-article-308-v15 .penal-308-key-facts article+article { border-left:1px solid rgba(200,169,126,.18); }
.penal-article-308-v15 .penal-308-key-facts article>span { color:var(--gold); font:600 .68rem/1 var(--font-body); letter-spacing:.15em; padding-top:4px; }
.penal-article-308-v15 .penal-308-key-facts h3 { color:#f4eee5; font:500 clamp(.96rem,1.25vw,1.15rem)/1.3 var(--font-display); letter-spacing:.025em; margin:0 0 9px; }
.penal-article-308-v15 .penal-308-key-facts p { color:rgba(245,242,237,.68); font:400 .91rem/1.68 var(--font-body); margin:0; }
.penal-article-308-v15 .penal-308-dossier .penal-premium-flow { align-items:stretch; }
.penal-article-308-v15 .penal-308-dossier[data-308-layout="dossier"] .penal-premium-block:first-child { grid-column:span 7; }
.penal-article-308-v15 .penal-308-dossier[data-308-layout="dossier"] .penal-premium-block:last-child { grid-column:span 5; }
.penal-article-308-v15 .penal-308-dossier .penal-premium-block:first-child { min-height:410px; }
.penal-article-308-v15 .penal-308-dossier .penal-premium-block:last-child { margin-top:clamp(34px,5vw,76px); }

/* Citation verification desk. */
.penal-article-308-v15 .penal-308-verification { background:linear-gradient(180deg,#080808,#0b0a09); }
.penal-article-308-v15 .penal-308-verification>.container { display:grid; grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr); gap:clamp(38px,6vw,92px); align-items:start; }
.penal-article-308-v15 .penal-308-verification .section-header { text-align:left; align-items:flex-start; margin-bottom:24px; }
.penal-article-308-v15 .penal-308-verification .section-line { margin-inline:0; }
.penal-article-308-v15 .penal-308-verification__lead { color:rgba(245,242,237,.76); font:400 clamp(.98rem,1.15vw,1.08rem)/1.85 var(--font-body); }
.penal-article-308-v15 .penal-308-verification__lead strong { color:#f4e7d4; font-weight:500; }
.penal-article-308-v15 .penal-308-verification__notice { margin-top:30px; padding:24px 26px; border-left:2px solid var(--gold); background:rgba(200,169,126,.055); box-shadow:18px 18px 52px rgba(0,0,0,.18); }
.penal-article-308-v15 .penal-308-verification__notice span { color:var(--gold); font:600 .68rem/1 var(--font-body); letter-spacing:.16em; text-transform:uppercase; }
.penal-article-308-v15 .penal-308-verification__notice p { color:rgba(245,242,237,.7); font:400 .9rem/1.7 var(--font-body); margin:12px 0 0; }
.penal-article-308-v15 .penal-308-verification__grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(200,169,126,.3); border-left:1px solid rgba(200,169,126,.18); }
.penal-article-308-v15 .penal-308-verification__grid li { display:grid; grid-template-columns:auto 1fr; gap:16px; min-width:0; padding:clamp(22px,2.2vw,32px); border-right:1px solid rgba(200,169,126,.18); border-bottom:1px solid rgba(200,169,126,.18); background:rgba(255,255,255,.012); }
.penal-article-308-v15 .penal-308-verification__grid li>span { color:rgba(200,169,126,.72); font:600 .68rem/1 var(--font-body); letter-spacing:.15em; padding-top:5px; }
.penal-article-308-v15 .penal-308-verification__grid h3 { color:#f5efe7; font:500 1rem/1.35 var(--font-display); margin:0 0 8px; }
.penal-article-308-v15 .penal-308-verification__grid p { color:rgba(245,242,237,.62); font:400 .88rem/1.65 var(--font-body); margin:0; }

/* Decision switchboard with real interlinks. */
.penal-article-308-v15 .penal-308-switchboard { background:#11100f; }
.penal-article-308-v15 .penal-308-switchboard__header { display:grid; grid-template-columns:minmax(0,.92fr) minmax(280px,.72fr); gap:clamp(34px,7vw,110px); align-items:end; margin-bottom:clamp(34px,5vw,64px); }
.penal-article-308-v15 .penal-308-switchboard__header .section-line { margin-inline:0; }
.penal-article-308-v15 .penal-308-switchboard__header>p { color:rgba(245,242,237,.67); font:400 1rem/1.8 var(--font-body); margin:0; padding-bottom:9px; }
.penal-article-308-v15 .penal-308-switchboard__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; padding:1px; background:rgba(200,169,126,.26); box-shadow:0 34px 90px rgba(0,0,0,.3); }
.penal-article-308-v15 .penal-308-route-card { color:inherit; text-decoration:none; min-width:0; min-height:310px; padding:clamp(28px,4vw,48px); background:linear-gradient(140deg,#12110f,#0b0b0b); position:relative; overflow:hidden; display:flex; flex-direction:column; }
.penal-article-308-v15 .penal-308-route-card::before { content:""; position:absolute; inset:auto -18% -55% 25%; height:75%; border:1px solid rgba(200,169,126,.12); border-radius:50%; pointer-events:none; }
.penal-article-308-v15 .penal-308-route-card__num { position:absolute; right:26px; top:22px; color:rgba(200,169,126,.105); font:400 clamp(3.4rem,6vw,6.5rem)/1 var(--font-display); }
.penal-article-308-v15 .penal-308-route-card__eyebrow { color:var(--gold); font:600 .66rem/1 var(--font-body); letter-spacing:.17em; text-transform:uppercase; margin-bottom:26px; }
.penal-article-308-v15 .penal-308-route-card h3 { color:#f4eee6; font:500 clamp(1.12rem,1.65vw,1.48rem)/1.35 var(--font-display); max-width:30ch; margin:0 0 16px; position:relative; }
.penal-article-308-v15 .penal-308-route-card p { color:rgba(245,242,237,.63); font:400 .93rem/1.72 var(--font-body); max-width:62ch; margin:0 0 26px; position:relative; }
.penal-article-308-v15 .penal-308-route-card strong { color:#d7b782; font:600 .74rem/1.3 var(--font-body); letter-spacing:.08em; text-transform:uppercase; margin-top:auto; position:relative; }
@media (hover:hover) and (pointer:fine) {
    .penal-article-308-v15 .penal-308-route-card { transition:background-color 220ms ease,box-shadow 220ms ease,transform 220ms cubic-bezier(.22,1,.36,1); }
    .penal-article-308-v15 .penal-308-route-card:hover { background:#181510; box-shadow:inset 0 0 0 1px rgba(200,169,126,.32),0 24px 60px rgba(0,0,0,.25); transform:translateY(-3px); z-index:2; }
}
.penal-article-308-v15 .penal-308-route-card:focus-visible { outline:2px solid var(--gold); outline-offset:-5px; z-index:3; }

/* Before / during / after journey. */
.penal-article-308-v15 .penal-308-stage-rail { list-style:none; margin:0 0 clamp(36px,5vw,68px); padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid rgba(200,169,126,.2); background:rgba(7,7,7,.48); }
.penal-article-308-v15 .penal-308-stage-rail li { min-width:0; padding:clamp(22px,3vw,34px); position:relative; }
.penal-article-308-v15 .penal-308-stage-rail li+li { border-left:1px solid rgba(200,169,126,.18); }
.penal-article-308-v15 .penal-308-stage-rail li::after { content:""; position:absolute; left:0; bottom:-1px; width:34%; height:2px; background:linear-gradient(90deg,var(--gold),transparent); }
.penal-article-308-v15 .penal-308-stage-rail span { color:var(--gold); font:600 .65rem/1 var(--font-body); letter-spacing:.18em; text-transform:uppercase; }
.penal-article-308-v15 .penal-308-stage-rail strong { display:block; color:#f4eee7; font:500 1.02rem/1.4 var(--font-display); margin:12px 0 8px; }
.penal-article-308-v15 .penal-308-stage-rail p { color:rgba(245,242,237,.6); font:400 .87rem/1.65 var(--font-body); margin:0; }
.penal-article-308-v15 .penal-308-journey[data-308-layout="journey"] .penal-premium-block:nth-child(1) { grid-column:span 7; }
.penal-article-308-v15 .penal-308-journey[data-308-layout="journey"] .penal-premium-block:nth-child(2) { grid-column:span 5; margin-top:46px; }
.penal-article-308-v15 .penal-308-journey[data-308-layout="journey"] .penal-premium-block:nth-child(3) { grid-column:span 4; }
.penal-article-308-v15 .penal-308-journey[data-308-layout="journey"] .penal-premium-block:nth-child(4) { grid-column:span 8; }
.penal-article-308-v15 .penal-308-journey[data-308-layout="journey"] .penal-premium-block:nth-child(5) { grid-column:2/span 10; }

/* Act record: sticky editorial anchor plus sequential control ledger. */
.penal-article-308-v15 .penal-308-record { background:#080808; }
.penal-article-308-v15 .penal-308-record>.container { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr); gap:clamp(44px,7vw,108px); align-items:start; }
.penal-article-308-v15 .penal-308-record__anchor { position:sticky; top:110px; padding:clamp(30px,4vw,48px); border:1px solid rgba(200,169,126,.26); background:linear-gradient(145deg,rgba(200,169,126,.065),rgba(10,10,10,.82)); box-shadow:0 28px 80px rgba(0,0,0,.28); overflow:hidden; }
.penal-article-308-v15 .penal-308-record__code { position:absolute; right:-8px; top:-26px; color:rgba(200,169,126,.075); font:400 clamp(4.2rem,8vw,8.4rem)/1 var(--font-display); margin:0; }
.penal-article-308-v15 .penal-308-record__anchor .section-title { margin-top:26px; position:relative; }
.penal-article-308-v15 .penal-308-record__anchor>p:not(.penal-308-record__code) { color:rgba(245,242,237,.69); font:400 .97rem/1.8 var(--font-body); margin:24px 0; position:relative; }
.penal-article-308-v15 .penal-308-record__source { color:#d5b57e; font:600 .68rem/1 var(--font-body); letter-spacing:.15em; text-transform:uppercase; }
.penal-article-308-v15 .penal-308-record__steps { list-style:none; margin:0; padding:0; border-top:1px solid rgba(200,169,126,.26); }
.penal-article-308-v15 .penal-308-record__steps li { display:grid; grid-template-columns:54px 1fr; gap:clamp(18px,3vw,34px); padding:clamp(26px,3.5vw,44px) 0; border-bottom:1px solid rgba(200,169,126,.18); }
.penal-article-308-v15 .penal-308-record__steps li>span { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(200,169,126,.36); border-radius:50%; color:var(--gold); font:600 .66rem/1 var(--font-body); }
.penal-article-308-v15 .penal-308-record__steps h3 { color:#f5efe7; font:500 clamp(1.08rem,1.45vw,1.34rem)/1.38 var(--font-display); margin:4px 0 11px; }
.penal-article-308-v15 .penal-308-record__steps p { color:rgba(245,242,237,.63); font:400 .93rem/1.75 var(--font-body); margin:0; }

/* Informal citation spotlight. */
.penal-article-308-v15 .penal-308-informal { background:#11100f; }
.penal-article-308-v15 .penal-308-informal__panel { border:1px solid rgba(200,169,126,.28); display:grid; grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr); background:linear-gradient(125deg,rgba(200,169,126,.07),transparent 38%),#0b0b0b; box-shadow:0 38px 100px rgba(0,0,0,.32); }
.penal-article-308-v15 .penal-308-informal__lead { padding:clamp(32px,5vw,66px); border-right:1px solid rgba(200,169,126,.2); }
.penal-article-308-v15 .penal-308-informal__lead .section-title { margin:24px 0; }
.penal-article-308-v15 .penal-308-informal__lead p { color:rgba(245,242,237,.68); font:400 .98rem/1.82 var(--font-body); margin:0; }
.penal-article-308-v15 .penal-308-informal__checks { list-style:none; margin:0; padding:0; }
.penal-article-308-v15 .penal-308-informal__checks li { padding:clamp(24px,3vw,36px); display:grid; grid-template-columns:110px 1fr; gap:22px; border-bottom:1px solid rgba(200,169,126,.17); }
.penal-article-308-v15 .penal-308-informal__checks span { color:var(--gold); font:600 .68rem/1.4 var(--font-body); letter-spacing:.15em; text-transform:uppercase; }
.penal-article-308-v15 .penal-308-informal__checks p { color:rgba(245,242,237,.65); font:400 .91rem/1.7 var(--font-body); margin:0; }
.penal-article-308-v15 .penal-308-informal__boundary { grid-column:1/-1; display:grid; grid-template-columns:220px 1fr; gap:28px; padding:24px clamp(32px,5vw,66px); border-top:1px solid rgba(200,169,126,.2); background:rgba(200,169,126,.045); }
.penal-article-308-v15 .penal-308-informal__boundary strong { color:#e2c28e; font:500 .82rem/1.5 var(--font-body); letter-spacing:.07em; text-transform:uppercase; }
.penal-article-308-v15 .penal-308-informal__boundary p { color:rgba(245,242,237,.62); font:400 .88rem/1.7 var(--font-body); margin:0; }

/* Error ledger: readable, varied and not another icon list. */
.penal-article-308-v15 .penal-308-mistakes__header { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.65fr); gap:clamp(34px,7vw,110px); align-items:end; margin-bottom:clamp(34px,5vw,64px); }
.penal-article-308-v15 .penal-308-mistakes__header .section-line { margin-inline:0; }
.penal-article-308-v15 .penal-308-mistakes__header>p { color:rgba(245,242,237,.64); font:400 .96rem/1.8 var(--font-body); margin:0; }
.penal-article-308-v15 .penal-308-mistakes__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.penal-article-308-v15 .penal-308-mistakes__grid article { min-width:0; padding:clamp(24px,3vw,36px); border:1px solid rgba(200,169,126,.19); background:linear-gradient(145deg,rgba(200,169,126,.04),rgba(12,12,12,.72)); position:relative; }
.penal-article-308-v15 .penal-308-mistakes__grid article>span { color:rgba(200,169,126,.62); font:600 .67rem/1 var(--font-body); letter-spacing:.15em; }
.penal-article-308-v15 .penal-308-mistakes__grid h3 { color:#f4eee6; font:500 1.02rem/1.4 var(--font-display); margin:22px 0 10px; }
.penal-article-308-v15 .penal-308-mistakes__grid p { color:rgba(245,242,237,.61); font:400 .88rem/1.68 var(--font-body); margin:0; }
@media (hover:hover) and (pointer:fine) {
    .penal-article-308-v15 .penal-308-mistakes__grid article { transition:border-color 200ms ease,background-color 200ms ease,transform 200ms cubic-bezier(.22,1,.36,1); }
    .penal-article-308-v15 .penal-308-mistakes__grid article:hover { border-color:rgba(200,169,126,.45); background:#15120e; transform:translateY(-2px); }
}

@media (max-width:1100px) {
    .penal-article-308-v15 .penal-308-verification>.container,
    .penal-article-308-v15 .penal-308-record>.container { grid-template-columns:1fr; }
    .penal-article-308-v15 .penal-308-record__anchor { position:relative; top:auto; }
    .penal-article-308-v15 .penal-308-switchboard__header,
    .penal-article-308-v15 .penal-308-mistakes__header { grid-template-columns:1fr; }
    .penal-article-308-v15 .penal-308-informal__panel { grid-template-columns:1fr; }
    .penal-article-308-v15 .penal-308-informal__lead { border-right:0; border-bottom:1px solid rgba(200,169,126,.2); }
    .penal-article-308-v15 .penal-308-mistakes__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
    .penal-article-308-v15 .penal-308-key-facts,
    .penal-article-308-v15 .penal-308-verification__grid,
    .penal-article-308-v15 .penal-308-switchboard__grid,
    .penal-article-308-v15 .penal-308-stage-rail,
    .penal-article-308-v15 .penal-308-mistakes__grid { grid-template-columns:1fr; }
    .penal-article-308-v15 .penal-308-key-facts article+article,
    .penal-article-308-v15 .penal-308-stage-rail li+li { border-left:0; border-top:1px solid rgba(200,169,126,.18); }
    .penal-article-308-v15 .penal-308-dossier[data-308-layout="dossier"] .penal-premium-block:first-child,
    .penal-article-308-v15 .penal-308-dossier[data-308-layout="dossier"] .penal-premium-block:last-child,
    .penal-article-308-v15 .penal-308-journey[data-308-layout="journey"] .penal-premium-block:nth-child(n) { grid-column:span 12; margin-top:0; }
    .penal-article-308-v15 .penal-308-informal__checks li { grid-template-columns:1fr; gap:10px; }
    .penal-article-308-v15 .penal-308-informal__boundary { grid-template-columns:1fr; gap:10px; }
}
@media (max-width:420px) {
    .penal-article-308-v15 .penal-308-route-card { min-height:0; padding:26px 22px; }
    .penal-article-308-v15 .penal-308-verification__grid li,
    .penal-article-308-v15 .penal-308-record__steps li { grid-template-columns:1fr; }
    .penal-article-308-v15 .penal-308-record__steps li>span { width:36px; height:36px; }
}
@media (prefers-reduced-motion:reduce) {
    .penal-article-308-v15 .penal-308-route-card,
    .penal-article-308-v15 .penal-308-mistakes__grid article { transition:none!important; transform:none!important; }
}
/* PENAL ARTICULO 308 V15 END */

/* PENAL V16 START */
/* Shared V16 vocabulary. Repairs the undefined --gold used by V14/V15. */
.penal-page { --gold: var(--color-gold-solid); }
.penal-v16 .section-subtitle { max-width: 78ch; margin-left: auto; margin-right: auto; }
.penal-v16-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.penal-v16 h3 { font-family: var(--font-display); font-weight: 500; color: #fff; }
.penal-v16 a:focus-visible { outline: 1px solid var(--color-gold-solid); outline-offset: 4px; border-radius: 2px; }

/* Breadcrumbs inside the penal hero: one line, inner horizontal scroll when tight.
   Start-aligned nav: the ol's auto inline margins center it while it fits and
   collapse on overflow so the first crumb stays reachable by scroll. */
.penal-page .penal-breadcrumbs { justify-content: flex-start; margin: 0 0 18px; position: relative; z-index: 6; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.penal-page .penal-breadcrumbs::-webkit-scrollbar { display: none; }
.penal-page .penal-breadcrumbs ol { justify-content: flex-start; flex-wrap: nowrap; white-space: nowrap; width: max-content; margin-inline: auto; }
.penal-page .penal-breadcrumbs li { flex: 0 0 auto; }

/* Stage rail (navigator + compact journey) */
.penal-v16-stagenav { display: grid; gap: clamp(18px, 2.5vw, 32px); }
.penal-v16-stages { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; counter-reset: v16stage; }
.penal-v16-stages__item a { display: block; padding: 16px 18px; border: 1px solid rgba(200, 169, 126, 0.18); background: linear-gradient(160deg, rgba(24, 24, 24, 0.7), rgba(10, 10, 10, 0.9)); border-radius: 8px; text-decoration: none; color: var(--color-text-secondary); position: relative; }
.penal-v16-stages__item strong { display: block; font-family: var(--font-display); font-weight: 500; font-size: clamp(0.92rem, 1.4vw, 1.02rem); color: #fff; letter-spacing: 0.02em; }
.penal-v16-stages__note { display: block; margin-top: 6px; font-size: 0.82rem; line-height: 1.55; }
.penal-v16-stages__item.is-current a { border-color: rgba(200, 169, 126, 0.55); box-shadow: 0 0 0 1px rgba(200, 169, 126, 0.15), 0 18px 40px -22px rgba(200, 169, 126, 0.4); }
.penal-v16-stages__item.is-current strong { color: var(--color-gold-solid); }
.penal-v16-stages__aside { border-left: 1px solid rgba(200, 169, 126, 0.25); padding-left: clamp(16px, 2vw, 26px); align-self: center; }
.penal-v16-stages__aside h3 { font-size: clamp(1rem, 1.6vw, 1.15rem); margin-bottom: 10px; }
.penal-v16-stages__aside p { font-size: 0.95rem; line-height: 1.75; color: var(--color-text-secondary); margin: 0; }
@media (min-width: 993px) {
    .penal-v16-stagenav { grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); align-items: start; }
    .penal-v16-stages { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: rgba(200, 169, 126, 0.14); border-radius: 8px; overflow: hidden; }
    .penal-v16-stages__item a { border: 0; border-radius: 0; height: 100%; padding: 18px 16px; }
    .penal-v16-stages--compact { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.penal-v16-stages--compact .penal-v16-stages__note { display: none; }
.penal-v16-stages--compact .penal-v16-stages__item a { padding: 12px 14px; text-align: center; }

/* Situation router */
.penal-v16-router { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; background: rgba(200, 169, 126, 0.14); border: 1px solid rgba(200, 169, 126, 0.14); border-radius: 8px; overflow: hidden; }
.penal-v16-router a { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: clamp(20px, 2.6vw, 30px); background: linear-gradient(155deg, rgba(20, 20, 24, 0.92), rgba(6, 6, 8, 0.98)); text-decoration: none; color: var(--color-text-secondary); }
.penal-v16-router__label strong { font-family: var(--font-display); font-weight: 500; font-size: clamp(1rem, 1.5vw, 1.12rem); color: #fff; letter-spacing: 0.02em; }
.penal-v16-router p { margin: 0; font-size: 0.9rem; line-height: 1.7; }
.penal-v16-router__cta { margin-top: auto; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-gold-solid); }
.penal-v16-router__cta::after { content: " \2192"; }
@media (min-width: 993px) { .penal-v16-router { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 640px) and (max-width: 992px) { .penal-v16-router { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Matrix tables (document panel / evidence matrix) */
.penal-v16-matrix-wrap { border: 1px solid rgba(200, 169, 126, 0.18); border-radius: 10px; overflow: hidden; background: linear-gradient(160deg, rgba(24, 24, 24, 0.7), rgba(10, 10, 10, 0.92)); }
.penal-v16-matrix { width: 100%; border-collapse: collapse; font-size: 0.92rem; line-height: 1.65; }
.penal-v16-matrix thead th { font-family: var(--font-body); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-gold-solid); text-align: left; padding: 16px 18px; border-bottom: 1px solid rgba(200, 169, 126, 0.25); }
.penal-v16-matrix tbody th, .penal-v16-matrix tbody td { padding: 16px 18px; vertical-align: top; border-bottom: 1px solid rgba(255, 255, 255, 0.05); color: var(--color-text-secondary); text-align: left; font-weight: 300; }
.penal-v16-matrix tbody th { font-family: var(--font-display); font-weight: 500; color: #fff; font-size: 0.98rem; }
.penal-v16-matrix tbody tr:last-child th, .penal-v16-matrix tbody tr:last-child td { border-bottom: 0; }
.penal-v16-matrix__note { margin-top: 16px; padding-left: 14px; border-left: 2px solid rgba(200, 169, 126, 0.5); font-size: 0.88rem; line-height: 1.7; color: var(--color-text-secondary); max-width: 78ch; }
@media (max-width: 900px) {
    .penal-v16-matrix thead { display: none; }
    .penal-v16-matrix, .penal-v16-matrix tbody, .penal-v16-matrix tr, .penal-v16-matrix th, .penal-v16-matrix td { display: block; }
    .penal-v16-matrix tr { padding: 6px 0; border-bottom: 1px solid rgba(200, 169, 126, 0.16); }
    .penal-v16-matrix tr:last-child { border-bottom: 0; }
    .penal-v16-matrix tbody th, .penal-v16-matrix tbody td { border: 0; padding: 8px 16px; }
    .penal-v16-matrix tbody td::before { content: attr(data-label); display: block; font-size: 0.64rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-gold-solid); margin-bottom: 4px; }
}

/* Jurisdiction comparator */
.penal-v16-compare { display: grid; gap: 1px; background: rgba(200, 169, 126, 0.14); border: 1px solid rgba(200, 169, 126, 0.14); border-radius: 8px; overflow: hidden; }
.penal-v16-compare__col { padding: clamp(20px, 2.6vw, 30px); background: linear-gradient(155deg, rgba(20, 20, 24, 0.92), rgba(6, 6, 8, 0.98)); }
.penal-v16-compare__col h3 { font-size: clamp(1rem, 1.5vw, 1.15rem); margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(200, 169, 126, 0.25); }
.penal-v16-compare__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.penal-v16-compare__col li { font-size: 0.9rem; line-height: 1.65; color: var(--color-text-secondary); padding-left: 16px; position: relative; }
.penal-v16-compare__col li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 6px; height: 1px; background: var(--color-gold-solid); }
.penal-v16-compare__caveat { margin-top: 16px; font-size: 0.88rem; line-height: 1.7; color: var(--color-text-muted); max-width: 82ch; }
@media (min-width: 993px) { .penal-v16-compare { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } }

/* Timeline rail */
.penal-v16-rail { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; counter-reset: v16rail; }
.penal-v16-rail li { position: relative; padding: 20px 20px 20px 22px; border-left: 1px solid rgba(200, 169, 126, 0.3); background: linear-gradient(160deg, rgba(24, 24, 24, 0.55), rgba(10, 10, 10, 0.85)); border-radius: 0 8px 8px 0; counter-increment: v16rail; }
.penal-v16-rail__label { display: inline-block; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-gold-solid); margin-bottom: 8px; }
.penal-v16-rail h3 { font-size: clamp(0.98rem, 1.5vw, 1.1rem); margin-bottom: 8px; }
.penal-v16-rail p { margin: 0; font-size: 0.9rem; line-height: 1.7; color: var(--color-text-secondary); }
.penal-v16-rail li::before { content: counter(v16rail, decimal-leading-zero); position: absolute; top: 14px; right: 16px; font-family: var(--font-display); font-size: 1.9rem; font-weight: 700; color: rgba(200, 169, 126, 0.14); }
@media (min-width: 1280px) {
    .penal-v16-rail { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1px; background: rgba(200, 169, 126, 0.14); border-radius: 8px; overflow: hidden; }
    .penal-v16-rail li { border-left: 0; border-radius: 0; border-top: 2px solid rgba(200, 169, 126, 0.35); }
}

/* Checklist ledger */
.penal-v16-ledger { display: grid; gap: clamp(16px, 2vw, 26px); }
.penal-v16-ledger__group { padding: clamp(20px, 2.6vw, 30px); border: 1px solid rgba(200, 169, 126, 0.18); border-radius: 8px; background: linear-gradient(160deg, rgba(24, 24, 24, 0.7), rgba(10, 10, 10, 0.9)); }
.penal-v16-ledger__group h3 { font-size: clamp(1rem, 1.5vw, 1.15rem); margin-bottom: 14px; }
.penal-v16-ledger__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.penal-v16-ledger__list li { position: relative; padding-left: 22px; font-size: 0.92rem; line-height: 1.65; color: var(--color-text-secondary); }
.penal-v16-ledger__list li::before { content: ""; position: absolute; left: 0; top: 0.42em; width: 9px; height: 9px; border: 1px solid var(--color-gold-solid); border-radius: 2px; }
@media (min-width: 993px) { .penal-v16-ledger { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } }

/* Comparison cards */
.penal-v16-cards { display: grid; gap: clamp(16px, 2vw, 26px); }
.penal-v16-card { padding: clamp(22px, 3vw, 34px); border: 1px solid rgba(200, 169, 126, 0.18); border-radius: 8px; background: linear-gradient(155deg, rgba(20, 20, 24, 0.92), rgba(6, 6, 8, 0.98)); }
.penal-v16-card--alert { border-top: 2px solid rgba(200, 169, 126, 0.6); }
.penal-v16-card h3 { font-size: clamp(1.02rem, 1.6vw, 1.18rem); margin-bottom: 10px; }
.penal-v16-card__lead { font-size: 0.95rem; line-height: 1.7; color: var(--color-text-primary); margin-bottom: 12px; }
.penal-v16-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.penal-v16-card li { font-size: 0.88rem; line-height: 1.65; color: var(--color-text-secondary); padding-left: 16px; position: relative; }
.penal-v16-card li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 6px; height: 1px; background: var(--color-gold-solid); }
@media (min-width: 993px) { .penal-v16-cards { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } }

/* Editorial split */
.penal-v16-split { display: grid; gap: clamp(20px, 3vw, 40px); }
.penal-v16-split__lead { font-size: clamp(1.05rem, 1.8vw, 1.25rem); line-height: 1.6; color: #fff; border-left: 2px solid var(--color-gold-solid); padding-left: 16px; margin-bottom: 16px; }
.penal-v16-split__main p { font-size: clamp(0.95rem, 1.2vw, 1.05rem); line-height: 1.85; color: var(--color-text-secondary); margin: 0 0 14px; max-width: 70ch; }
.penal-v16-split__aside { padding: clamp(20px, 2.6vw, 30px); border: 1px solid rgba(200, 169, 126, 0.2); border-radius: 8px; background: rgba(200, 169, 126, 0.045); align-self: start; }
.penal-v16-split__aside h3 { font-size: 1rem; margin-bottom: 12px; }
.penal-v16-split__aside ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.penal-v16-split__aside li { font-size: 0.9rem; line-height: 1.6; color: var(--color-text-secondary); padding-left: 18px; position: relative; }
.penal-v16-split__aside li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-right: 1px solid var(--color-gold-solid); border-top: 1px solid var(--color-gold-solid); transform: rotate(45deg); }
@media (min-width: 993px) { .penal-v16-split { grid-template-columns: minmax(0, 7fr) minmax(260px, 5fr); } }

/* Glossary */
.penal-v16-glossary { margin: 0; display: grid; gap: 1px; background: rgba(200, 169, 126, 0.12); border: 1px solid rgba(200, 169, 126, 0.14); border-radius: 8px; overflow: hidden; }
.penal-v16-glossary__item { padding: clamp(18px, 2.2vw, 26px); background: linear-gradient(160deg, rgba(24, 24, 24, 0.72), rgba(10, 10, 10, 0.92)); }
.penal-v16-glossary dt { font-family: var(--font-display); font-weight: 500; color: #fff; font-size: 1rem; margin-bottom: 8px; }
.penal-v16-glossary dd { margin: 0; font-size: 0.9rem; line-height: 1.7; color: var(--color-text-secondary); }
.penal-v16-glossary__when { display: block; margin-top: 8px; font-size: 0.8rem; color: var(--color-text-muted); }
.penal-v16-glossary dd a { display: inline-block; margin-top: 8px; color: var(--color-gold-solid); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; }
.penal-v16-glossary dd a::after { content: " \2192"; }
@media (min-width: 993px) { .penal-v16-glossary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .penal-v16-glossary { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Related journey (closer) */
.penal-v16-related { display: grid; gap: clamp(16px, 2vw, 26px); margin-top: clamp(20px, 2.6vw, 32px); }
.penal-v16-related__card { display: flex; flex-direction: column; gap: 10px; padding: clamp(22px, 3vw, 32px); border: 1px solid rgba(200, 169, 126, 0.18); border-radius: 14px; background: linear-gradient(160deg, rgba(24, 24, 24, 0.7), rgba(10, 10, 10, 0.92)); text-decoration: none; color: var(--color-text-secondary); }
.penal-v16-related__eyebrow { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-gold-solid); }
.penal-v16-related__card h3 { font-size: clamp(1rem, 1.5vw, 1.12rem); }
.penal-v16-related__card p { margin: 0; font-size: 0.88rem; line-height: 1.65; }
.penal-v16-related__cta { margin-top: auto; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-gold-solid); }
.penal-v16-related__cta::after { content: " \2192"; }
@media (min-width: 993px) { .penal-v16-related { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Document CTA (closer): editorial column + document box */
.penal-v16-cta { text-align: left; }
.penal-v16-cta__grid { display: grid; gap: clamp(24px, 3vw, 44px); align-items: start; }
.penal-v16-cta .section-overline { display: block; margin-bottom: 10px; }
.penal-v16-cta__title { font-size: clamp(1.4rem, 2.6vw, 2rem); line-height: 1.25; color: #fff; margin-bottom: 14px; }
.penal-v16-cta__intro { font-size: clamp(0.98rem, 1.4vw, 1.1rem); line-height: 1.7; color: var(--color-text-primary); margin-bottom: 12px; }
.penal-v16-cta__text { font-size: 0.95rem; line-height: 1.8; color: var(--color-text-secondary); margin-bottom: 18px; max-width: 62ch; }
.penal-v16-cta__note { font-size: 0.82rem; line-height: 1.65; color: var(--color-text-muted); max-width: 62ch; margin: 0; padding-left: 14px; border-left: 2px solid rgba(200, 169, 126, 0.4); }
.penal-v16-cta__box { padding: clamp(22px, 2.6vw, 32px); border: 1px solid rgba(200, 169, 126, 0.22); border-top: 2px solid rgba(200, 169, 126, 0.65); border-radius: 10px; background: linear-gradient(160deg, rgba(24, 24, 24, 0.75), rgba(8, 8, 10, 0.95)); box-shadow: 0 20px 46px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04); }
.penal-v16-cta__box h3 { font-size: 0.72rem; font-family: var(--font-body); font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-gold-solid); margin-bottom: 16px; }
.penal-v16-cta__items { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 12px; }
.penal-v16-cta__items li { position: relative; padding-left: 24px; font-size: 0.9rem; line-height: 1.6; color: var(--color-text-secondary); }
.penal-v16-cta__items li::before { content: ""; position: absolute; left: 0; top: 0.35em; width: 9px; height: 9px; border: 1px solid var(--color-gold-solid); border-radius: 50%; }
.penal-v16-cta__actions { display: grid; gap: 12px; }
.penal-v16-cta__actions > a { width: 100%; box-sizing: border-box; }
.penal-v16-cta__actions .btn-outline-gold { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; text-align: center; border-radius: 2px; }
@media (min-width: 993px) {
    .penal-v16-cta__grid { grid-template-columns: minmax(0, 7fr) minmax(300px, 5fr); }
}

/* Harmonized premium cards inside the V14 chapter shells: one surface, one
   border, one radius for every card so a chapter reads as a single family. */
.penal-flow-v14 .penal-premium-block,
.penal-flow-v14 .penal-premium-block--deep,
.penal-flow-v14 .penal-premium-block--charcoal {
    background: linear-gradient(160deg, rgba(24, 24, 24, 0.72), rgba(9, 9, 11, 0.94));
    border: 1px solid rgba(200, 169, 126, 0.16);
    border-radius: 10px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.penal-flow-v14 .penal-premium-block--direct { border-top: 2px solid rgba(200, 169, 126, 0.55); }
.penal-flow-v14 .penal-premium-direct-box,
.penal-flow-v14 .editorial-premium-box.penal-premium-direct-box {
    background: transparent;
    border: 0;
    box-shadow: none;
}
.penal-flow-v14 .penal-premium-direct-box .editorial-glow { display: none; }
.penal-flow-v14 .penal-premium-block__content,
.penal-flow-v14 .penal-premium-block__content > * { min-width: 0; }
.penal-flow-v14 .penal-premium-block__content { overflow-wrap: break-word; }
@media (max-width: 860px) {
    .penal-flow-v14 .penal-premium-block { border-radius: 8px; }
    .penal-flow-v14 .penal-premium-block__content .section-title { font-size: clamp(1rem, 4vw, 1.2rem); }
}

/* Motion discipline */
@media (hover: hover) and (pointer: fine) {
    .penal-v16-router a, .penal-v16-related__card, .penal-v16-stages__item a { transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, box-shadow 0.35s ease; }
    .penal-v16-router a:hover, .penal-v16-related__card:hover { transform: translateY(-4px); border-color: rgba(200, 169, 126, 0.45); box-shadow: 0 18px 40px -22px rgba(200, 169, 126, 0.4); }
    .penal-v16-stages__item a:hover { border-color: rgba(200, 169, 126, 0.5); }
    .penal-v16-glossary dd a:hover, .penal-v16-router__cta { text-decoration: none; }
}
@media (prefers-reduced-motion: reduce) {
    .penal-v16 *, .penal-v16 *::before, .penal-v16 *::after { transition: none !important; animation: none !important; transform: none !important; }
}
/* PENAL V16 END */