/* ============================================================
   Eclipse - Astronauta en Propulsion
   Carga despues de styles.css.
   ============================================================ */

:root {
    --propulsion-ink: #071126;
    --propulsion-ink-2: #120B2D;
    --propulsion-light: #F7F5FF;
    --propulsion-line: rgba(255,255,255,0.14);
    --propulsion-card: rgba(255,255,255,0.07);
    --propulsion-card-light: rgba(255,255,255,0.86);
    --propulsion-teal: #00C9B8;
}

body[data-cms-page="propulsion"] {
    background: var(--propulsion-ink);
}

.A_NavLogo .Span_NavBrand {
    font-family: var(--font-display);
    font-size: var(--fs-2xl);
    font-weight: var(--fw-bold);
    color: var(--blanco);
}

.Main_Propulsion {
    overflow: hidden;
    background: var(--propulsion-ink);
    color: var(--blanco);
}

.D_PropulsionBreadcrumb {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: calc(5.8rem + var(--gap-lg)) var(--px-section) var(--gap-sm);
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
    color: var(--blanco-opaco2);
    font-size: var(--fs-sm);
}

.D_PropulsionBreadcrumb a {
    color: var(--dorado1);
    font-weight: var(--fw-semibold);
    transition: color var(--t-fast);
}

.D_PropulsionBreadcrumb a:hover {
    color: var(--blanco);
}

.S_PropulsionHero,
.S_PropulsionPillars,
.S_PropulsionBenefits,
.S_PropulsionPlans,
.S_PropulsionActivation,
.S_PropulsionTraction,
.S_PropulsionTimeline,
.S_PropulsionOwnership,
.S_PropulsionFaq,
.S_PropulsionFinalCta {
    position: relative;
    padding: var(--gap-2xl) var(--px-section);
}

.D_PropulsionInner,
.D_PropulsionHeroInner {
    width: min(100%, var(--max-width));
    margin: 0 auto;
}

.D_PropulsionSectionHead {
    max-width: 760px;
    margin-bottom: var(--gap-xl);
}

.Span_PropulsionEyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: var(--gap-sm);
    color: var(--dorado1);
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
}

.Span_PropulsionEyebrow::before {
    content: "";
    width: 1.8rem;
    height: 1px;
    background: var(--degradado-btn);
}

.H2_PropulsionSection {
    font-family: var(--font-display);
    font-size: var(--fs-3xl);
    font-weight: var(--fw-bold);
    line-height: 1.08;
    color: inherit;
}

.P_PropulsionSectionDesc {
    max-width: 680px;
    margin-top: var(--gap-sm);
    color: currentColor;
    opacity: 0.72;
    line-height: 1.75;
}

.A_PropulsionBtn {
    min-height: 3.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.86rem 1.25rem;
    border-radius: var(--radius-full);
    font-size: var(--fs-sm);
    font-weight: var(--fw-black);
    text-align: center;
    transition: transform var(--t-fast), box-shadow var(--t-fast), background var(--t-fast), color var(--t-fast);
}

.A_PropulsionBtn--primary {
    background: var(--degradado-btn);
    color: var(--blanco);
    box-shadow: var(--shadow-verde);
}

.A_PropulsionBtn--ghost {
    border: 1px solid rgba(255,255,255,0.22);
    color: var(--blanco);
    background: rgba(255,255,255,0.06);
}

.A_PropulsionBtn:hover {
    transform: translateY(-2px);
}

.A_PropulsionBtn:focus-visible,
.D_PropulsionPlan:focus-visible,
.D_PropulsionTimelineItem button:focus-visible,
.D_PropulsionFaqItem button:focus-visible,
.D_PropulsionSimulator select:focus-visible,
.D_PropulsionSimulator input:focus-visible {
    outline: 3px solid var(--dorado1);
    outline-offset: 4px;
}

/* Hero */
.S_PropulsionHero {
    min-height: calc(100svh - 7rem);
    padding-top: var(--gap-lg);
    background:
        linear-gradient(155deg, rgba(5,11,31,0.98) 0%, rgba(18,11,45,0.96) 55%, rgba(5,11,31,1) 100%);
}

.S_PropulsionHero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 5rem;
    background: linear-gradient(180deg, transparent, var(--blanco));
    pointer-events: none;
}

.D_PropulsionHeroInner {
    min-height: 680px;
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.78fr);
    align-items: center;
    gap: var(--gap-2xl);
}

.D_PropulsionHeroCopy {
    max-width: 720px;
}

.H1_PropulsionHero {
    font-family: var(--font-display);
    font-size: var(--fs-hero);
    font-weight: var(--fw-black);
    line-height: 0.96;
    color: var(--blanco);
}

.H1_PropulsionHero span {
    display: block;
    color: var(--dorado1);
}

.P_PropulsionHeroDesc {
    max-width: 650px;
    margin-top: var(--gap-md);
    color: var(--blanco-opaco1);
    font-size: var(--fs-lg);
    line-height: 1.65;
}

.P_PropulsionPromise {
    margin-top: var(--gap-md);
    padding-left: var(--gap-md);
    border-left: 2px solid var(--dorado1);
    color: var(--blanco);
    font-size: var(--fs-xl);
    font-weight: var(--fw-bold);
    line-height: 1.32;
}

.D_PropulsionHeroActions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-sm);
    margin-top: var(--gap-lg);
}

.D_PropulsionPromo {
    max-width: 520px;
    margin-top: var(--gap-lg);
    padding: var(--gap-sm) var(--gap-md);
    display: grid;
    gap: 0.2rem;
    border: 1px solid var(--dorado-borde);
    border-radius: var(--radius-lg);
    background: rgba(245,184,66,0.10);
    color: var(--blanco-opaco1);
}

.D_PropulsionPromo strong {
    color: var(--dorado1);
    font-size: var(--fs-md);
}

