/* DN-IMP-001: limited v054 colour port onto the corrected 8769 candidate.
 * Source CSS SHA-256: 13ff100b5c684671562479fedb4930f1f54508959197f9b11d3c33dca2c324f2.
 * Colour properties only. Existing geometry, shadows, motion and focus width/
 * offset remain in the original cascade. Gradient geometry is retained.
 * No comparator, images, app captures, commercial data or scripts are imported.
 * The light legacy tokens are scoped to the two marketing chapters only.
 */
:root {
  --dn54-navy: #0B0D1F;
  --dn54-champagne: #E8D1AA;
  --dn54-coral: #FF7A8A;
  --dn54-coral-hover: #FF91A0;
  --dn54-coral-ink: #993B4B;
  --dn54-ivory: #F6F2E9;
  --dn54-ink-muted: #535563;
  --dn54-ink-soft: #636371;
}

html body {
  background: var(--dn54-navy);
}

html .site-canvas {
  background: var(--dn54-navy);
}

html .site-header {
  background: rgba(11,13,31,.85);
  border-bottom-color: rgba(246,242,233,.14);
}

html .mobile-menu {
  background: rgba(11,13,31,.98);
}

html .reading-meter span {
  background: var(--dn54-coral);
}

html .hero {
  background: radial-gradient(ellipse at 95% 12%,rgba(255,122,138,.075),transparent 48%),var(--dn54-navy);
}

html .photo-frame {
  border-color: rgba(246,242,233,.21);
}

html .photo-footer {
  background: linear-gradient(140deg,#161426,var(--dn54-navy));
}

html :is(.site-header .nav-cta,.hero .actions>.button) {
  background: var(--dn54-coral);
  border-color: var(--dn54-coral);
  color: var(--dn54-navy);
}

html :is(.site-header .nav-cta,.hero .actions>.button):hover {
  background: var(--dn54-coral-hover);
  border-color: var(--dn54-coral-hover);
}

html .hero-download-links a {
  text-decoration-color: rgba(255,122,138,.65);
}

html .hero .actions>.text-link {
  color: var(--dn54-ivory);
}

html .hero .actions>.text-link span:last-child {
  color: var(--dn54-coral);
}

html :is(#puesta-en-marcha,#planes) {
  --night: #0B0D1F;
  --surface: #FFFFFF;
  --ivory: #0B0D1F;
  --gold: #993B4B;
  --muted: #535563;
  --lavender: #636371;
  --line: rgba(11,13,31,.14);
  color: var(--dn54-navy);
  color-scheme: light;
  background: var(--dn54-ivory);
  border-top-color: rgba(11,13,31,.12);
}

html #puesta-en-marcha {
  background: radial-gradient(ellipse at 75% 28%,rgba(232,209,170,.24),transparent 65%),var(--dn54-ivory);
}

html #planes.px42 {
  background: radial-gradient(ellipse at 78% 15%,rgba(232,209,170,.18),transparent 58%),var(--dn54-ivory);
}

html :is(#puesta-en-marcha,#planes) :is(h2,h3,h4) {
  color: var(--dn54-navy);
}

html :is(#puesta-en-marcha,#planes) :is(h2,h3,h4) strong {
  color: var(--dn54-navy);
}

html :is(#puesta-en-marcha,#planes) :is(.section-index,.start-eyebrow) {
  color: var(--dn54-ink-soft);
}

html :is(#puesta-en-marcha,#planes) :is(a,button,input,select,summary,[tabindex]):focus-visible {
  outline-color: var(--dn54-navy);
}

html :is(#puesta-en-marcha,#planes) ::selection {
  background: #FFD4DB;
  color: var(--dn54-navy);
}

html #puesta-en-marcha .start-tabs button {
  color: var(--dn54-ink-muted);
}

html #puesta-en-marcha .start-tabs button:hover {
  background: rgba(11,13,31,.035);
}

html #puesta-en-marcha .start-tabs button[aria-selected="true"] {
  background: linear-gradient(0deg,rgba(255,122,138,.10),transparent);
  border-bottom-color: var(--dn54-coral);
  color: var(--dn54-navy);
}

