/* AutosDeLujo UX/UI Master Layer · 2026-10-04
   Capa no destructiva para coherencia, interacción móvil y accesibilidad. */
.adl-uxui{
  --adl-gold:#d9b45f;
  --adl-gold-2:#efcf82;
  --adl-ink:#101722;
  --adl-navy:#07111d;
  --adl-paper:#f7f5f0;
  --adl-line:rgba(16,23,34,.14);
  --adl-radius-sm:10px;
  --adl-radius:16px;
  --adl-shadow:0 14px 40px rgba(7,17,29,.10);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html{scroll-padding-top:96px;-webkit-text-size-adjust:100%}
.adl-uxui :where(h1,h2,h3){text-wrap:balance}
.adl-uxui :where(p,li,dd){text-wrap:pretty}
.adl-uxui :where(a,button,input,select,textarea,summary){touch-action:manipulation}
.adl-uxui :where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--adl-gold-2);
  outline-offset:3px;
}
.adl-uxui :where(.site-header,.top){
  z-index:120;
}
.adl-uxui :where(.main-nav a,.nav a){
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.adl-uxui :where(.btn,.button,a.cta,button.cta){
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  border-radius:var(--adl-radius-sm);
  font-weight:750;
  line-height:1.15;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
}
@media (hover:hover) and (pointer:fine){
  .adl-uxui :where(.btn,.button,a.cta,button.cta):hover{transform:translateY(-2px)}
  .adl-uxui :where(.card,.related-card,.compare-card,.text-card,.route-link):hover{
    transform:translateY(-2px);
    box-shadow:var(--adl-shadow);
  }
}
.adl-uxui :where(.card,.related-card,.compare-card,.text-card,.route-link){
  border-radius:var(--adl-radius);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.adl-uxui :where(.section,.content-section,section[id]){scroll-margin-top:96px}
.adl-uxui :where(.editorial-note,.note,.notice,.source-box){
  line-height:1.6;
}
.adl-uxui :where(details){
  overflow:hidden;
}
.adl-uxui :where(details summary){
  min-height:48px;
  display:flex;
  align-items:center;
  cursor:pointer;
  line-height:1.35;
}
.adl-uxui :where(details p){
  line-height:1.65;
}
.adl-uxui :where(.matrix,.table-wrap){
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}
.adl-uxui :where(.matrix table,.table-wrap table){
  min-width:680px;
}
.adl-uxui :where(table th,table td){
  line-height:1.45;
}
.adl-uxui :where(.lead){
  line-height:1.55;
}
.adl-uxui :where(.update,.date,.meta,small){
  line-height:1.5;
}
.adl-uxui :where(.hero-actions,.actions){
  gap:12px;
}
.adl-uxui :where(.skip-link){
  z-index:9999;
}
@media(max-width:700px){
  html{scroll-padding-top:78px}
  .adl-uxui :where(.section,.content-section,section[id]){scroll-margin-top:78px}
  .adl-uxui :where(.hero-actions,.actions){
    display:flex;
    flex-wrap:wrap;
  }
  .adl-uxui :where(.hero-actions > .btn,.hero-actions > .button,.actions > .btn,.actions > .button){
    flex:1 1 150px;
  }
  .adl-uxui :where(.btn,.button,a.cta,button.cta){
    min-height:50px;
    padding-inline:18px;
  }
  .adl-uxui :where(.card,.related-card,.text-card){
    border-radius:14px;
  }
  .adl-uxui :where(.matrix,.table-wrap){
    margin-inline:-4px;
    padding-bottom:8px;
  }
}
@media(prefers-reduced-motion:reduce){
  .adl-uxui *, .adl-uxui *::before, .adl-uxui *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}


/* UX/UI Master v1.1 · consolidación usuario primero */
.adl-uxui{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
  overflow-x:clip;
}
.adl-uxui :where(h1,h2,h3){overflow-wrap:break-word}
.adl-uxui :where(p,li,dd,td,th){overflow-wrap:break-word}
.adl-uxui :where(input,select,textarea){
  min-height:44px;
  font:inherit;
  font-size:16px;
}
.adl-uxui textarea{min-height:96px}
.adl-uxui :where(.site-header,.top){padding-top:env(safe-area-inset-top,0px)}
.adl-uxui :where(.site-footer,.footer){padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}

@media(max-width:700px){
  .adl-uxui :where(h1,.hero h1,.article-hero h1){
    font-size:clamp(2.15rem,10.5vw,2.7rem)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  .adl-uxui :where(h2,.section-head h2,.content-section h2){
    font-size:clamp(1.65rem,7.8vw,2.15rem)!important;
    line-height:1.1!important;
  }
  .adl-uxui :where(.brand,.menu-button,.menu-toggle,.link,.text-link){
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
  .adl-uxui :where(.topic-pills a,.route-card>a,.route-link>a,.model-card>a,
                    .radar-grid a,.radar-copy a,.source-links a,.quick-links a,
                    .compare-body a,.footer-grid a,.card-body>a){
    min-height:44px;
    display:inline-flex;
    align-items:center;
    padding-block:7px;
  }
  .adl-uxui :where(.route-card>a,.model-card>a,.radar-grid a,.footer-grid a,.link,.text-link,.card-body>a){
    width:100%;
  }
  .adl-uxui :where(.topic-pills a,.source-links a,.quick-links a,.compare-body a){
    padding-inline:8px;
  }
  .adl-uxui details>summary{
    min-height:48px;
    display:flex;
    align-items:center;
    padding-block:10px;
  }
}
@media(max-width:480px){
  .adl-uxui :where(.hero-actions,.actions){align-items:stretch}
  .adl-uxui :where(.hero-actions>.btn,.hero-actions>.button,.hero-actions>a.cta,.hero-actions>button.cta,
                    .actions>.btn,.actions>.button,.actions>a.cta,.actions>button.cta){
    width:100%;
    flex:1 1 100%;
  }
}


/* UX/UI Master v1.2 · fichas premium y footer móvil */
@media(max-width:700px){
  .adl-uxui :where(.nav-cta,.dealer-action,.dealer-x5 a,.sources a,footer a){
    min-height:44px;
    display:inline-flex;
    align-items:center;
    padding-block:7px;
  }
}


/* UX/UI Master v1.3 · prevención de overflow móvil */
@media(max-width:700px){
  .adl-uxui :where(.grid,.cards,.facts,.versions.two,.shell.reading){
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .adl-uxui :where(.grid>*,.cards>*,.facts>*,.versions.two>*,.shell.reading>*){
    min-width:0!important;
    max-width:100%!important;
  }

  .adl-uxui :where(.shell.reading>.content,.content,.standfirst,.callout){
    min-width:0!important;
    max-width:100%!important;
    width:auto!important;
  }

  .adl-uxui table{
    display:block;
    max-width:100%!important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }

  .adl-uxui :where(.matrix table,.table-wrap table){
    display:table;
    max-width:none!important;
  }

  .adl-uxui header.top{
    width:100%!important;
    max-width:100vw!important;
    left:0!important;
    right:0!important;
  }

  .adl-uxui :where(a.float,.float){
    left:16px!important;
    right:16px!important;
    width:auto!important;
    max-width:calc(100vw - 32px)!important;
  }
}


/* UX/UI Master v1.3 · consolidación 2026-10-04 */
.adl-uxui :where(.breadcrumbs){
  flex-wrap:wrap;
  row-gap:.4rem;
}
.adl-uxui :where(.faq details[open],.qa details[open],.home-faq details[open]){
  box-shadow:0 8px 28px rgba(8,17,29,.06);
}
.adl-uxui :where(.table-responsive){
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}
.adl-uxui :where(.table-responsive table){
  min-width:680px;
}
.adl-uxui :where(.adl-skip-link){
  position:fixed;
  z-index:10000;
  left:16px;
  top:16px;
  transform:translateY(-180%);
  background:#fff;
  color:#111820;
  padding:12px 16px;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  font-weight:800;
  text-decoration:none;
}
.adl-uxui :where(.adl-skip-link):focus{
  transform:none;
}
@media(max-width:700px){
  .adl-uxui :where(.faq details,.qa details,.home-faq details){
    margin-block:10px;
  }
}


/* UX/UI Master v1.4 · tablas y directorio de agencias */
@media(max-width:700px){
  .adl-uxui table{
    min-width:0!important;
    width:100%!important;
  }
  .adl-uxui :where(.matrix table,.table-wrap table){
    min-width:680px!important;
    width:auto!important;
  }
  .adl-uxui :where(.filters .filter,.card-actions a){
    min-height:44px;
    display:inline-flex;
    align-items:center;
    padding-block:9px;
  }
  .adl-uxui .skip-link{min-height:44px}
}


/* UX/UI Master v1.5 · navegación y acciones Porsche seminuevos */
@media(max-width:700px){
  .adl-uxui :where(.topbar a,.subnav a,.grid.locations a,.lead-form a.fallback,.dealer-engine a){
    min-height:44px;
    display:inline-flex;
    align-items:center;
    padding-block:8px;
  }
  .adl-uxui :where(.topbar .brand,.menu-toggle){
    min-width:44px;
  }
}


/* UX/UI Master v1.6 · cierre de viewport */
html{overflow-x:clip}


/* UX/UI Phase 2 · Shell global AutosDeLujo · 2026-10-04 */
.adl-uxui .adl-global-header{
  position:sticky;
  top:0;
  z-index:1200;
  width:100%;
  background:rgba(5,12,21,.96);
  color:#fff;
  border-bottom:1px solid rgba(239,207,130,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 8px 26px rgba(0,0,0,.14);
}
.adl-uxui .adl-global-inner{
  width:min(calc(100% - 32px),1240px);
  min-height:72px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  gap:22px;
}
.adl-uxui .adl-global-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
  min-height:48px;
  flex:0 0 auto;
}
.adl-uxui .adl-global-mark{
  width:34px;
  height:34px;
  border:1px solid rgba(239,207,130,.8);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--adl-gold-2);
  font-family:Georgia,"Times New Roman",serif;
  font-size:.72rem;
  letter-spacing:.04em;
}
.adl-uxui .adl-global-brand-copy{
  display:grid;
  gap:1px;
  line-height:1;
}
.adl-uxui .adl-global-brand-copy strong{
  color:#fff;
  font-size:.9rem;
  font-weight:760;
  letter-spacing:.01em;
}
.adl-uxui .adl-global-brand-copy small{
  color:var(--adl-gold-2);
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.adl-uxui .adl-global-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:17px;
  margin-left:auto;
}
.adl-uxui .adl-global-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:#dce3ea;
  text-decoration:none;
  font-size:.82rem;
  font-weight:720;
  white-space:nowrap;
}
.adl-uxui .adl-global-nav a:hover,
.adl-uxui .adl-global-nav a:focus-visible,
.adl-uxui .adl-global-nav a[aria-current="page"]{
  color:#fff;
}
.adl-uxui .adl-global-nav a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:5px;
  height:2px;
  border-radius:99px;
  background:var(--adl-gold-2);
}
.adl-uxui .adl-global-menu{
  display:none;
  margin-left:auto;
  position:relative;
}
.adl-uxui .adl-global-menu summary{
  list-style:none;
  min-width:74px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  padding:0 16px;
  color:#fff;
  font-weight:720;
  cursor:pointer;
}
.adl-uxui .adl-global-menu summary::-webkit-details-marker{display:none}
.adl-uxui .adl-global-menu[open] summary{
  border-color:var(--adl-gold-2);
  color:var(--adl-gold-2);
}
.adl-uxui .adl-global-menu nav{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(320px,calc(100vw - 32px));
  padding:10px;
  background:#091421;
  border:1px solid rgba(239,207,130,.28);
  border-radius:16px;
  box-shadow:0 20px 55px rgba(0,0,0,.34);
  display:grid;
}
.adl-uxui .adl-global-menu nav a{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border-radius:10px;
  color:#e8edf2;
  text-decoration:none;
  font-weight:680;
}
.adl-uxui .adl-global-menu nav a:hover,
.adl-uxui .adl-global-menu nav a:focus-visible,
.adl-uxui .adl-global-menu nav a[aria-current="page"]{
  background:rgba(239,207,130,.1);
  color:#fff;
}
.adl-uxui .adl-global-menu nav a[aria-current="page"]{
  color:var(--adl-gold-2);
}
.adl-uxui .adl-global-footer{
  background:#06101b;
  color:#dce4eb;
  border-top:1px solid rgba(239,207,130,.16);
  margin-top:0;
  padding:54px 0 max(24px,env(safe-area-inset-bottom,0px));
}
.adl-uxui .adl-global-footer-inner{
  width:min(calc(100% - 32px),1180px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:1.45fr repeat(3,.75fr);
  gap:34px;
}
.adl-uxui .adl-global-footer-brand{
  max-width:360px;
}
.adl-uxui .adl-global-footer-brand .adl-global-brand{
  margin-bottom:16px;
}
.adl-uxui .adl-global-footer p{
  color:#99a7b4;
  font-size:.86rem;
  line-height:1.65;
  margin:0;
}
.adl-uxui .adl-global-footer h2{
  margin:0 0 14px;
  color:#fff;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.adl-uxui .adl-global-footer-links{
  display:grid;
  align-content:start;
}
.adl-uxui .adl-global-footer-links a{
  min-height:38px;
  display:flex;
  align-items:center;
  color:#b9c4ce;
  text-decoration:none;
  font-size:.84rem;
}
.adl-uxui .adl-global-footer-links a:hover,
.adl-uxui .adl-global-footer-links a:focus-visible{
  color:#fff;
}
.adl-uxui .adl-global-footer-bottom{
  width:min(calc(100% - 32px),1180px);
  margin:34px auto 0;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.1);
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#8392a0;
  font-size:.74rem;
}
@media(max-width:1080px){
  .adl-uxui .adl-global-nav{gap:12px}
  .adl-uxui .adl-global-nav a{font-size:.78rem}
}
@media(max-width:940px){
  .adl-uxui .adl-global-inner{min-height:66px}
  .adl-uxui .adl-global-nav{display:none}
  .adl-uxui .adl-global-menu{display:block}
  .adl-uxui .adl-global-footer-inner{grid-template-columns:1.2fr 1fr 1fr}
  .adl-uxui .adl-global-footer-brand{grid-column:1/-1;max-width:520px}
}
@media(max-width:680px){
  html{scroll-padding-top:74px}
  .adl-uxui .adl-global-inner{
    width:min(calc(100% - 28px),1240px);
    min-height:64px;
  }
  .adl-uxui .adl-global-mark{width:32px;height:32px}
  .adl-uxui .adl-global-brand-copy strong{font-size:.84rem}
  .adl-uxui .adl-global-brand-copy small{font-size:.64rem}
  .adl-uxui .adl-global-menu summary{min-width:70px}
  .adl-uxui .adl-global-footer{padding-top:42px}
  .adl-uxui .adl-global-footer-inner{grid-template-columns:1fr;gap:26px}
  .adl-uxui .adl-global-footer-brand{grid-column:auto}
  .adl-uxui .adl-global-footer-bottom{flex-direction:column;gap:8px}
}


/* UX/UI Phase 2.1 · aislamiento del shell frente a CSS heredado */
.adl-uxui .adl-global-header,
.adl-uxui .adl-global-header *{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-sizing:border-box;
}
.adl-uxui .adl-global-header .adl-global-mark{
  font-family:Georgia,"Times New Roman",serif;
}
.adl-uxui .adl-global-menu{
  border:0!important;
  border-top:0!important;
  padding:0!important;
  background:transparent!important;
  min-height:0!important;
}
.adl-uxui .adl-global-menu summary{
  position:relative!important;
  padding:0 16px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.24)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:.9rem!important;
  font-style:normal!important;
  font-weight:720!important;
  letter-spacing:0!important;
  line-height:1!important;
  color:#fff!important;
  background:transparent!important;
}
.adl-uxui .adl-global-menu summary::before,
.adl-uxui .adl-global-menu summary::after{
  content:none!important;
  display:none!important;
}
.adl-uxui .adl-global-menu[open] summary{
  border-color:var(--adl-gold-2)!important;
  color:var(--adl-gold-2)!important;
}
.adl-uxui .adl-global-footer{
  display:block!important;
  align-items:initial!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
}
.adl-uxui .adl-global-footer *{
  box-sizing:border-box;
}


/* UX/UI Phase 2.2 · menú móvil fuera del flujo */
.adl-uxui .adl-global-menu{
  overflow:visible!important;
}


/* UX/UI Phase 2.3 · tipografía del footer global */
.adl-uxui .adl-global-footer h2{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:.76rem!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}


/* UX/UI Phase 2.4 · full-bleed editorial sin scroll lateral móvil */
@media(max-width:700px){
  .adl-uxui .article-shell :where(.wide,.dark){
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
}


/* UX/UI Phase 3 · Ruta transversal de decisión */
.adl-uxui .adl-journey{
  background:#0a1420;
  color:#f7f4ee;
  border-top:1px solid rgba(239,207,130,.14);
  border-bottom:1px solid rgba(239,207,130,.14);
  padding:56px 0;
}
.adl-uxui .adl-journey-inner{
  width:min(calc(100% - 32px),1180px);
  margin-inline:auto;
}
.adl-uxui .adl-journey-kicker{
  margin:0 0 10px;
  color:var(--adl-gold-2);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.adl-uxui .adl-journey-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr);
  gap:54px;
  align-items:center;
}
.adl-uxui .adl-journey-copy h2{
  margin:0;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.8rem,3.3vw,2.8rem)!important;
  font-weight:500;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
}
.adl-uxui .adl-journey-copy>p:not(.adl-journey-kicker){
  max-width:620px;
  margin:15px 0 0;
  color:#aab7c3;
  font-size:.94rem;
  line-height:1.65;
}
.adl-uxui .adl-journey-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.adl-uxui .adl-journey-actions a{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  border-radius:10px;
  text-decoration:none;
  font-size:.82rem;
  font-weight:800;
  line-height:1.2;
}
.adl-uxui .adl-journey-primary{
  background:var(--adl-gold-2);
  color:#121820!important;
  border:1px solid var(--adl-gold-2);
}
.adl-uxui .adl-journey-secondary{
  color:#eaf0f5!important;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.025);
}
.adl-uxui .adl-journey-steps{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.adl-uxui .adl-journey-steps li{
  position:relative;
  min-width:0;
  min-height:126px;
  padding:15px 13px 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.adl-uxui .adl-journey-steps li::before{
  content:"";
  position:absolute;
  top:27px;
  left:42px;
  right:-13px;
  height:1px;
  background:rgba(255,255,255,.14);
}
.adl-uxui .adl-journey-steps li:last-child::before{display:none}
.adl-uxui .adl-journey-steps .adl-journey-step-no{
  position:relative;
  z-index:1;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#101c29;
  border:1px solid rgba(255,255,255,.19);
  color:#8fa0ae;
  font-size:.69rem;
  font-weight:900;
}
.adl-uxui .adl-journey-steps strong{
  display:block;
  margin-top:14px;
  color:#c9d3db;
  font-size:.79rem;
}
.adl-uxui .adl-journey-steps small{
  display:block;
  margin-top:4px;
  color:#72818d;
  font-size:.67rem;
  line-height:1.35;
}
.adl-uxui .adl-journey-steps li.is-done .adl-journey-step-no{
  background:rgba(239,207,130,.14);
  border-color:rgba(239,207,130,.5);
  color:var(--adl-gold-2);
}
.adl-uxui .adl-journey-steps li.is-done::before{
  background:rgba(239,207,130,.34);
}
.adl-uxui .adl-journey-steps li.is-current{
  border-color:rgba(239,207,130,.58);
  background:rgba(239,207,130,.07);
}
.adl-uxui .adl-journey-steps li.is-current .adl-journey-step-no{
  background:var(--adl-gold-2);
  border-color:var(--adl-gold-2);
  color:#111820;
}
.adl-uxui .adl-journey-steps li.is-current strong{
  color:#fff;
}
@media(max-width:980px){
  .adl-uxui .adl-journey-grid{
    grid-template-columns:1fr;
    gap:32px;
  }
}
@media(max-width:680px){
  .adl-uxui .adl-journey{
    padding:42px 0;
  }
  .adl-uxui .adl-journey-grid{
    gap:26px;
  }
  .adl-uxui .adl-journey-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .adl-uxui .adl-journey-actions a{
    width:100%;
    min-height:50px;
  }
  .adl-uxui .adl-journey-steps{
    grid-template-columns:1fr 1fr;
  }
  .adl-uxui .adl-journey-steps li{
    min-height:110px;
  }
  .adl-uxui .adl-journey-steps li::before{
    display:none;
  }
}