.D_PropulsionOrbit {
    position: relative;
    width: min(100%, 34rem);
    aspect-ratio: 1;
    margin: 0 auto;
    border-radius: 50%;
    background:
        conic-gradient(from 120deg, rgba(245,184,66,0.26), rgba(0,201,184,0.12), rgba(124,58,237,0.28), rgba(245,184,66,0.26));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), 0 24px 80px rgba(0,0,0,0.36);
}

.D_PropulsionOrbit::before {
    content: "";
    position: absolute;
    inset: 12%;
    border-radius: 50%;
    background: var(--propulsion-ink);
    box-shadow: inset 0 0 32px rgba(245,184,66,0.12);
}

.D_PropulsionOrbitRing {
    position: absolute;
    border-radius: 50%;
    border: 1px dashed rgba(255,255,255,0.28);
    pointer-events: none;
}

.D_PropulsionOrbitRing--outer {
    inset: 9%;
}

.D_PropulsionOrbitRing--mid {
    inset: 24%;
    border-color: rgba(0,201,184,0.34);
}

.D_PropulsionCore {
    position: absolute;
    inset: 34%;
    display: grid;
    place-items: center;
    gap: 0.35rem;
    border-radius: 50%;
    background: linear-gradient(145deg, #FFFFFF 0%, #F5E6BE 100%);
    color: var(--propulsion-ink);
    text-align: center;
    box-shadow: 0 18px 44px rgba(0,0,0,0.34);
}

.D_PropulsionCore i {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    color: var(--morado1);
}

.D_PropulsionCore b {
    max-width: 8rem;
    font-size: var(--fs-xs);
    line-height: 1.2;
}

.D_PropulsionMoon {
    position: absolute;
    width: clamp(5.8rem, 10vw, 7.4rem);
    min-height: 5.8rem;
    display: grid;
    place-items: center;
    gap: 0.18rem;
    padding: 0.7rem;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: var(--radius-lg);
    background: rgba(5,11,31,0.82);
    color: var(--blanco);
    text-align: center;
    box-shadow: var(--shadow-lg);
}

.D_PropulsionMoon span {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--degradado-btn);
    color: var(--propulsion-ink);
    font-weight: var(--fw-black);
}

.D_PropulsionMoon small {
    font-size: var(--fs-xs);
    color: var(--blanco-opaco2);
}

.D_PropulsionMoon--one { top: 7%; left: 7%; }
.D_PropulsionMoon--two { top: 13%; right: 2%; }
.D_PropulsionMoon--three { bottom: 9%; left: 50%; transform: translateX(-50%); }

/* Pillars */
.S_PropulsionPillars,
.S_PropulsionActivation,
.S_PropulsionTimeline,
.S_PropulsionFaq {
    background: var(--blanco);
    color: var(--texto-oscuro);
}

.D_PropulsionPath {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-lg);
}

.D_PropulsionPath::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    top: 3.1rem;
    height: 2px;
    background: linear-gradient(90deg, var(--dorado1), var(--propulsion-teal), var(--morado1));
}

.D_PropulsionPillar {
    position: relative;
    min-height: 18rem;
    padding: var(--gap-lg);
    display: grid;
    align-content: start;
    gap: var(--gap-sm);
    border: 1px solid var(--gris-borde);
    border-radius: var(--radius-lg);
    background: var(--propulsion-card-light);
    box-shadow: var(--shadow-card);
}

.Span_PropulsionStep {
    width: 3.2rem;
    height: 3.2rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--propulsion-ink);
    color: var(--dorado1);
    font-weight: var(--fw-black);
}

.D_PropulsionPillar i {
    color: var(--morado1);
    font-size: var(--fs-xl);
}

.D_PropulsionPillar h3,
.D_PropulsionBenefit h3,
.D_PropulsionActivationItem h3,
.D_PropulsionOwnershipItem h3 {
    font-size: var(--fs-lg);
    color: inherit;
}

.D_PropulsionPillar p,
.D_PropulsionBenefit p,
.D_PropulsionActivationItem p,
.D_PropulsionOwnershipItem p {
    color: currentColor;
    opacity: 0.68;
    line-height: 1.65;
}

/* Benefits */
.S_PropulsionBenefits,
.S_PropulsionPlans,
.S_PropulsionTraction,
.S_PropulsionOwnership,
.S_PropulsionFinalCta {
    background:
        linear-gradient(180deg, var(--propulsion-ink) 0%, var(--propulsion-ink-2) 100%);
    color: var(--blanco);
}

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

.D_PropulsionBenefit {
    min-height: 12rem;
    padding: var(--gap-lg);
    border: 1px solid var(--propulsion-line);
    border-radius: var(--radius-lg);
    background: var(--propulsion-card);
}

.D_PropulsionBenefit i {
    width: 2.8rem;
    height: 2.8rem;
    display: grid;
    place-items: center;
    margin-bottom: var(--gap-md);
    border-radius: 50%;
    background: rgba(0,201,184,0.12);
    color: var(--propulsion-teal);
}

/* Plans */
.D_PropulsionPlansGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-lg);
    align-items: stretch;
}

.D_PropulsionPlan {
    position: relative;
    min-height: 38rem;
    padding: var(--gap-lg);
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
    border: 1px solid var(--propulsion-line);
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,0.06);
    cursor: pointer;
    transition: transform var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid), background var(--t-mid);
}

.D_PropulsionPlan.is-active,
.D_PropulsionPlan--featured {
    border-color: var(--dorado-borde);
    background: linear-gradient(160deg, rgba(245,184,66,0.15), rgba(124,58,237,0.15));
    box-shadow: var(--shadow-card-d);
}

.D_PropulsionPlan:hover {
    transform: translateY(-4px);
}

.Span_PropulsionPlanBadge {
    align-self: flex-start;
    padding: 0.35rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--degradado-badge);
    color: var(--blanco);
    font-size: var(--fs-xs);
    font-weight: var(--fw-bold);
}

.D_PropulsionPlan h3 {
    font-family: var(--font-display);
    font-size: var(--fs-xl);
}