html #puesta-en-marcha .start-tabs button[aria-selected="true"]>span {
  color: var(--dn54-coral-ink);
}

html #puesta-en-marcha .start-actions li {
  border-left-color: rgba(153,59,75,.32);
}

html #puesta-en-marcha .start-audience {
  background: linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.42));
  border-color: rgba(11,13,31,.13);
}

html #puesta-en-marcha .start-orbit {
  color: rgba(11,13,31,.045);
}

html #puesta-en-marcha .start-demo-link {
  color: var(--dn54-navy);
  border-bottom-color: rgba(11,13,31,.22);
}

html #puesta-en-marcha .start-demo-link>span {
  color: var(--dn54-coral-ink);
}

html #puesta-en-marcha .start-demo-link:hover {
  color: var(--dn54-coral-ink);
}

html #puesta-en-marcha .start-navigation button {
  border-color: rgba(11,13,31,.22);
  color: var(--dn54-navy);
  background: transparent;
}

html #puesta-en-marcha .start-navigation button:hover:not(:disabled) {
  background: rgba(11,13,31,.04);
}

html #puesta-en-marcha .start-navigation #start-next {
  background: var(--dn54-coral);
  border-color: var(--dn54-coral);
  color: var(--dn54-navy);
}

html #puesta-en-marcha .start-navigation #start-next:hover:not(:disabled) {
  background: var(--dn54-coral-hover);
}

html #puesta-en-marcha .start-owner-note {
  border-color: rgba(11,13,31,.13);
  background: rgba(255,255,255,.5);
  color: var(--dn54-ink-muted);
}

html #puesta-en-marcha .start-owner-note strong {
  color: var(--dn54-navy);
}

html #planes .px-help-link {
  border-left-color: var(--dn54-coral);
}

html #planes .px-help-link strong {
  color: var(--dn54-navy);
}

html #planes .px-plan-route {
  color: var(--dn54-navy);
}

html #planes .px-card,
html #planes .px-card[data-plan-card="premium"] {
  background: rgba(255,255,255,.78);
  border-color: rgba(11,13,31,.16);
}

html #planes .px-card[data-plan-card="plus"] {
  background: linear-gradient(145deg,#FFFDF9,#FFF2ED 75%);
  border-color: #CC5969;
}

html #planes .px-card.px-selected,
html #planes .px-card:focus-within {
  border-color: var(--dn54-coral-ink);
}

html #planes .px-card li:before {
  color: #665747;
}

html #planes .px-primary {
  background: var(--dn54-coral);
  border-color: var(--dn54-coral);
  color: var(--dn54-navy);
}

html #planes .px-primary:hover:not(:disabled) {
  background: var(--dn54-coral-hover);
  border-color: var(--dn54-coral-hover);
}

html #planes .px-card:not([data-plan-card="plus"]) .px-primary,
html #planes .px-once .px-primary {
  background: transparent;
  border-color: rgba(11,13,31,.4);
  color: var(--dn54-navy);
}

html #planes .px-card:not([data-plan-card="plus"]) .px-primary:hover,
html #planes .px-once .px-primary:hover {
  background: var(--dn54-navy);
  border-color: var(--dn54-navy);
  color: #F6F2E9;
}

html #planes .px-card .px-primary[aria-pressed="true"] {
  background: var(--dn54-coral);
  border-color: var(--dn54-coral);
  color: var(--dn54-navy);
}

html #planes .px-offer-price {
  border-color: rgba(11,13,31,.14);
}

html #planes .px-offer-price button {
  border-color: rgba(153,59,75,.4);
  color: var(--dn54-coral-ink);
}

html #planes .px-once {
  background: rgba(255,255,255,.5);
  border-color: rgba(11,13,31,.16);
}

html #planes .px-campaign-note {
  border-color: rgba(11,13,31,.14);
}

html #planes .px-campaign-note>strong {
  color: var(--dn54-navy);
}

html #planes .px-selection {
  background: #FFF7F5;
  border-color: rgba(153,59,75,.34);
}