.P_PropulsionPlanIdeal {
    min-height: 4rem;
    color: var(--blanco-opaco2);
    line-height: 1.6;
}

.P_PropulsionPlanPrice {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    color: var(--blanco-opaco2);
}

.P_PropulsionPlanPrice strong {
    color: var(--dorado1);
    font-size: var(--fs-2xl);
}

.P_PropulsionActivation {
    color: var(--blanco-opaco1);
}

.D_PropulsionPlan ul {
    display: grid;
    gap: 0.62rem;
    margin: var(--gap-sm) 0 var(--gap-md);
}

.D_PropulsionPlan li {
    display: flex;
    gap: 0.55rem;
    color: var(--blanco-opaco2);
    line-height: 1.45;
}

.D_PropulsionPlan li i {
    margin-top: 0.24rem;
    color: var(--propulsion-teal);
    font-size: var(--fs-xs);
}

.A_PropulsionBtn--plan {
    margin-top: auto;
    background: var(--blanco);
    color: var(--propulsion-ink);
}

/* Activation */
.D_PropulsionActivationLayout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
    gap: var(--gap-xl);
    align-items: start;
}

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

.D_PropulsionActivationItem,
.D_PropulsionFounders {
    padding: var(--gap-lg);
    border: 1px solid var(--gris-borde);
    border-radius: var(--radius-lg);
    background: var(--propulsion-card-light);
    box-shadow: var(--shadow-card);
}

.D_PropulsionActivationItem i {
    margin-bottom: var(--gap-sm);
    color: var(--morado1);
    font-size: var(--fs-xl);
}

.D_PropulsionFounders {
    position: sticky;
    top: 6rem;
    background: var(--propulsion-ink);
    color: var(--blanco);
    border-color: var(--dorado-borde);
}

.D_PropulsionFounders span {
    display: inline-flex;
    margin-bottom: var(--gap-sm);
    padding: 0.36rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--dorado-opaco);
    color: var(--dorado1);
    font-size: var(--fs-xs);
    font-weight: var(--fw-bold);
}

.D_PropulsionFounders h3 {
    font-family: var(--font-display);
    font-size: var(--fs-xl);
}

.D_PropulsionFounders p {
    margin-top: var(--gap-sm);
    color: var(--blanco-opaco2);
    line-height: 1.6;
}

.D_PropulsionFounders ul {
    display: grid;
    gap: 0.65rem;
    margin: var(--gap-md) 0;
}

.D_PropulsionFounders li {
    display: flex;
    gap: 0.55rem;
    color: var(--blanco-opaco2);
}

.D_PropulsionFounders li i {
    color: var(--dorado1);
}

/* Traction */
.D_PropulsionTractionTop {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
    gap: var(--gap-lg);
    margin-bottom: var(--gap-lg);
}

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

.D_PropulsionTractionStats article,
.D_PropulsionTractionRules,
.D_PropulsionSimulator {
    padding: var(--gap-lg);
    border: 1px solid var(--propulsion-line);
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,0.06);
}

.D_PropulsionTractionStats strong {
    display: block;
    color: var(--dorado1);
    font-size: var(--fs-2xl);
}

.D_PropulsionTractionStats span,
.D_PropulsionTractionRules p {
    color: var(--blanco-opaco2);
}

.D_PropulsionTractionRules {
    display: grid;
    gap: var(--gap-sm);
}

.D_PropulsionTractionRules b {
    color: var(--blanco);
}

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

.D_PropulsionTractionLevel {
    min-height: 17rem;
    padding: var(--gap-md);
    display: grid;
    gap: var(--gap-sm);
    align-content: start;
    border: 1px solid var(--propulsion-line);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
}

.D_PropulsionTractionLevel span {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(var(--propulsion-teal) calc(var(--traction-level) * 0.666%), rgba(255,255,255,0.12) 0);
    color: var(--blanco);
    font-size: var(--fs-sm);
    font-weight: var(--fw-black);
}

.D_PropulsionTractionLevel h3 {
    font-size: var(--fs-md);
}

.D_PropulsionTractionLevel strong {
    color: var(--dorado1);
}

.D_PropulsionTractionLevel p,
.D_PropulsionTractionLevel small {
    color: var(--blanco-opaco2);
    line-height: 1.55;
}

.D_PropulsionSimulator {
    margin-top: var(--gap-lg);
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(300px, 0.72fr) minmax(240px, 0.52fr);
    gap: var(--gap-lg);
    align-items: center;
}

.D_PropulsionSimulatorCopy h3 {
    font-family: var(--font-display);
    font-size: var(--fs-xl);
}

.D_PropulsionSimulatorCopy p,
.P_PropulsionFinePrint {
    color: var(--blanco-opaco2);
    line-height: 1.6;
}

.D_PropulsionSimulatorControls {
    display: grid;
    gap: var(--gap-md);
}

.D_PropulsionSimulator label {
    display: grid;
    gap: 0.45rem;
    color: var(--blanco-opaco1);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.D_PropulsionSimulator select,
.D_PropulsionSimulator input[type="range"] {
    width: 100%;
}

.D_PropulsionSimulator select {
    min-height: 2.8rem;
    padding: 0 0.85rem;
    border: 1px solid var(--propulsion-line);
    border-radius: var(--radius-md);
    background: var(--propulsion-ink);
    color: var(--blanco);
}

.D_PropulsionSimulator output {
    color: var(--dorado1);
    font-weight: var(--fw-black);
}

.D_PropulsionSimulatorResult {
    display: grid;
    gap: 0.72rem;
}

.D_PropulsionSimulatorResult span,
.D_PropulsionSimulatorResult strong {
    display: flex;
    justify-content: space-between;
    gap: var(--gap-sm);
    color: var(--blanco-opaco2);
}

.D_PropulsionSimulatorResult b {
    color: var(--blanco);
}

.D_PropulsionSimulatorResult strong {
    padding-top: 0.72rem;
    border-top: 1px solid var(--propulsion-line);
    color: var(--dorado1);
}

.P_PropulsionFinePrint {
    grid-column: 1 / -1;
    font-size: var(--fs-xs);
}

/* Timeline */
.D_PropulsionTimelineList {
    display: grid;
    gap: var(--gap-sm);
}

.D_PropulsionTimelineItem {
    border: 1px solid var(--gris-borde);
    border-radius: var(--radius-lg);
    background: var(--propulsion-card-light);
    overflow: hidden;
}

.D_PropulsionTimelineItem button {
    width: 100%;
    min-height: 5rem;
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr) 2rem;
    align-items: center;
    gap: var(--gap-md);
    padding: var(--gap-md);
    color: var(--texto-oscuro);
    text-align: left;
}

.D_PropulsionTimelineItem button span {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--propulsion-ink);
    color: var(--dorado1);
    font-weight: var(--fw-black);
}

.D_PropulsionTimelineItem button b {
    font-size: var(--fs-lg);
}

.D_PropulsionTimelineItem p {
    padding: 0 var(--gap-md) var(--gap-md) calc(var(--gap-md) + 4rem + var(--gap-md));
    color: var(--texto-gris);
    line-height: 1.7;
}

.D_PropulsionTimelineItem.is-open button i {
    transform: rotate(180deg);
}

/* Ownership */
.D_PropulsionOwnershipGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--gap-md);
}

.D_PropulsionOwnershipItem {
    min-height: 14rem;
    padding: var(--gap-lg);
    border: 1px solid var(--propulsion-line);
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,0.06);
}

.D_PropulsionOwnershipItem i {
    margin-bottom: var(--gap-md);
    color: var(--dorado1);
    font-size: var(--fs-xl);
}

.D_PropulsionResponsibilities {
    margin-top: var(--gap-2xl);
}

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

.D_PropulsionRespGrid article {
    padding: var(--gap-lg);
    border: 1px solid var(--propulsion-line);
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,0.06);
}

.D_PropulsionRespGrid h3 {
    margin-bottom: var(--gap-md);
    font-family: var(--font-display);
    font-size: var(--fs-xl);
}

.D_PropulsionRespGrid ul {
    display: grid;
    gap: 0.75rem;
}

.D_PropulsionRespGrid li {
    display: flex;
    gap: 0.55rem;
    color: var(--blanco-opaco2);
    line-height: 1.55;
}

.D_PropulsionRespGrid i {
    margin-top: 0.24rem;
    color: var(--propulsion-teal);
    font-size: var(--fs-xs);
}

.P_PropulsionDisclaimer {
    margin-top: var(--gap-lg);
    padding: var(--gap-md);
    border-left: 2px solid var(--dorado1);
    background: rgba(245,184,66,0.08);
    color: var(--blanco-opaco1);
    line-height: 1.65;
}

/* FAQ */
.D_PropulsionFaqLayout {
    display: grid;
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
    gap: var(--gap-xl);
    align-items: start;
}

.D_PropulsionFaqList {
    display: grid;
    gap: var(--gap-sm);
}

.D_PropulsionFaqItem {
    border: 1px solid var(--gris-borde);
    border-radius: var(--radius-lg);
    background: var(--propulsion-card-light);
    overflow: hidden;
}

.D_PropulsionFaqItem button {
    width: 100%;
    min-height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-md);
    padding: var(--gap-md);
    color: var(--texto-oscuro);
    font-size: var(--fs-md);
    font-weight: var(--fw-bold);
    text-align: left;
}

.D_PropulsionFaqItem button i {
    flex: 0 0 auto;
    color: var(--morado1);
    transition: transform var(--t-fast);
}

.D_PropulsionFaqItem.is-open button i {
    transform: rotate(45deg);
}

.D_PropulsionFaqItem div {
    padding: 0 var(--gap-md) var(--gap-md);
}

.D_PropulsionFaqItem p {
    color: var(--texto-gris);
    line-height: 1.7;
}

/* Final CTA */
.D_PropulsionFinalBox {
    padding: var(--gap-2xl);
    border: 1px solid var(--dorado-borde);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(135deg, rgba(245,184,66,0.16), rgba(124,58,237,0.16)),
        rgba(255,255,255,0.05);
}

.D_PropulsionFinalBox p {
    max-width: 760px;
    margin-top: var(--gap-md);
    color: var(--blanco-opaco1);
    font-size: var(--fs-lg);
    line-height: 1.65;
}

.P_PropulsionDisabled {
    padding: var(--gap-lg);
    border: 1px solid var(--propulsion-line);
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,0.06);
    color: var(--blanco-opaco1);
}

/* Refinamiento de flujo visual y legibilidad */
body[data-cms-page="propulsion"] {
    background: var(--propulsion-ink);
}

.Main_Propulsion {
    background: var(--propulsion-ink);
}

.D_PropulsionBreadcrumb {
    color: rgba(255,255,255,0.7);
}