html #planes .px-mobile-tabs {
  background: rgba(11,13,31,.045);
  border-color: rgba(11,13,31,.13);
}

html #planes .px-mobile-tabs button[aria-selected="true"] {
  background: white;
  color: var(--dn54-navy);
}

html #planes .px-compare-inner table {
  color: var(--dn54-navy);
}

html #planes .px-compare-inner :is(td,th) {
  border-color: rgba(11,13,31,.12);
}

html #planes .px-compare-inner th {
  color: var(--dn54-navy);
  background: #EEE8DE;
}

html #planes .px-plus {
  color: var(--dn54-coral-ink);
}

html #planes .px-advisor {
  background: rgba(255,255,255,.68);
  border-color: rgba(11,13,31,.15);
}

html #planes .px-progress li {
  border-top-color: rgba(11,13,31,.18);
}

html #planes .px-progress li[aria-current="step"] {
  border-color: var(--dn54-coral);
  color: var(--dn54-navy);
}

html #planes .px-progress li.px-done {
  border-color: rgba(153,59,75,.45);
  color: var(--dn54-ink-muted);
}

html #planes .px-option {
  border-color: rgba(11,13,31,.18);
  background: rgba(255,255,255,.45);
}

html #planes .px-option:has(input:checked) {
  border-color: var(--dn54-coral-ink);
  background: #FFF1F1;
}

html #planes .px-option input {
  accent-color: var(--dn54-coral-ink);
}

html #planes .px-capacity-grid select {
  color: var(--dn54-navy);
  background: #FFFFFF;
  border-color: rgba(11,13,31,.26);
}

html #planes .lf-custom {
  background: linear-gradient(135deg,rgba(232,209,170,.24),rgba(255,255,255,.64));
  border-color: rgba(11,13,31,.15);
}

html #planes .lf-custom .px-primary {
  background: var(--dn54-navy);
  border-color: var(--dn54-navy);
  color: #F6F2E9;
}

html #planes .lf-custom .px-primary:hover {
  background: #25283C;
}

html #planes .lf-promotion {
  background: rgba(255,255,255,.5);
  border-color: rgba(153,59,75,.25);
}

html #planes .fq48-filters button {
  background: rgba(255,255,255,.5);
  border-color: rgba(11,13,31,.22);
  color: var(--dn54-navy);
}

html #planes .fq48-filters button[aria-pressed="true"] {
  background: var(--dn54-navy);
  border-color: var(--dn54-navy);
  color: #F6F2E9;
}

html #planes .fq48-filters button:not([aria-pressed="true"]):hover {
  background: #FFFFFF;
  border-color: var(--dn54-coral-ink);
}

html #planes .fq48 details[open] summary {
  color: var(--dn54-coral-ink);
}

html #planes .px-faq strong {
  color: var(--dn54-navy);
}

html #plan-review {
  --night: #060a16;
  --surface: #0b0d1f;
  --gold: #e8d1aa;
  --ivory: #f6f2e9;
  --lavender: #a59daf;
  --line: rgba(246,242,233,.15);
  --muted: #c0bcc9;
  color: #F6F2E9;
  color-scheme: dark;
}

html #plan-review :is(h2,h3,h4) {
  color: #F6F2E9;
}

html #plan-review :is(.section-index,.px-text-button) {
  color: #E8D1AA;
}

html #plan-review :is(a,button,input,select,summary,[tabindex]):focus-visible {
  outline-color: #FF7A8A;
}

html #plan-review .px-primary {
  background: var(--dn54-coral);
  border-color: var(--dn54-coral);
  color: var(--dn54-navy);
}

html :is(.act-final,#descargar) {
  background: var(--dn54-navy);
}

html #descargar .dl50-routes #download-plans {
  color: var(--dn54-coral);
}

html .ft50-nav [href="#planes"] {
  color: var(--dn54-coral);
}

@media (hover:hover) and (pointer:fine) {
  html #planes:not(.px-has-selection) .px-card:hover {
    border-color: var(--dn54-coral-ink);
  }
}