.S_PropulsionHero {
    min-height: auto;
    padding-top: clamp(1.45rem, 2.4vw, 2.5rem);
    padding-bottom: clamp(1.8rem, 3vw, 3rem);
    background:
        radial-gradient(circle at 82% 12%, rgba(124,58,237,0.20), transparent 33%),
        linear-gradient(135deg, #FFF2C7 0%, #FFF9ED 47%, #EFE7FF 100%);
    color: var(--texto-oscuro);
}

.S_PropulsionHero::after {
    content: none;
}

.D_PropulsionHeroInner {
    min-height: clamp(440px, 56svh, 560px);
    grid-template-columns: minmax(0, 0.9fr) minmax(300px, 0.62fr);
    gap: clamp(2rem, 5vw, 4.5rem);
}

.D_PropulsionHeroCopy {
    max-width: 650px;
}

.S_PropulsionHero .Span_PropulsionEyebrow,
.S_PropulsionHero .H1_PropulsionHero,
.S_PropulsionHero .P_PropulsionPromise {
    color: var(--texto-oscuro);
}

.S_PropulsionHero .H1_PropulsionHero {
    font-size: clamp(2.65rem, 3.9vw, 4.55rem);
    line-height: 1;
}

.S_PropulsionHero .H1_PropulsionHero span {
    color: #A15CFF;
}

.S_PropulsionHero .P_PropulsionHeroDesc {
    max-width: 590px;
    margin-top: var(--gap-sm);
    color: rgba(5,11,31,0.78);
    font-size: var(--fs-md);
    line-height: 1.48;
}

.S_PropulsionHero .P_PropulsionPromise {
    max-width: 590px;
    margin-top: var(--gap-sm);
    font-size: clamp(1.08rem, 1.55vw, 1.4rem);
    border-left-color: var(--dorado1);
}

.S_PropulsionHero .A_PropulsionBtn--ghost {
    border-color: rgba(5,11,31,0.2);
    background: rgba(255,255,255,0.62);
    color: var(--texto-oscuro);
}

.S_PropulsionHero .D_PropulsionPromo {
    max-width: 650px;
    margin-top: var(--gap-md);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    padding: 0.72rem 1rem;
    background: rgba(255,255,255,0.72);
    color: rgba(5,11,31,0.72);
}

.S_PropulsionHero .D_PropulsionHeroActions {
    margin-top: var(--gap-md);
}

.D_PropulsionOrbit {
    width: min(100%, 29rem);
    background:
        conic-gradient(from 120deg, rgba(245,184,66,0.48), rgba(0,201,184,0.26), rgba(124,58,237,0.44), rgba(245,184,66,0.48));
    box-shadow: inset 0 0 0 1px rgba(5,11,31,0.08), 0 22px 62px rgba(61,39,114,0.22);
}

.D_PropulsionOrbit::before {
    background: linear-gradient(145deg, #071126, #120B2D);
}

.D_PropulsionCore {
    inset: 31%;
}

.D_PropulsionCore i {
    font-size: clamp(2.5rem, 6vw, 4.3rem);
}

.D_PropulsionCore b {
    max-width: 9rem;
    font-size: clamp(0.76rem, 1.35vw, 0.92rem);
}

.D_PropulsionMoon {
    width: clamp(5rem, 8.4vw, 6.5rem);
    min-height: 5rem;
}

.S_PropulsionPillars {
    background: #FFFFFF;
}

.S_PropulsionBenefits {
    background:
        radial-gradient(circle at 88% 10%, rgba(0,201,184,0.18), transparent 32%),
        linear-gradient(145deg, #071126 0%, #0A2437 100%);
}

.S_PropulsionPlans {
    background:
        radial-gradient(circle at 18% 0%, rgba(245,184,66,0.16), transparent 26%),
        linear-gradient(180deg, #120B2D 0%, #071126 100%);
}

.S_PropulsionActivation {
    background: linear-gradient(180deg, #FFF9ED 0%, #FFFFFF 100%);
}

.S_PropulsionTraction {
    background:
        radial-gradient(circle at 86% 8%, rgba(124,58,237,0.24), transparent 30%),
        linear-gradient(150deg, #071126 0%, #0B1D3D 55%, #120B2D 100%);
}

.S_PropulsionTimeline {
    background: #F7FAFF;
}

.S_PropulsionOwnership {
    background:
        radial-gradient(circle at 10% 0%, rgba(0,201,184,0.18), transparent 28%),
        linear-gradient(160deg, #120B2D 0%, #071126 100%);
}

.S_PropulsionFaq {
    background: #FFFFFF;
}

.S_PropulsionFinalCta {
    background: linear-gradient(180deg, #FFFFFF 0%, #F1ECFF 100%);
    color: var(--texto-oscuro);
}

.D_PropulsionPlan {
    --plan-accent: var(--dorado1);
    --plan-accent-soft: rgba(245,184,66,0.16);
    --plan-accent-border: rgba(245,184,66,0.7);
    --plan-accent-shadow: rgba(245,184,66,0.2);
}

.D_PropulsionPlan:nth-child(2) {
    --plan-accent: var(--morado1);
    --plan-accent-soft: rgba(124,58,237,0.17);
    --plan-accent-border: rgba(124,58,237,0.72);
    --plan-accent-shadow: rgba(124,58,237,0.22);
}

.D_PropulsionPlan:nth-child(3) {
    --plan-accent: var(--propulsion-teal);
    --plan-accent-soft: rgba(0,201,184,0.15);
    --plan-accent-border: rgba(0,201,184,0.68);
    --plan-accent-shadow: rgba(0,201,184,0.2);
}

.D_PropulsionPlan.is-active,
.D_PropulsionPlan--featured {
    border-color: var(--plan-accent-border);
    background:
        linear-gradient(160deg, var(--plan-accent-soft), rgba(255,255,255,0.05));
}

.D_PropulsionPlanIcon {
    width: 5.4rem;
    height: 5.4rem;
    margin-top: var(--gap-sm);
    display: grid;
    place-items: center;
    border: 1px solid var(--plan-accent-border);
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,0.08);
    box-shadow: 0 18px 36px var(--plan-accent-shadow);
}

.D_PropulsionPlanIcon img {
    width: 82%;
    height: 82%;
    object-fit: contain;
}

.P_PropulsionPlanPrice strong,
.D_PropulsionPlan li i {
    color: var(--plan-accent);
}

.A_PropulsionBtn--plan {
    border: 2px solid transparent;
}

.D_PropulsionPlan.is-active .A_PropulsionBtn--plan,
.D_PropulsionPlan:hover .A_PropulsionBtn--plan {
    border-color: var(--plan-accent);
    box-shadow: 0 0 0 5px var(--plan-accent-shadow);
}

.D_PropulsionTractionRules .P_PropulsionCalculation {
    margin-top: var(--gap-xs);
    padding-top: var(--gap-sm);
    border-top: 1px solid var(--propulsion-line);
    color: rgba(255,255,255,0.82);
    line-height: 1.65;
}

.D_PropulsionSimulator input[type="range"] {
    height: 0.7rem;
    border-radius: var(--radius-full);
    accent-color: var(--dorado1);
}

.D_PropulsionSimulator input[type="range"]::-webkit-slider-runnable-track {
    height: 0.7rem;
    border-radius: var(--radius-full);
    background: linear-gradient(90deg, var(--dorado1), var(--morado1), var(--propulsion-teal));
}

.D_PropulsionSimulator input[type="range"]::-webkit-slider-thumb {
    margin-top: -0.42rem;
}

.D_PropulsionSimulator input[type="range"]::-moz-range-track {
    height: 0.7rem;
    border-radius: var(--radius-full);
    background: linear-gradient(90deg, var(--dorado1), var(--morado1), var(--propulsion-teal));
}

.D_PropulsionTimelineItem,
.D_PropulsionFaqItem,
.D_PropulsionOwnershipItem,
.D_PropulsionBenefit,
.D_PropulsionActivationItem {
    transition: transform var(--t-mid), box-shadow var(--t-mid), border-color var(--t-mid), background var(--t-mid);
}

.D_PropulsionTimelineItem:hover,
.D_PropulsionFaqItem:hover,
.D_PropulsionOwnershipItem:hover,
.D_PropulsionBenefit:hover,
.D_PropulsionActivationItem:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-card);
}

.D_PropulsionTimelineItem button i {
    transition: transform var(--t-mid);
}

.D_PropulsionTimelineItem p,
.D_PropulsionFaqItem div {
    animation: propulsion-panel-in 0.26s ease both;
}

.D_PropulsionTimelineItem p.is-closing,
.D_PropulsionFaqItem div.is-closing {
    animation: propulsion-panel-out 0.22s ease both;
}

.D_PropulsionOwnershipGrid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.D_PropulsionFinalBox {
    border-color: rgba(124,58,237,0.22);
    background:
        linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,249,237,0.92)),
        rgba(255,255,255,0.85);
    box-shadow: var(--shadow-card);
}

.D_PropulsionFinalBox p {
    color: var(--texto-gris);
}

.S_PropulsionFinalCta .A_PropulsionBtn--ghost {
    border-color: rgba(5,11,31,0.18);
    background: rgba(5,11,31,0.05);
    color: var(--texto-oscuro);
}

.D_PropulsionFormBlock {
    margin-top: var(--gap-md);
    padding: var(--gap-md);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,0.05);
}

.D_PropulsionFormBlock h3 {
    color: var(--blanco);
    font-size: var(--fs-lg);
}

.D_PropulsionFormBlock > p {
    margin-top: 0.3rem;
    color: var(--blanco-opaco2);
    line-height: 1.55;
}

.D_PropulsionFormGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
    margin-top: var(--gap-md);
}

.D_PropulsionOptionGroup {
    margin-top: var(--gap-md);
    padding: 0;
    border: 0;
}

.D_PropulsionOptionGroup legend {
    margin-bottom: var(--gap-xs);
    color: var(--blanco);
    font-weight: var(--fw-bold);
}

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

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

.F_CheckOption,
.F_RadioOption {
    min-height: 3rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,0.06);
    color: var(--blanco-opaco1);
    cursor: pointer;
    transition: border-color var(--t-fast), background var(--t-fast), transform var(--t-fast);
}

.F_CheckOption:hover,
.F_RadioOption:hover {
    transform: translateY(-1px);
    border-color: rgba(245,184,66,0.45);
    background: rgba(245,184,66,0.08);
}

.F_CheckOption input,
.F_RadioOption input {
    accent-color: var(--dorado1);
}

/* Ajustes solicitados */
.D_PropulsionBreadcrumb {
    width: min(100%, var(--max-width));
    max-width: var(--max-width);
    padding: 0;
    margin: 0 auto clamp(1rem, 2vw, 1.6rem);
    color: rgba(5,11,31,0.64);
}

.D_PropulsionBreadcrumb a {
    color: var(--dorado1);
}

.D_PropulsionBreadcrumb a:hover {
    color: var(--morado1);
}

.S_PropulsionHero {
    padding-top: clamp(1.3rem, 2.2vw, 2.2rem);
    background:
        radial-gradient(circle at 80% 12%, rgba(124,58,237,0.22), transparent 34%),
        radial-gradient(circle at 88% 72%, rgba(0,201,184,0.15), transparent 30%),
        linear-gradient(135deg, #F8FBFF 0%, #EEF6FF 46%, #EEE8FF 100%);
}

.S_PropulsionHero .H1_PropulsionHero span {
    color: var(--morado1);
}

.D_PropulsionHeroInner {
    min-height: clamp(440px, 54svh, 540px);
    grid-template-columns: minmax(0, 0.86fr) minmax(320px, 0.68fr);
}

.D_PropulsionOrbit {
    width: min(100%, 32rem);
}

.D_PropulsionCore {
    inset: 27%;
    gap: 0.2rem;
}

.D_PropulsionCore i {
    font-size: clamp(3.6rem, 7vw, 5.4rem);
}

.D_PropulsionCore b {
    max-width: 10rem;
    padding: 0 0.3rem;
    font-size: clamp(0.72rem, 1.1vw, 0.88rem);
    line-height: 1.18;
}

.D_PropulsionPath {
    margin-top: clamp(1.6rem, 3vw, 2.4rem);
}

.D_PropulsionPath::before {
    top: -1rem;
    left: 2.4rem;
    right: 2.4rem;
    z-index: 0;
}

.D_PropulsionPillar {
    z-index: 1;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--gap-sm);
}

.D_PropulsionPillar .Span_PropulsionStep {
    grid-column: 1 / -1;
}

.D_PropulsionPillar i {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
}

.D_PropulsionPillar h3 {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
}

.D_PropulsionPillar p {
    grid-column: 1 / -1;
}

.D_PropulsionPlanIcon {
    width: 5.6rem;
    height: 5.6rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    place-items: start;
}

.D_PropulsionPlanIcon img {
    width: 100%;
    height: 100%;
}

.P_PropulsionPlanPrice {
    flex-wrap: wrap;
    gap: 0.35rem 0.55rem;
}

.Span_PropulsionOldPrice {
    width: 100%;
    color: var(--blanco-opaco2);
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    text-decoration: line-through;
    opacity: 0.72;
}

.P_PropulsionPlanPrice strong {
    font-size: clamp(2rem, 3vw, 2.65rem);
}

.D_PropulsionTractionStats article {
    min-height: 13rem;
    display: grid;
    place-content: center;
    text-align: center;
}

.D_PropulsionTractionRules {
    align-content: center;
}

.D_PropulsionTractionLevel {
    min-height: 15rem;
    place-items: center;
    text-align: center;
}

.D_PropulsionSimulator {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.08), rgba(124,58,237,0.10)),
        rgba(8,18,44,0.86);
}

.D_PropulsionSimulator select {
    padding-right: 3rem;
    background-color: #071126;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--dorado1) 50%),
        linear-gradient(135deg, var(--dorado1) 50%, transparent 50%);
    background-position:
        calc(100% - 1.45rem) 50%,
        calc(100% - 1.08rem) 50%;
    background-size: 0.38rem 0.38rem, 0.38rem 0.38rem;
    background-repeat: no-repeat;
    appearance: none;
}

.D_PropulsionSimulator input[type="range"] {
    height: 0.92rem;
    padding: 0.18rem;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(255,255,255,0.12);
}

.D_PropulsionSimulator input[type="range"]::-webkit-slider-runnable-track {
    height: 0.5rem;
    background: linear-gradient(90deg, var(--morado1), #2F80ED, var(--propulsion-teal));
}

.D_PropulsionSimulator input[type="range"]::-webkit-slider-thumb {
    margin-top: -0.5rem;
}

.D_PropulsionSimulator input[type="range"]::-moz-range-track {
    height: 0.5rem;
    background: linear-gradient(90deg, var(--morado1), #2F80ED, var(--propulsion-teal));
}

.F_CheckOption,
.F_RadioOption {
    border-color: rgba(245,184,66,0.26);
    background: rgba(255,255,255,0.10);
    color: var(--blanco);
}

.F_CheckOption span,
.F_RadioOption span {
    color: var(--blanco);
}

.F_CheckOption:has(input:checked),
.F_RadioOption:has(input:checked) {
    border-color: var(--dorado1);
    background: linear-gradient(135deg, rgba(245,184,66,0.22), rgba(124,58,237,0.20));
    box-shadow: 0 0 0 3px rgba(245,184,66,0.10);
}

@keyframes propulsion-panel-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes propulsion-panel-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-8px);
    }
}

/* Correcciones finales */
body[data-cms-page="propulsion"] .Header {
    background: rgba(5, 11, 31, 0.96);
    backdrop-filter: blur(14px);
    box-shadow: 0 2px 22px rgba(0,0,0,0.28);
}

body[data-cms-page="propulsion"] .Main_Propulsion {
    padding-top: clamp(5.6rem, 7vw, 6.8rem);
}

.S_PropulsionHero {
    padding-top: clamp(1.15rem, 2vw, 2rem);
}

.D_PropulsionBreadcrumb {
    margin-bottom: clamp(1.2rem, 2vw, 1.8rem);
}

.D_PropulsionPath {
    margin-bottom: clamp(1.4rem, 3vw, 2.2rem);
}

.D_PropulsionPath::before {
    top: auto;
    bottom: -1rem;
    left: 3rem;
    right: 3rem;
}

.Span_PropulsionStep,
.D_PropulsionTimelineItem button span {
    background: linear-gradient(135deg, rgba(245,184,66,0.20), rgba(124,58,237,0.18));
    color: var(--dorado1);
    box-shadow: inset 0 0 0 1px rgba(245,184,66,0.34);
}

.D_PropulsionTractionTop {
    align-items: stretch;
}

.D_PropulsionTractionStats article,
.D_PropulsionTractionRules {
    min-height: 12rem;
}

.D_PropulsionTractionStats article {
    place-content: center;
}

.D_PropulsionSimulator {
    grid-template-columns: minmax(260px, 0.75fr) minmax(300px, 0.85fr) minmax(250px, 0.55fr);
    align-items: center;
    gap: clamp(1.5rem, 3vw, 2.4rem);
}

.D_PropulsionSimulatorCopy {
    align-self: center;
}

.D_PropulsionSimulatorCopy h3 {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    line-height: 1.1;
}

.D_PropulsionSimulatorCopy p {
    font-size: var(--fs-md);
}

.P_PropulsionFinePrint {
    grid-column: 1;
    margin: 0;
    font-size: var(--fs-sm);
}

.D_PropulsionSimulator input[type="range"] {
    --range-fill: 55%;
    appearance: none;
    height: 0.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--radius-full);
    background:
        linear-gradient(90deg, var(--morado1) 0%, #2F80ED var(--range-fill), rgba(255,255,255,0.18) var(--range-fill), rgba(255,255,255,0.18) 100%);
}

.D_PropulsionSimulator input[type="range"]::-webkit-slider-runnable-track {
    height: 0.9rem;
    border-radius: var(--radius-full);
    background: transparent;
}

.D_PropulsionSimulator input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    width: 1.28rem;
    height: 1.28rem;
    margin-top: -0.19rem;
    border: 3px solid #071126;
    border-radius: 50%;
    background: var(--dorado1);
    box-shadow: 0 0 0 3px rgba(245,184,66,0.28);
}

.D_PropulsionSimulator input[type="range"]::-moz-range-track {
    height: 0.9rem;
    border-radius: var(--radius-full);
    background: rgba(255,255,255,0.18);
}

.D_PropulsionSimulator input[type="range"]::-moz-range-progress {
    height: 0.9rem;
    border-radius: var(--radius-full);
    background: linear-gradient(90deg, var(--morado1), #2F80ED);
}

.D_PropulsionSimulator input[type="range"]::-moz-range-thumb {
    width: 1.28rem;
    height: 1.28rem;
    border: 3px solid #071126;
    border-radius: 50%;
    background: var(--dorado1);
    box-shadow: 0 0 0 3px rgba(245,184,66,0.28);
}

.D_PropulsionTimelineItem,
.D_PropulsionFaqItem {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.D_PropulsionTimelineItem p,
.D_PropulsionFaqItem div {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    animation: none;
    transition: max-height 0.28s ease, opacity 0.2s ease, padding 0.28s ease;
}

.D_PropulsionTimelineItem.is-open p,
.D_PropulsionTimelineItem:hover p {
    max-height: 9rem;
    opacity: 1;
    padding-bottom: var(--gap-md);
}

.D_PropulsionFaqItem.is-open div,
.D_PropulsionFaqItem:hover div {
    max-height: 14rem;
    opacity: 1;
    padding-bottom: var(--gap-md);
}

.D_PropulsionFormBlock select.F_Input {
    padding-right: 3rem;
    border-radius: 1rem;
    color: var(--blanco);
    background-color: rgba(8,18,44,0.92);
    background-image:
        linear-gradient(45deg, transparent 50%, var(--dorado1) 50%),
        linear-gradient(135deg, var(--dorado1) 50%, transparent 50%);
    background-position:
        calc(100% - 1.45rem) 50%,
        calc(100% - 1.08rem) 50%;
    background-size: 0.38rem 0.38rem, 0.38rem 0.38rem;
    background-repeat: no-repeat;
    appearance: none;
}

.D_PropulsionFormBlock select.F_Input option {
    background: #120B2D;
    color: var(--blanco);
}

.D_PropulsionFormBlock .F_Input::placeholder {
    color: rgba(255,255,255,0.42);
}

/* Animations */
.propulsion-anim {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.58s ease, transform 0.58s ease;
}

.propulsion-anim.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive */
@media only screen and (max-width: 1200px) {
    .D_PropulsionHeroInner {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
    }

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

@media only screen and (max-width: 1024px) {
    .D_PropulsionHeroInner,
    .D_PropulsionActivationLayout,
    .D_PropulsionTractionTop,
    .D_PropulsionSimulator,
    .D_PropulsionFaqLayout {
        grid-template-columns: 1fr;
    }

    .D_PropulsionHeroInner {
        min-height: auto;
    }

    .D_PropulsionFounders {
        position: static;
    }
}

@media only screen and (max-width: 900px) {
    .D_PropulsionPath,
    .D_PropulsionPlansGrid,
    .D_PropulsionActivationGrid {
        grid-template-columns: 1fr;
    }

    .D_PropulsionPath::before {
        display: none;
    }

    .D_PropulsionPillar {
        min-height: auto;
        padding-left: calc(var(--gap-lg) + 1.6rem);
    }

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

@media only screen and (max-width: 768px) {
    .D_PropulsionBreadcrumb {
        padding-top: 0;
    }

    .S_PropulsionHero,
    .S_PropulsionPillars,
    .S_PropulsionBenefits,
    .S_PropulsionPlans,
    .S_PropulsionActivation,
    .S_PropulsionTraction,
    .S_PropulsionTimeline,
    .S_PropulsionOwnership,
    .S_PropulsionFaq,
    .S_PropulsionFinalCta {
        padding-top: var(--gap-xl);
        padding-bottom: var(--gap-xl);
    }

    .D_PropulsionHeroInner {
        gap: var(--gap-xl);
    }

    .D_PropulsionOrbit {
        width: min(100%, 25rem);
    }

    .D_PropulsionRespGrid {
        grid-template-columns: 1fr;
    }

    .S_PropulsionHero {
        padding-top: var(--gap-lg);
    }

    .S_PropulsionHero .H1_PropulsionHero {
        font-size: clamp(2.55rem, 12vw, 4.25rem);
    }

    .D_PropulsionFormGrid,
    .D_PropulsionOptionGrid,
    .D_PropulsionOptionGrid--compact {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 640px) {
    .D_PropulsionBenefitsGrid,
    .D_PropulsionTractionStats,
    .D_PropulsionTractionGrid,
    .D_PropulsionOwnershipGrid {
        grid-template-columns: 1fr;
    }

    .D_PropulsionHeroActions {
        flex-direction: column;
    }

    .A_PropulsionBtn {
        width: 100%;
    }

    .D_PropulsionTimelineItem button {
        grid-template-columns: 3.2rem minmax(0, 1fr) 1.5rem;
        gap: var(--gap-sm);
    }

    .D_PropulsionTimelineItem p {
        padding-left: var(--gap-md);
    }
}

@media only screen and (max-width: 480px) {
    .D_PropulsionBreadcrumb {
        flex-wrap: wrap;
    }

    .H1_PropulsionHero {
        line-height: 1.02;
    }

    .P_PropulsionPromise {
        font-size: var(--fs-lg);
    }

    .D_PropulsionMoon {
        width: 5rem;
        min-height: 5rem;
    }

    .D_PropulsionMoon small {
        display: none;
    }

    .D_PropulsionFinalBox {
        padding: var(--gap-lg);
    }

    .D_PropulsionPlanIcon {
        width: 4.8rem;
        height: 4.8rem;
    }
}

@media only screen and (max-width: 400px) {
    .D_PropulsionOrbit {
        width: min(100%, 21rem);
    }

    .D_PropulsionCore {
        inset: 32%;
    }

    .D_PropulsionMoon--two {
        right: -0.5rem;
    }
}

@media only screen and (max-width: 360px) {
    .D_PropulsionPlan,
    .D_PropulsionBenefit,
    .D_PropulsionActivationItem,
    .D_PropulsionFounders,
    .D_PropulsionSimulator,
    .D_PropulsionFinalBox {
        padding: var(--gap-md);
    }
}

@media (prefers-reduced-motion: reduce) {
    .propulsion-anim {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .A_PropulsionBtn:hover,
    .D_PropulsionPlan:hover {
        transform: none;
    }
}