:root{
  --v60a-ink:#13243b;
  --v60a-muted:#62728a;
  --v60a-line:#e6edf5;
  --v60a-blue:#0ea5e9;
  --v60a-blue-dark:#0877c8;
  --v60a-cyan:#35c8e9;
  --v60a-green:#31c487;
  --v60a-orange:#f5a623;
  --v60a-purple:#8b6de9;
  --v60a-shadow-soft:0 14px 40px rgba(34,63,95,.08)
}

html{scroll-behavior:smooth}

body[data-auth="0"]{
  background:#fff;
  color:var(--v60a-ink);
  overflow-x:hidden
}

body[data-auth="0"]>.container{
  width:100%;
  max-width:none;
  margin:0;
  padding:0
}

body[data-auth="0"]>.container>div[style*="height:22px"]{display:none}

.dmxGuestHomeV60A,
.dmxGuestHomeV60A *{box-sizing:border-box}

.dmxGuestHomeV60A{
  position:relative;
  width:100%;
  min-height:100vh;
  overflow:hidden;
  color:var(--v60a-ink);
  background:
    radial-gradient(circle at 15% 7%,rgba(53,200,233,.13),transparent 23rem),
    radial-gradient(circle at 88% 17%,rgba(14,165,233,.09),transparent 27rem),
    #fff;
  font-family:inherit
}

.dmxGuestHomeV60A a{color:inherit;text-decoration:none}

.dmxGuestHomeV60A__ambient{
  position:absolute;
  z-index:0;
  border-radius:999px;
  pointer-events:none
}

.dmxGuestHomeV60A__ambient--one{
  top:420px;
  left:-140px;
  width:330px;
  height:330px;
  background:rgba(53,200,233,.08)
}

.dmxGuestHomeV60A__ambient--two{
  top:860px;
  right:-170px;
  width:430px;
  height:430px;
  background:rgba(139,109,233,.06)
}

.dmxGuestNavV60A{
  position:relative;
  z-index:30;
  width:100%;
  padding:22px 24px 0
}

.dmxGuestNavV60A__inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
  width:min(1180px,100%);
  min-height:66px;
  margin:0 auto;
  padding:10px 13px 10px 15px;
  border:1px solid rgba(218,230,241,.92);
  border-radius:22px;
  background:rgba(255,255,255,.84);
  box-shadow:0 12px 36px rgba(41,75,110,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px)
}

.dmxGuestBrandV60A{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
  font-size:19px;
  font-weight:900;
  letter-spacing:-.03em
}

.dmxGuestBrandV60A img{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain
}

.dmxGuestNavV60A__links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:33px;
  color:#54677e;
  font-size:14px;
  font-weight:800
}

.dmxGuestNavV60A__links a{
  position:relative;
  padding:9px 0
}

.dmxGuestNavV60A__links a:hover{color:var(--v60a-blue-dark)}

.dmxGuestNavV60A__login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:45px;
  padding:0 18px;
  border:1px solid #d9e5f0;
  border-radius:14px;
  background:#fff;
  color:#3d536d!important;
  font-size:13px;
  font-weight:900;
  box-shadow:0 5px 15px rgba(34,63,95,.05)
}

.dmxHeroV60A{
  position:relative;
  z-index:2;
  padding:82px 24px 86px
}

.dmxHeroV60A__inner{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  align-items:center;
  gap:clamp(55px,7vw,100px);
  width:min(1160px,100%);
  margin:0 auto
}

.dmxEyebrowV60A{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:22px;
  padding:8px 12px;
  border:1px solid #d8e9f7;
  border-radius:999px;
  background:rgba(243,250,255,.95);
  color:#2479ad;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase
}

.dmxEyebrowV60A__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--v60a-green);
  box-shadow:0 0 0 6px rgba(49,196,135,.12);
  animation:dmxV60APulse 2.1s ease-in-out infinite
}

.dmxHeroV60A h1{
  max-width:700px;
  margin:0;
  color:#12253d;
  font-size:clamp(48px,6.1vw,79px);
  line-height:.98;
  letter-spacing:-.057em;
  font-weight:950
}

.dmxHeroV60A h1 span{
  display:block;
  margin-top:8px;
  background:linear-gradient(108deg,#0b8fd6 4%,#31c3df 49%,#0d73c1 96%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}

.dmxHeroV60A__lead{
  max-width:640px;
  margin:27px 0 0;
  color:#60738a;
  font-size:18px;
  line-height:1.68
}

.dmxHeroV60A__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px
}

.dmxActionV60A{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:56px;
  padding:0 23px;
  border-radius:16px;
  font-size:13px;
  font-weight:950;
  letter-spacing:.025em;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}

.dmxActionV60A--primary{
  border:1px solid transparent;
  background:linear-gradient(135deg,#08a5df 0%,#0877cc 100%);
  color:#fff!important;
  box-shadow:0 16px 34px rgba(8,128,204,.25)
}

.dmxActionV60A--primary:hover{transform:translateY(-2px)}

.dmxActionV60A--secondary{
  border:1px solid #dce7f1;
  background:#fff;
  color:#405670!important
}

.dmxHeroV60A__micro{
  display:flex;
  align-items:center;
  gap:8px;
  margin:17px 0 0;
  color:#8090a2;
  font-size:12px;
  font-weight:700
}

.dmxHeroV60A__micro i{color:var(--v60a-green)}

.dmxHeroMissionV60A{
  position:relative;
  width:min(100%,520px);
  justify-self:end;
  padding:26px 20px
}

.dmxMissionCardV60A{
  position:relative;
  z-index:2;
  width:100%;
  min-height:510px;
  padding:26px;
  border:1px solid #deebf5;
  border-radius:32px;
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(247,251,255,.97));
  box-shadow:0 35px 75px rgba(34,74,108,.14);
  overflow:hidden
}

.dmxMissionCardV60A:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:6px;
  background:linear-gradient(90deg,var(--v60a-cyan),var(--v60a-blue),var(--v60a-purple))
}

.dmxMissionCardV60A__top{
  display:flex;
  justify-content:space-between;
  gap:20px
}

.dmxMissionCardV60A__top>div{
  display:flex;
  flex-direction:column;
  gap:7px
}

.dmxMissionCardV60A__kicker{
  color:#8192a6;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em
}

.dmxMissionCardV60A__score{
  display:grid;
  place-items:center;
  min-width:66px;
  height:40px;
  border-radius:13px;
  background:#eafaf3;
  color:#1c9c68;
  font-size:15px;
  font-weight:950
}

.dmxMissionCardV60A__progress{
  height:8px;
  margin-top:22px;
  border-radius:99px;
  background:#eaf0f6;
  overflow:hidden
}

.dmxMissionCardV60A__progress span{
  display:block;
  width:var(--progress);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#26c58a,#28bce1);
  animation:dmxV60AGrow 1.1s ease both
}

.dmxMissionSceneV60A{
  position:relative;
  display:grid;
  place-items:center;
  height:210px;
  margin:23px 0 20px;
  border:1px solid #e7eff6;
  border-radius:24px;
  background:
    radial-gradient(circle at center,rgba(54,196,225,.15),transparent 47%),
    linear-gradient(180deg,#f7fbfe,#f1f7fb);
  overflow:hidden
}

.dmxMissionSceneV60A__halo{
  position:absolute;
  width:165px;
  height:165px;
  border:1px dashed #8dd7e6;
  border-radius:50%;
  animation:dmxV60ASpin 18s linear infinite
}

.dmxMissionSceneV60A__car{
  position:relative;
  z-index:2;
  color:#178bc8;
  font-size:78px;
  animation:dmxV60AFloat 3.8s ease-in-out infinite
}

.dmxMissionSceneV60A__signal{
  position:absolute;
  z-index:3;
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border:1px solid #dcebf5;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 26px rgba(46,81,112,.1)
}

.dmxMissionSceneV60A__signal--one{top:32px;left:38px;color:var(--v60a-orange)}
.dmxMissionSceneV60A__signal--two{right:42px;top:49px;color:var(--v60a-green)}
.dmxMissionSceneV60A__signal--three{right:74px;bottom:27px;color:var(--v60a-purple)}

.dmxMissionCardV60A__question{
  display:flex;
  flex-direction:column;
  gap:5px
}

.dmxMissionCardV60A__question span{
  color:#8999aa;
  font-size:11px
}

.dmxMissionCardV60A__answer{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:15px;
  padding:13px 14px;
  border:1px solid #dcefe7;
  border-radius:14px;
  background:#f1fbf7;
  color:#39725b;
  font-size:12px;
  font-weight:800
}

.dmxMissionCardV60A__answer i{
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border-radius:50%;
  background:#34c48a;
  color:#fff
}

.dmxHeroMissionV60A__float{
  position:absolute;
  z-index:5;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:0 14px;
  border:1px solid #e0eaf3;
  border-radius:14px;
  background:rgba(255,255,255,.95);
  color:#476179;
  font-size:12px;
  font-weight:900;
  box-shadow:0 15px 34px rgba(31,65,95,.12)
}

.dmxHeroMissionV60A__float--top{top:0;right:-8px}
.dmxHeroMissionV60A__float--bottom{bottom:3px;left:-10px}

.dmxFactsV60A{
  position:relative;
  z-index:3;
  padding:0 24px 76px
}

.dmxFactsV60A__inner{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  width:min(1080px,100%);
  margin:0 auto;
  border:1px solid var(--v60a-line);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--v60a-shadow-soft);
  overflow:hidden
}

.dmxFactsV60A article{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:9px;
  min-height:95px;
  padding:20px
}

.dmxFactsV60A strong{
  color:#137eb8;
  font-size:27px
}

.dmxFactsV60A span{
  color:#7a8ca0;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase
}

.dmxSectionHeadV60A{
  width:min(760px,100%);
  margin:0 auto;
  text-align:center
}

.dmxSectionHeadV60A--left{
  margin:0;
  text-align:left
}

.dmxSectionHeadV60A__eyebrow{
  display:inline-block;
  margin-bottom:12px;
  color:#1686bf;
  font-size:11px;
  font-weight:950;
  letter-spacing:.13em
}

.dmxSectionHeadV60A h2,
.dmxDiplomaV60A__copy h2,
.dmxConversionV60A h2{
  margin:0;
  color:#172b43;
  font-size:clamp(35px,4.2vw,54px);
  line-height:1.06;
  letter-spacing:-.048em;
  font-weight:950
}

.dmxSectionHeadV60A h2 span,
.dmxDiplomaV60A__copy h2 span,
.dmxConversionV60A h2 span{color:#138dcc}

.dmxSectionHeadV60A>p{
  max-width:670px;
  margin:17px auto 0;
  color:#6c7d90;
  font-size:16px;
  line-height:1.7
}

.dmxSectionHeadV60A--left>p{margin-left:0}

.dmxDemoV60A{
  position:relative;
  z-index:2;
  padding:90px 24px 105px;
  background:linear-gradient(180deg,#f7fbfe,#f3f8fc);
  border-top:1px solid #edf3f7;
  border-bottom:1px solid #edf3f7
}

.dmxDemoV60A__layout{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(460px,1.22fr);
  gap:clamp(45px,6vw,84px);
  align-items:center;
  width:min(1100px,100%);
  margin:58px auto 0
}

.dmxDemoGuideV60A{display:grid;gap:15px}

.dmxDemoGuideV60A__step{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:15px;
  padding:17px 0
}

.dmxDemoGuideV60A__step>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:#e9f7fc;
  color:#1483ba;
  font-size:11px;
  font-weight:950
}

.dmxDemoGuideV60A__step p{
  margin:6px 0 0;
  color:#74869a;
  font-size:13px;
  line-height:1.6
}

.dmxQuizV60A{
  position:relative;
  min-height:510px;
  border:1px solid #dce9f3;
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 65px rgba(43,80,111,.12);
  overflow:hidden
}

.dmxQuizV60A__header{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:23px 25px 17px
}

.dmxQuizV60A__header>div{
  display:flex;
  flex-direction:column;
  gap:8px
}

.dmxQuizV60A__badge{
  color:#177eaf;
  font-size:12px;
  font-weight:900
}

.dmxQuizV60A__score{
  padding:8px 11px;
  border-radius:11px;
  background:#f1f8fc;
  color:#5b7890;
  font-size:11px;
  font-weight:900
}

.dmxQuizV60A__bar{
  height:6px;
  margin:0 25px;
  border-radius:99px;
  background:#edf2f6;
  overflow:hidden
}

.dmxQuizV60A__bar span{
  display:block;
  width:25%;
  height:100%;
  background:linear-gradient(90deg,#2bc590,#22b5de);
  transition:width .35s ease
}

.dmxQuizV60A__body{padding:28px 25px 25px}

.dmxQuizV60A__topic{
  margin:0 0 7px;
  color:#1990c9;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase
}

.dmxQuizV60A__body h3{
  min-height:56px;
  margin:0;
  color:#263d56;
  font-size:21px;
  line-height:1.35
}

.dmxQuizV60A__options{
  display:grid;
  gap:10px;
  margin-top:20px
}

.dmxQuizOptionV60A{
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:54px;
  padding:8px 13px;
  border:1px solid #dde7ef;
  border-radius:14px;
  background:#fff;
  color:#4a5f74;
  text-align:left;
  font-family:inherit;
  font-size:13px;
  font-weight:750;
  cursor:pointer
}

.dmxQuizOptionV60A__letter{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#f0f5f9;
  color:#7790a5;
  font-size:11px;
  font-weight:950
}

.dmxQuizOptionV60A.is-correct{
  border-color:#86d5b5;
  background:#f1fbf7;
  color:#297255
}

.dmxQuizOptionV60A.is-wrong{
  border-color:#efb4ba;
  background:#fff6f7;
  color:#96535b
}

.dmxQuizV60A__feedback{
  margin-top:15px;
  padding:14px 15px;
  border-radius:13px;
  font-size:12px;
  line-height:1.55
}

.dmxQuizV60A__feedback strong{
  display:block;
  margin-bottom:3px
}

.dmxQuizV60A__feedback.is-correct{
  border:1px solid #b9e5d3;
  background:#f1faf6;
  color:#3a745b
}

.dmxQuizV60A__feedback.is-wrong{
  border:1px solid #f0ccd0;
  background:#fff8f8;
  color:#80545a
}

.dmxQuizV60A__next{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:43px;
  margin:16px 0 0 auto;
  padding:0 15px;
  border:0;
  border-radius:12px;
  background:#168ec9;
  color:#fff;
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer
}

.dmxQuizV60A__result{
  position:absolute;
  inset:5px 0 0;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:35px;
  background:#fff;
  text-align:center
}

.dmxQuizV60A__result[hidden]{display:none}

.dmxQuizV60A__resultIcon{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  margin-bottom:18px;
  border-radius:23px;
  background:#e8f8fc;
  color:#168ac5;
  font-size:28px
}

.dmxQuizV60A__resultActions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px;
  margin-top:23px
}

.dmxQuizV60A__resultActions button,
.dmxQuizV60A__resultActions a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:43px;
  padding:0 15px;
  border:1px solid #dce8f1;
  border-radius:12px;
  background:#fff;
  color:#526b83;
  font-family:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer
}

.dmxQuizV60A__resultActions a{
  border-color:#168ec9;
  background:#168ec9;
  color:#fff!important
}

.dmxLearningV60A{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  padding:105px 0
}

.dmxLearningFlowV60A{
  display:grid;
  grid-template-columns:1fr 50px 1fr 50px 1fr;
  align-items:center;
  gap:12px;
  margin-top:48px
}

.dmxLearningFlowV60A article{
  min-height:235px;
  padding:25px;
  border:1px solid #e2eaf1;
  border-radius:23px;
  background:#fff
}

.dmxLearningFlowV60A__icon{
  display:grid;
  place-items:center;
  width:49px;
  height:49px;
  margin-bottom:23px;
  border-radius:15px;
  background:#edf8fc;
  color:#1488bf
}

.dmxLearningFlowV60A p{
  color:#75879a;
  font-size:13px;
  line-height:1.62
}

.dmxLearningFlowV60A__arrow{
  display:grid;
  place-items:center;
  color:#b0c5d5
}

.dmxRoadmapV60A{
  position:relative;
  z-index:2;
  padding:100px 24px 110px;
  background:#132a43;
  color:#fff
}

.dmxRoadmapV60A__intro{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  width:min(1120px,100%);
  margin:0 auto 46px
}

.dmxRoadmapV60A .dmxSectionHeadV60A__eyebrow{color:#56c8e3}
.dmxRoadmapV60A .dmxSectionHeadV60A h2{color:#fff}
.dmxRoadmapV60A .dmxSectionHeadV60A h2 span{color:#5ad3e8}
.dmxRoadmapV60A .dmxSectionHeadV60A p{color:#a9bed0}

.dmxRoadmapV60A__try{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:13px;
  background:rgba(255,255,255,.06);
  color:#eaf8ff!important;
  font-size:11px;
  font-weight:900
}

.dmxRoadmapV60A__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:min(1120px,100%);
  margin:0 auto
}

.dmxLevelV60A{
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:14px;
  min-height:78px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:17px;
  background:rgba(255,255,255,.045)
}

.dmxLevelV60A__number{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:rgba(255,255,255,.07);
  color:#9fc4d9;
  font-weight:950
}

.dmxLevelV60A span{
  color:#6fa2bc;
  font-size:8px;
  font-weight:950
}

.dmxLevelV60A h3{
  margin:4px 0 0;
  color:#e8f1f7;
  font-size:13px
}

.dmxLevelV60A--first{
  border-color:rgba(65,200,166,.3);
  background:rgba(45,181,149,.09)
}

.dmxMechanicsV60A{
  padding:105px 24px
}

.dmxMechanicsV60A__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  width:min(1120px,100%);
  margin:52px auto 0
}

.dmxMechanicsV60A__grid article{
  min-height:285px;
  padding:25px 22px;
  border:1px solid #e2ebf2;
  border-radius:22px;
  background:#fff
}

.dmxMechanicsV60A__icon{
  display:grid;
  place-items:center;
  width:51px;
  height:51px;
  margin-bottom:24px;
  border-radius:16px
}

.dmxMechanicsV60A__icon--green{background:#eaf9f3;color:#28a977}
.dmxMechanicsV60A__icon--blue{background:#eaf6fc;color:#168cc5}
.dmxMechanicsV60A__icon--orange{background:#fff5e6;color:#dc9220}
.dmxMechanicsV60A__icon--purple{background:#f3efff;color:#7f65d1}

.dmxMechanicsV60A__grid p{
  color:#768799;
  font-size:13px;
  line-height:1.65
}

.dmxDiplomaV60A{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  padding:10px 0 110px
}

.dmxDiplomaV60A__card{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  align-items:center;
  gap:clamp(35px,7vw,80px);
  padding:clamp(36px,6vw,65px);
  border:1px solid #dce8f1;
  border-radius:32px;
  background:linear-gradient(135deg,#f5fbfd,#f9fbff)
}

.dmxDiplomaV60A__visual{
  display:grid;
  place-items:center;
  min-height:300px
}

.dmxDiplomaV60A__paper{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:260px;
  height:190px;
  padding:38px 25px;
  border:7px solid #fff;
  outline:1px solid #bed6e5;
  border-radius:8px;
  background:#fff;
  box-shadow:0 25px 55px rgba(28,84,118,.16);
  animation:dmxV60ADiploma 4.2s ease-in-out infinite
}

.dmxDiplomaV60A__seal{
  position:absolute;
  right:22px;
  bottom:17px;
  display:grid;
  place-items:center;
  width:49px;
  height:49px;
  border-radius:50%;
  background:#1685c4;
  color:#fff
}

.dmxDiplomaV60A__paper>i{
  display:block;
  width:110px;
  height:3px;
  margin-top:11px;
  background:#dbe8ef
}

.dmxDiplomaV60A__milestones{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:25px
}

.dmxDiplomaV60A__milestones span{
  padding:9px 11px;
  border:1px solid #d9e9f1;
  border-radius:11px;
  background:#fff;
  color:#607a8e;
  font-size:11px;
  font-weight:850
}

.dmxConversionV60A{
  padding:0 24px 90px
}

.dmxConversionV60A__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:45px;
  width:min(1120px,100%);
  margin:0 auto;
  padding:clamp(38px,6vw,60px);
  border-radius:30px;
  background:linear-gradient(135deg,#122f49,#153d5c);
  color:#fff
}

.dmxConversionV60A h2{color:#fff}

.dmxConversionV60A p{
  color:#b5c9d8;
  line-height:1.65
}

.dmxConversionV60A__actions{
  display:flex;
  flex-direction:column;
  gap:11px
}

.dmxConversionV60A__login{
  text-align:center;
  color:#bbd0de!important;
  font-size:10px;
  font-weight:900
}

.dmxGuestFooterV60A{
  padding:0 24px 30px
}

.dmxGuestFooterV60A__inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:25px;
  width:min(1120px,100%);
  margin:0 auto;
  padding-top:27px;
  border-top:1px solid #e6edf3
}

.dmxGuestFooterV60A__links{
  display:flex;
  justify-content:center;
  gap:22px;
  color:#7e8d9c;
  font-size:11px;
  font-weight:800
}

.dmxGuestFooterV60A__copy{
  color:#9aa7b3;
  font-size:10px
}

@keyframes dmxV60APulse{
  0%,100%{box-shadow:0 0 0 5px rgba(49,196,135,.1)}
  50%{box-shadow:0 0 0 9px rgba(49,196,135,.035)}
}

@keyframes dmxV60AGrow{
  from{width:0}
}

@keyframes dmxV60ASpin{
  to{transform:rotate(360deg)}
}

@keyframes dmxV60AFloat{
  0%,100%{transform:translateY(3px)}
  50%{transform:translateY(-5px)}
}

@keyframes dmxV60ADiploma{
  0%,100%{transform:rotate(-4deg) translateY(2px)}
  50%{transform:rotate(-2deg) translateY(-5px)}
}

@media(max-width:860px){
  .dmxGuestNavV60A__links{display:none}

  .dmxGuestNavV60A__inner{
    grid-template-columns:1fr auto
  }

  .dmxHeroV60A__inner,
  .dmxDemoV60A__layout,
  .dmxDiplomaV60A__card{
    grid-template-columns:1fr
  }

  .dmxHeroV60A__copy{text-align:center}

  .dmxHeroV60A__actions,
  .dmxHeroV60A__micro{
    justify-content:center
  }

  .dmxHeroMissionV60A{
    justify-self:center
  }

  .dmxFactsV60A__inner{
    grid-template-columns:repeat(2,1fr)
  }

  .dmxLearningFlowV60A{
    grid-template-columns:1fr
  }

  .dmxLearningFlowV60A__arrow{
    transform:rotate(90deg)
  }

  .dmxRoadmapV60A__intro,
  .dmxConversionV60A__inner{
    flex-direction:column;
    align-items:flex-start
  }

  .dmxRoadmapV60A__grid{
    grid-template-columns:1fr
  }

  .dmxMechanicsV60A__grid{
    grid-template-columns:repeat(2,1fr)
  }
}

@media(max-width:620px){
  .dmxGuestNavV60A{
    padding:15px 15px 0
  }

  .dmxGuestNavV60A__login span{display:none}

  .dmxHeroV60A{
    padding:48px 17px 68px
  }

  .dmxHeroV60A h1{
    font-size:clamp(43px,13vw,59px)
  }

  .dmxHeroV60A__actions{
    display:grid;
    grid-template-columns:1fr
  }

  .dmxActionV60A{
    width:100%
  }

  .dmxMechanicsV60A__grid{
    grid-template-columns:1fr
  }

  .dmxQuizV60A{
    min-height:540px
  }

  .dmxConversionV60A__actions{
    width:100%
  }

  .dmxGuestFooterV60A__inner{
    grid-template-columns:1fr
  }

  .dmxGuestFooterV60A__links{
    justify-content:flex-start;
    flex-wrap:wrap
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  .dmxGuestHomeV60A *,
  .dmxGuestHomeV60A *:before,
  .dmxGuestHomeV60A *:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important
  }
}

/* ==========================================================
   DMX_VISITOR_DEMO_ANSWER_STATES_V60B
   Correcta = verde.
   Selección incorrecta = rojo.
   Tras un error, la alternativa correcta = verde.
   ========================================================== */

html body[data-auth="0"] .dmxGuestHomeV60A
.dmxQuizV60A__options button.dmxQuizOptionV60A.is-correct,
html body[data-auth="0"] .dmxGuestHomeV60A
.dmxQuizV60A__options button.dmxQuizOptionV60A.is-correct:disabled {
  opacity: 1 !important;
  border: 2px solid #35bd82 !important;
  background: #e8f9f1 !important;
  color: #217454 !important;
  box-shadow:
    inset 0 0 0 1px rgba(53,189,130,.08),
    0 7px 18px rgba(53,189,130,.08) !important;
}

html body[data-auth="0"] .dmxGuestHomeV60A
.dmxQuizV60A__options button.dmxQuizOptionV60A.is-correct
.dmxQuizOptionV60A__letter {
  position: relative;
  border-color: #31c487 !important;
  background: #31c487 !important;
  color: transparent !important;
  opacity: 1 !important;
}

html body[data-auth="0"] .dmxGuestHomeV60A
.dmxQuizV60A__options button.dmxQuizOptionV60A.is-correct
.dmxQuizOptionV60A__letter::after {
  content: "✓";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 17px;
  font-weight: 950;
  line-height: 1;
}

html body[data-auth="0"] .dmxGuestHomeV60A
.dmxQuizV60A__options button.dmxQuizOptionV60A.is-wrong,
html body[data-auth="0"] .dmxGuestHomeV60A
.dmxQuizV60A__options button.dmxQuizOptionV60A.is-wrong:disabled {
  opacity: 1 !important;
  border: 2px solid #e87984 !important;
  background: #fff0f2 !important;
  color: #984850 !important;
  box-shadow:
    inset 0 0 0 1px rgba(232,121,132,.07),
    0 7px 18px rgba(232,121,132,.06) !important;
}

html body[data-auth="0"] .dmxGuestHomeV60A
.dmxQuizV60A__options button.dmxQuizOptionV60A.is-wrong
.dmxQuizOptionV60A__letter {
  position: relative;
  border-color: #e76b77 !important;
  background: #e76b77 !important;
  color: transparent !important;
  opacity: 1 !important;
}

html body[data-auth="0"] .dmxGuestHomeV60A
.dmxQuizV60A__options button.dmxQuizOptionV60A.is-wrong
.dmxQuizOptionV60A__letter::after {
  content: "×";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 950;
  line-height: 1;
}

html body[data-auth="0"] .dmxGuestHomeV60A
.dmxQuizV60A__options button.dmxQuizOptionV60A:disabled:not(.is-correct):not(.is-wrong) {
  opacity: .66 !important;
}

/* ==========================================================
   DMX_VISITOR_PRODUCTION_PROOF_V60D
   Sección final basada exclusivamente en características
   reales del curso.
   ========================================================== */

.dmxGuestBrandV60A{
  gap:0;
}

.dmxGuestBrandV60A img{
  width:auto !important;
  height:44px !important;
  max-width:205px;
  object-fit:contain;
}

.dmxGuestBrandV60A>span{
  display:none;
}

.dmxGuestFooterV60A .dmxGuestBrandV60A img{
  width:auto !important;
  height:36px !important;
  max-width:175px;
}

.dmxProofV60D{
  position:relative;
  z-index:2;
  padding:105px 24px;
  border-top:1px solid #edf3f7;
  border-bottom:1px solid #edf3f7;
  background:
    radial-gradient(circle at 7% 14%,rgba(53,200,233,.09),transparent 25rem),
    radial-gradient(circle at 94% 89%,rgba(139,109,233,.07),transparent 25rem),
    linear-gradient(180deg,#f8fcfe 0%,#f4f9fc 100%);
}

.dmxProofV60D__inner{
  width:min(1120px,100%);
  margin:0 auto;
}

.dmxProofMetricsV60D{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:52px;
}

.dmxProofMetricsV60D article{
  min-height:220px;
  padding:23px;
  border:1px solid #deebf3;
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 38px rgba(43,79,109,.06);
}

.dmxProofMetricsV60D__icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin-bottom:22px;
  border-radius:14px;
  background:#eaf7fc;
  color:#1689c3;
  font-size:17px;
}

.dmxProofMetricsV60D strong{
  display:block;
  color:#1488c4;
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
}

.dmxProofMetricsV60D span{
  display:block;
  margin-top:6px;
  color:#425c74;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dmxProofMetricsV60D p{
  margin:13px 0 0;
  color:#7a8c9e;
  font-size:12px;
  line-height:1.6;
}

.dmxProofExperienceV60D{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);
  gap:clamp(42px,7vw,82px);
  align-items:center;
  margin-top:62px;
  padding:clamp(34px,5vw,55px);
  border:1px solid #dce9f2;
  border-radius:30px;
  background:#fff;
  box-shadow:0 22px 55px rgba(40,75,105,.08);
}

.dmxProofExperienceV60D__copy h3{
  margin:0;
  color:#1b324a;
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:950;
}

.dmxProofExperienceV60D__copy p{
  margin:18px 0 0;
  color:#708297;
  font-size:14px;
  line-height:1.72;
}

.dmxProofExperienceV60D__cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  margin-top:25px;
  padding:0 17px;
  border-radius:13px;
  background:#168dc8;
  color:#fff !important;
  box-shadow:0 11px 25px rgba(22,141,200,.19);
  font-size:11px;
  font-weight:950;
  letter-spacing:.035em;
}

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

.dmxProofExperienceV60D__features article{
  display:grid;
  grid-template-columns:43px 1fr;
  gap:12px;
  align-items:start;
  min-height:125px;
  padding:18px;
  border:1px solid #e3ebf2;
  border-radius:18px;
  background:#f9fbfd;
}

.dmxProofExperienceV60D__features article>i{
  display:grid;
  place-items:center;
  width:41px;
  height:41px;
  border-radius:13px;
  background:#e9f7fc;
  color:#168bc5;
}

.dmxProofExperienceV60D__features article>div{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.dmxProofExperienceV60D__features strong{
  color:#334c64;
  font-size:13px;
}

.dmxProofExperienceV60D__features span{
  color:#8292a2;
  font-size:11px;
  line-height:1.55;
}

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

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

@media(max-width:620px){
  .dmxGuestBrandV60A img{
    height:36px !important;
    max-width:165px;
  }

  .dmxGuestFooterV60A .dmxGuestBrandV60A img{
    height:32px !important;
    max-width:150px;
  }

  .dmxProofV60D{
    padding:82px 17px;
  }

  .dmxProofMetricsV60D{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .dmxProofMetricsV60D article{
    min-height:200px;
    padding:18px;
  }

  .dmxProofExperienceV60D{
    padding:27px 20px;
  }

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

/* DMX_V60G_MOBILE_CLEAN_HERO_START
   Simplifica solo la primera pantalla móvil de la portada pública.
   El resto de las secciones conserva su flujo normal al hacer scroll. */
@media(max-width:620px){
  .dmxGuestHomeV60A{
    background:
      linear-gradient(180deg,#f6fbff 0%,#ffffff 48%,#f7fbff 100%);
  }

  .dmxGuestHomeV60A__ambient{
    opacity:.28;
    filter:blur(18px);
  }

  .dmxGuestNavV60A{
    padding:12px 15px 0;
  }

  .dmxGuestNavV60A__inner{
    min-height:52px;
    padding:9px 11px;
    border-radius:18px;
    background:rgba(255,255,255,.92);
    box-shadow:0 10px 28px rgba(23,71,112,.08);
  }

  .dmxHeroV60A{
    min-height:calc(100svh - 64px);
    padding:26px 17px 30px;
    display:grid;
    align-items:center;
  }

  .dmxHeroV60A__inner{
    gap:22px;
  }

  .dmxHeroV60A__copy{
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  .dmxEyebrowV60A{
    margin-bottom:15px;
    padding:7px 11px;
    font-size:10px;
    letter-spacing:.04em;
    background:#eef9ff;
  }

  .dmxHeroV60A h1{
    max-width:355px;
    font-size:clamp(38px,11.2vw,48px);
    line-height:1.02;
    letter-spacing:0;
  }

  .dmxHeroV60A h1 span{
    margin-top:5px;
  }

  .dmxHeroV60A__lead{
    max-width:310px;
    margin-top:15px;
    font-size:15px;
    line-height:1.42;
  }

  .dmxHeroV60A__lead br{
    display:none;
  }

  .dmxHeroV60A__actions{
    width:100%;
    max-width:315px;
    margin-top:22px;
    gap:10px;
  }

  .dmxActionV60A{
    min-height:52px;
    border-radius:14px;
    font-size:12px;
  }

  .dmxActionV60A--secondary{
    min-height:46px;
    background:transparent;
    box-shadow:none;
  }

  .dmxHeroV60A__micro{
    display:none;
  }

  .dmxHeroMissionV60A{
    width:min(100%,300px);
    padding:0;
    margin-top:0;
  }

  .dmxHeroMissionV60A__float{
    display:none;
  }

  .dmxMissionCardV60A{
    min-height:0;
    padding:16px;
    border-radius:22px;
    box-shadow:0 18px 42px rgba(34,74,108,.10);
  }

  .dmxMissionCardV60A__top{
    align-items:center;
  }

  .dmxMissionCardV60A__kicker{
    font-size:9px;
    letter-spacing:.08em;
  }

  .dmxMissionCardV60A__score{
    min-width:54px;
    height:34px;
    border-radius:11px;
    font-size:13px;
  }

  .dmxMissionCardV60A__progress{
    margin-top:14px;
  }

  .dmxMissionSceneV60A{
    height:118px;
    margin:14px 0 12px;
    border-radius:18px;
  }

  .dmxMissionSceneV60A__halo{
    width:98px;
    height:98px;
  }

  .dmxMissionSceneV60A__car{
    font-size:50px;
  }

  .dmxMissionSceneV60A__signal{
    width:32px;
    height:32px;
    border-radius:11px;
    font-size:13px;
  }

  .dmxMissionSceneV60A__signal--one{
    top:16px;
    left:24px;
  }

  .dmxMissionSceneV60A__signal--two{
    top:22px;
    right:25px;
  }

  .dmxMissionSceneV60A__signal--three{
    right:50px;
    bottom:13px;
  }

  .dmxMissionCardV60A__question{
    gap:3px;
  }

  .dmxMissionCardV60A__question span{
    font-size:10px;
  }

  .dmxMissionCardV60A__question strong{
    font-size:14px;
  }

  .dmxMissionCardV60A__answer{
    margin-top:10px;
    padding:10px 11px;
    border-radius:12px;
    font-size:11px;
  }

  .dmxMissionCardV60A__answer i{
    width:20px;
    height:20px;
    flex:0 0 20px;
  }

  .dmxFactsV60A{
    padding-top:18px;
  }
}
/* DMX_V60G_MOBILE_CLEAN_HERO_END */

/* DMX_V60H_GREEN_START_BUTTON_START
   Botón principal del hero en verde para reforzar la acción de inicio. */
.dmxHeroV60A .dmxActionV60A--primary{
  background:linear-gradient(135deg,#58cc02 0%,#36b37e 100%);
  color:#fff!important;
  box-shadow:0 16px 34px rgba(54,179,126,.25);
}

.dmxHeroV60A .dmxActionV60A--primary:hover{
  box-shadow:0 18px 38px rgba(54,179,126,.31);
}
/* DMX_V60H_GREEN_START_BUTTON_END */

/* DMX_V60I_MOBILE_HERO_SIMPLIFY_START
   Ajuste adicional solo móvil: menos redundancia en la primera pantalla.
   Desktop queda sin cambios. */
@media(max-width:620px){
  .dmxHeroV60A{
    min-height:auto;
    padding:24px 17px 24px;
    align-items:start;
  }

  .dmxHeroV60A__inner{
    gap:18px;
  }

  .dmxEyebrowV60A{
    display:none;
  }

  .dmxHeroV60A h1{
    max-width:330px;
    font-size:clamp(36px,10.4vw,44px);
    line-height:1.03;
  }

  .dmxHeroV60A__lead{
    max-width:295px;
    margin-top:12px;
    font-size:14px;
    line-height:1.36;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .dmxHeroV60A__actions{
    max-width:300px;
    margin-top:18px;
    gap:0;
  }

  .dmxHeroV60A .dmxActionV60A--secondary{
    display:none;
  }

  .dmxHeroMissionV60A{
    width:min(100%,260px);
  }

  .dmxMissionCardV60A{
    padding:14px;
    border-radius:18px;
  }

  .dmxMissionCardV60A__kicker,
  .dmxMissionCardV60A__question,
  .dmxMissionCardV60A__answer,
  .dmxMissionSceneV60A__signal{
    display:none;
  }

  .dmxMissionCardV60A__top{
    gap:12px;
  }

  .dmxMissionCardV60A__top strong{
    font-size:14px;
  }

  .dmxMissionCardV60A__progress{
    height:7px;
    margin-top:10px;
  }

  .dmxMissionSceneV60A{
    height:92px;
    margin:10px 0 0;
    border-radius:16px;
  }

  .dmxMissionSceneV60A__halo{
    width:86px;
    height:86px;
  }

  .dmxMissionSceneV60A__car{
    font-size:44px;
  }

  .dmxFactsV60A{
    padding-top:10px;
  }
}
/* DMX_V60I_MOBILE_HERO_SIMPLIFY_END */


/* DMX_V60M2_HERO_CTA_ORDER_START
   PC: deja "EMPEZAR AHORA" a la derecha.
   Movil: vuelve a mostrar "YA TENGO UNA CUENTA". */
@media(min-width:861px){
  .dmxHeroV60A .dmxActionV60A--secondary{
    order:1;
  }

  .dmxHeroV60A .dmxActionV60A--primary{
    order:2;
  }
}

@media(max-width:620px){
  .dmxHeroV60A .dmxActionV60A--secondary{
    display:inline-flex;
  }
}
/* DMX_V60M2_HERO_CTA_ORDER_END */


/* DMX_V60O_MOBILE_DUOLINGO_HERO_START
   Movil: primera pantalla limpia tipo app, con visual arriba y CTAs abajo.
   Desktop no se modifica. */
@media(max-width:620px){
  .dmxGuestNavV60A{
    padding:12px 14px 0;
  }

  .dmxGuestNavV60A__inner{
    min-height:62px;
    padding:9px 10px 9px 14px;
    border-radius:20px;
  }

  .dmxHeroV60A{
    min-height:calc(100svh - 74px);
    padding:18px 17px 22px;
    display:grid;
    align-items:stretch;
  }

  .dmxHeroV60A__inner{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:minmax(150px,1fr) auto auto auto;
    justify-items:center;
    align-items:center;
    gap:13px;
    min-height:calc(100svh - 126px);
  }

  .dmxHeroV60A__copy{
    display:contents;
  }

  .dmxEyebrowV60A,
  .dmxHeroV60A__micro,
  .dmxHeroMissionV60A__float,
  .dmxMissionCardV60A__kicker,
  .dmxMissionCardV60A__question,
  .dmxMissionCardV60A__answer,
  .dmxMissionSceneV60A__signal{
    display:none;
  }

  .dmxHeroMissionV60A{
    grid-row:1;
    align-self:end;
    width:min(100%,265px);
    padding:0;
    margin:0;
  }

  .dmxMissionCardV60A{
    min-height:0;
    padding:14px;
    border-radius:22px;
    box-shadow:0 22px 52px rgba(34,74,108,.10);
  }

  .dmxMissionCardV60A__top{
    align-items:center;
    gap:12px;
  }

  .dmxMissionCardV60A__top strong{
    font-size:15px;
  }

  .dmxMissionCardV60A__score{
    min-width:58px;
    height:38px;
    border-radius:14px;
    font-size:16px;
  }

  .dmxMissionCardV60A__progress{
    height:8px;
    margin-top:13px;
  }

  .dmxMissionSceneV60A{
    height:102px;
    margin:12px 0 0;
    border-radius:18px;
  }

  .dmxMissionSceneV60A__halo{
    width:88px;
    height:88px;
  }

  .dmxMissionSceneV60A__car{
    font-size:46px;
  }

  .dmxHeroV60A h1{
    grid-row:2;
    max-width:335px;
    margin:8px auto 0;
    font-size:clamp(31px,8.9vw,39px);
    line-height:1.1;
    letter-spacing:0;
    text-align:center;
  }

  .dmxHeroV60A h1 span{
    margin-top:3px;
  }

  .dmxHeroV60A__lead{
    grid-row:3;
    max-width:310px;
    margin:0 auto;
    color:#66758a;
    font-size:15px;
    line-height:1.42;
    text-align:center;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .dmxHeroV60A__actions{
    grid-row:4;
    align-self:end;
    display:grid;
    grid-template-columns:1fr;
    width:min(100%,315px);
    gap:10px;
    margin:14px auto 0;
  }

  .dmxHeroV60A .dmxActionV60A{
    width:100%;
    min-height:58px;
    border-radius:16px;
    font-size:13px;
  }

  .dmxHeroV60A .dmxActionV60A--primary{
    order:1;
  }

  .dmxHeroV60A .dmxActionV60A--secondary{
    order:2;
    display:inline-flex;
    min-height:52px;
    border-color:#dbe6ef;
    background:#fff;
  }

  .dmxFactsV60A{
    padding:24px 17px 56px;
  }
}

@media(max-width:620px) and (max-height:720px){
  .dmxHeroV60A{
    min-height:auto;
  }

  .dmxHeroV60A__inner{
    min-height:0;
  }

  .dmxHeroMissionV60A{
    width:min(100%,230px);
  }

  .dmxMissionSceneV60A{
    height:82px;
  }

  .dmxHeroV60A h1{
    font-size:clamp(29px,8.2vw,35px);
  }

  .dmxHeroV60A__lead{
    font-size:14px;
  }

  .dmxHeroV60A .dmxActionV60A{
    min-height:52px;
  }

  .dmxHeroV60A .dmxActionV60A--secondary{
    min-height:48px;
  }
}
/* DMX_V60O_MOBILE_DUOLINGO_HERO_END */

/* DMX_V60P_MOBILE_HERO_STACK_FIX_START
   Movil: título/texto arriba, visual al centro y CTAs abajo. Desktop intacto. */
@media(max-width:620px){
  .dmxHeroV60A{
    min-height:calc(100svh - 74px);
    padding:18px 17px 22px;
  }

  .dmxHeroV60A__inner{
    grid-template-rows:auto auto minmax(170px,1fr) auto;
    gap:12px;
    min-height:calc(100svh - 126px);
    align-content:stretch;
  }

  .dmxHeroV60A h1{
    grid-row:1;
    align-self:end;
    margin:8px auto 0;
  }

  .dmxHeroV60A__lead{
    grid-row:2;
    align-self:start;
    margin:0 auto;
  }

  .dmxHeroMissionV60A{
    grid-row:3;
    align-self:center;
    width:min(100%,285px);
  }

  .dmxHeroV60A__actions{
    grid-row:4;
    align-self:end;
    margin-top:8px;
  }
}

@media(max-width:620px) and (max-height:720px){
  .dmxHeroV60A__inner{
    grid-template-rows:auto auto auto auto;
    gap:10px;
  }

  .dmxHeroMissionV60A{
    align-self:center;
    width:min(100%,245px);
  }
}
/* DMX_V60P_MOBILE_HERO_STACK_FIX_END */


/* DMX_V60S_HERO_TITLE_FIT_START
   Ajusta el nuevo titular largo para móvil y PC. */
.dmxHeroV60A h1{
  max-width:900px;
  line-height:1.08;
  letter-spacing:0;
}

@media(min-width:861px){
  .dmxHeroV60A h1{
    font-size:clamp(44px,5.1vw,70px);
  }
}

@media(max-width:620px){
  .dmxHeroV60A h1{
    max-width:345px;
    font-size:clamp(28px,7.8vw,35px);
    line-height:1.12;
  }
}
/* DMX_V60S_HERO_TITLE_FIT_END */

/* DMX_V60T_HERO_MECHANIC_PHOTO_START
   Sustituye la tarjeta central por una foto real del mecánico usando el móvil. */
.dmxHeroMissionV60A--photoV60T{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  min-height:560px;
  padding:0;
  overflow:visible;
}

.dmxHeroPhotoV60T{
  position:relative;
  display:grid;
  place-items:end center;
  width:min(100%,470px);
  min-height:560px;
  margin:0;
}

.dmxHeroPhotoV60T:after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  bottom:20px;
  width:74%;
  height:34px;
  border-radius:999px;
  background:rgba(38,82,112,.12);
  filter:blur(14px);
  transform:translateX(-50%);
}

.dmxHeroPhotoV60T img{
  position:relative;
  z-index:2;
  display:block;
  width:min(94%,410px);
  max-height:650px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 28px 42px rgba(35,70,102,.18));
}

.dmxHeroPhotoV60T figcaption{
  position:relative;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:min(92%,360px);
  margin-top:-26px;
  padding:10px 16px;
  border:1px solid #dce9f4;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#35516d;
  font-size:13px;
  font-weight:950;
  line-height:1.2;
  text-align:center;
  box-shadow:0 12px 28px rgba(34,74,108,.10);
}

@media(max-width:620px){
  .dmxHeroMissionV60A--photoV60T{
    width:min(100%,330px);
    min-height:clamp(220px,36svh,340px);
    align-self:center;
  }

  .dmxHeroPhotoV60T{
    width:100%;
    min-height:clamp(220px,36svh,340px);
  }

  .dmxHeroPhotoV60T:after{
    bottom:10px;
    width:68%;
    height:24px;
    filter:blur(12px);
  }

  .dmxHeroPhotoV60T img{
    width:auto;
    max-width:82%;
    max-height:clamp(218px,35svh,330px);
    filter:drop-shadow(0 22px 32px rgba(35,70,102,.15));
  }

  .dmxHeroPhotoV60T figcaption{
    margin-top:-18px;
    padding:8px 13px;
    font-size:11px;
  }
}

@media(max-width:620px) and (max-height:720px){
  .dmxHeroMissionV60A--photoV60T,
  .dmxHeroPhotoV60T{
    min-height:190px;
  }

  .dmxHeroPhotoV60T img{
    max-height:212px;
  }

  .dmxHeroPhotoV60T figcaption{
    display:none;
  }
}
/* DMX_V60T_HERO_MECHANIC_PHOTO_END */

/* DMX_V60V_HERO_MECHANIC_TOP_SAFE_START
   La foto puede crecer, pero nunca se recorta desde arriba; en pantallas bajas solo se oculta parte inferior. */
@media(min-width:861px){
  .dmxHeroMissionV60A--photoV60T{
    min-height:0;
    height:clamp(660px,62vh,980px);
    overflow:hidden;
    align-self:center;
  }

  .dmxHeroPhotoV60T{
    width:min(100%,640px);
    min-height:0;
    height:100%;
    overflow:hidden;
    place-items:start center;
  }

  .dmxHeroPhotoV60T:after{
    bottom:12px;
    width:82%;
    height:42px;
    background:rgba(28,73,112,.13);
  }

  .dmxHeroPhotoV60T img{
    width:min(100%,600px);
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:50% 0;
    filter:drop-shadow(0 34px 54px rgba(35,70,102,.20));
  }

  .dmxHeroPhotoV60T figcaption{
    position:absolute;
    z-index:4;
    left:50%;
    bottom:14px;
    margin:0;
    transform:translateX(-50%);
  }
}

@media(min-width:861px) and (min-height:1120px){
  .dmxHeroMissionV60A--photoV60T,
  .dmxHeroPhotoV60T{
    height:auto;
    min-height:820px;
    overflow:visible;
  }

  .dmxHeroPhotoV60T img{
    width:min(100%,560px);
  }

  .dmxHeroPhotoV60T figcaption{
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:-36px;
    transform:none;
  }
}

@media(max-width:620px){
  .dmxHeroMissionV60A--photoV60T{
    width:min(100%,405px);
    min-height:clamp(300px,43svh,520px);
    max-height:clamp(300px,43svh,520px);
    overflow:hidden;
    align-self:center;
  }

  .dmxHeroPhotoV60T{
    width:100%;
    min-height:0;
    height:100%;
    overflow:hidden;
    place-items:start center;
  }

  .dmxHeroPhotoV60T:after{
    bottom:7px;
    width:76%;
    height:30px;
    filter:blur(12px);
  }

  .dmxHeroPhotoV60T img{
    width:min(91vw,398px);
    height:auto;
    max-width:none;
    max-height:none;
    object-fit:contain;
    object-position:50% 0;
    filter:drop-shadow(0 26px 38px rgba(35,70,102,.17));
  }

  .dmxHeroPhotoV60T figcaption{
    position:absolute;
    z-index:4;
    left:50%;
    bottom:8px;
    width:max-content;
    max-width:min(86vw,350px);
    margin:0;
    transform:translateX(-50%);
  }
}

@media(max-width:620px) and (min-height:900px){
  .dmxHeroMissionV60A--photoV60T,
  .dmxHeroPhotoV60T{
    max-height:none;
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .dmxHeroPhotoV60T img{
    width:min(86vw,380px);
  }

  .dmxHeroPhotoV60T figcaption{
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:-30px;
    transform:none;
  }
}

@media(max-width:620px) and (max-height:720px){
  .dmxHeroMissionV60A--photoV60T{
    min-height:230px;
    max-height:230px;
  }

  .dmxHeroPhotoV60T{
    height:230px;
  }

  .dmxHeroPhotoV60T img{
    width:min(88vw,340px);
  }

  .dmxHeroPhotoV60T figcaption{
    display:none;
  }
}
/* DMX_V60V_HERO_MECHANIC_TOP_SAFE_END */

/* DMX_V60Y_MOBILE_SINGLE_COLUMN_OVERLAY_START
   Móvil: fuerza una sola columna centrada; foto al fondo y CTAs completos sobre degradado inferior. */
@media(max-width:620px){
  .dmxHeroV60A{
    padding:16px 17px 18px;
  }

  .dmxHeroV60A__inner{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto minmax(390px,1fr);
    align-content:stretch;
    justify-items:center;
    gap:10px;
    width:100%;
    min-height:calc(100svh - 126px);
  }

  .dmxHeroV60A h1,
  .dmxHeroV60A__lead,
  .dmxHeroMissionV60A--photoV60T,
  .dmxHeroV60A__actions{
    grid-column:1;
  }

  .dmxHeroV60A h1{
    grid-row:1;
    justify-self:center;
    width:min(100%,365px);
    max-width:365px;
    margin:6px auto 0;
    font-size:clamp(26px,7vw,34px);
    line-height:1.08;
    text-align:center;
  }

  .dmxHeroV60A__lead{
    grid-row:2;
    justify-self:center;
    width:min(100%,340px);
    max-width:340px;
    margin:0 auto;
    font-size:15px;
    line-height:1.38;
    text-align:center;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .dmxHeroMissionV60A--photoV60T{
    grid-row:3;
    align-self:stretch;
    justify-self:center;
    width:min(100%,405px);
    height:100%;
    min-height:0;
    max-height:none;
    overflow:hidden;
    isolation:isolate;
  }

  .dmxHeroPhotoV60T{
    position:relative;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    place-items:start center;
    isolation:isolate;
  }

  .dmxHeroPhotoV60T:before{
    content:"";
    position:absolute;
    z-index:3;
    left:50%;
    bottom:0;
    width:112%;
    height:44%;
    pointer-events:none;
    transform:translateX(-50%);
    background:linear-gradient(180deg,rgba(247,252,255,0) 0%,rgba(247,252,255,.86) 52%,rgba(247,252,255,.99) 100%);
  }

  .dmxHeroPhotoV60T:after{
    z-index:2;
    bottom:8px;
    width:80%;
    height:30px;
    background:rgba(28,73,112,.12);
    filter:blur(13px);
  }

  .dmxHeroPhotoV60T img{
    position:relative;
    z-index:1;
    display:block;
    width:min(86vw,390px);
    height:auto;
    max-width:none;
    max-height:none;
    object-fit:contain;
    object-position:50% 0;
    filter:drop-shadow(0 26px 38px rgba(35,70,102,.17));
  }

  .dmxHeroPhotoV60T figcaption{
    display:none;
  }

  .dmxHeroV60A__actions{
    grid-row:3;
    align-self:end;
    justify-self:center;
    z-index:7;
    display:grid;
    grid-template-columns:1fr;
    width:min(100%,315px);
    gap:9px;
    margin:0 auto 9px;
    padding-bottom:max(0px,env(safe-area-inset-bottom));
  }

  .dmxHeroV60A .dmxActionV60A--primary{
    width:100%;
    min-height:56px;
  }

  .dmxHeroV60A .dmxActionV60A--secondary{
    display:inline-flex;
    width:100%;
    min-height:49px;
    background:rgba(255,255,255,.96);
    box-shadow:0 10px 26px rgba(34,74,108,.10);
  }
}

@media(max-width:620px) and (min-height:900px){
  .dmxHeroV60A__inner{
    grid-template-rows:auto auto minmax(460px,1fr);
    gap:12px;
  }

  .dmxHeroMissionV60A--photoV60T{
    width:min(100%,430px);
  }

  .dmxHeroPhotoV60T img{
    width:min(86vw,405px);
  }

  .dmxHeroV60A__actions{
    margin-bottom:12px;
  }
}

@media(max-width:620px) and (max-height:760px){
  .dmxHeroV60A__inner{
    grid-template-rows:auto auto minmax(310px,1fr);
    gap:8px;
  }

  .dmxHeroV60A h1{
    width:min(100%,335px);
    font-size:clamp(24px,6.4vw,31px);
  }

  .dmxHeroV60A__lead{
    width:min(100%,315px);
    font-size:14px;
  }

  .dmxHeroMissionV60A--photoV60T{
    width:min(100%,360px);
  }

  .dmxHeroPhotoV60T img{
    width:min(78vw,320px);
  }

  .dmxHeroPhotoV60T:before{
    height:50%;
  }

  .dmxHeroV60A__actions{
    width:min(100%,300px);
    gap:8px;
    margin-bottom:4px;
  }

  .dmxHeroV60A .dmxActionV60A--primary{
    min-height:52px;
  }

  .dmxHeroV60A .dmxActionV60A--secondary{
    display:inline-flex;
    min-height:46px;
  }
}

@media(max-width:380px){
  .dmxHeroPhotoV60T img{
    width:min(82vw,310px);
  }

  .dmxHeroV60A__actions{
    width:min(100%,292px);
  }
}
/* DMX_V60Y_MOBILE_SINGLE_COLUMN_OVERLAY_END */

/* DMX_V60Z_HERO_START_DODO_ANIMATION_START
   Replica la animación de los botones Elegir PRO/PREMIUM de /precios/ en el CTA principal del hero. */
@keyframes dmxHeroDodoButtonGlowV60Z{
  0%, 70%, 100%{
    filter:brightness(1);
    box-shadow:0 10px 0 rgba(0,0,0,.12), 0 0 0 rgba(255,255,255,0);
  }
  8%{
    filter:brightness(1.12);
    box-shadow:0 10px 0 rgba(0,0,0,.12), 0 0 26px rgba(255,255,255,.55);
  }
  16%{
    filter:brightness(1);
    box-shadow:0 10px 0 rgba(0,0,0,.12), 0 0 0 rgba(255,255,255,0);
  }
}

@keyframes dmxHeroDodoButtonShineV60Z{
  0%, 66%, 100%{
    transform:translateX(-160%) skewX(-18deg);
    opacity:0;
  }
  8%{
    opacity:.95;
  }
  18%{
    transform:translateX(170%) skewX(-18deg);
    opacity:0;
  }
}

.dmxHeroV60A .dmxActionV60A--primary{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  animation:dmxHeroDodoButtonGlowV60Z 4.4s ease-in-out infinite;
}

.dmxHeroV60A .dmxActionV60A--primary::after{
  content:"";
  position:absolute;
  top:-45%;
  left:0;
  width:48%;
  height:190%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.95) 50%, transparent 100%);
  animation:dmxHeroDodoButtonShineV60Z 4.4s ease-in-out infinite;
}

.dmxHeroV60A .dmxActionV60A--primary > *{
  position:relative;
  z-index:4;
}

.dmxHeroV60A .dmxActionV60A--secondary,
.dmxHeroV60A .dmxActionV60A--secondary::before,
.dmxHeroV60A .dmxActionV60A--secondary::after{
  animation:none;
}

@media (prefers-reduced-motion:reduce){
  .dmxHeroV60A .dmxActionV60A--primary,
  .dmxHeroV60A .dmxActionV60A--primary::after{
    animation:none;
  }

  .dmxHeroV60A .dmxActionV60A--primary::after{
    display:none;
  }
}
/* DMX_V60Z_HERO_START_DODO_ANIMATION_END */

/* DMX_V61A_MOBILE_SHORT_VIEWPORT_HERO_FIT_START
   Móvil bajo: asegura que foto y ambos CTAs entren en 375x667 sin recorte superior. */
@media(max-width:620px) and (max-height:760px){
  .dmxHeroV60A{
    min-height:calc(100svh - 70px);
    padding:10px 16px 12px;
    overflow:hidden;
  }

  .dmxHeroV60A__inner{
    position:relative;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto minmax(0,1fr);
    gap:7px;
    min-height:calc(100svh - 106px);
    max-height:calc(100svh - 106px);
    overflow:hidden;
  }

  .dmxHeroV60A h1{
    width:min(100%,335px);
    max-width:335px;
    margin:3px auto 0;
    font-size:clamp(22px,6.2vw,29px);
    line-height:1.06;
  }

  .dmxHeroV60A__lead{
    width:min(100%,315px);
    max-width:315px;
    font-size:13px;
    line-height:1.28;
    -webkit-line-clamp:2;
  }

  .dmxHeroMissionV60A--photoV60T{
    grid-row:3;
    align-self:stretch;
    width:min(100%,350px);
    height:100%;
    min-height:0;
    overflow:hidden;
  }

  .dmxHeroPhotoV60T{
    height:100%;
    min-height:0;
    overflow:hidden;
  }

  .dmxHeroPhotoV60T img{
    width:min(76vw,300px);
    object-fit:contain;
    object-position:50% 0;
  }

  .dmxHeroPhotoV60T:before{
    height:56%;
    background:linear-gradient(180deg,rgba(247,252,255,0) 0%,rgba(247,252,255,.88) 48%,rgba(247,252,255,.99) 100%);
  }

  .dmxHeroV60A__actions{
    position:absolute;
    left:50%;
    bottom:4px;
    transform:translateX(-50%);
    z-index:9;
    width:min(100%,300px);
    gap:8px;
    margin:0;
  }

  .dmxHeroV60A .dmxActionV60A--primary{
    min-height:52px;
  }

  .dmxHeroV60A .dmxActionV60A--secondary{
    display:inline-flex;
    min-height:46px;
  }
}

@media(max-width:620px) and (max-height:700px){
  .dmxHeroV60A{
    padding-top:8px;
    padding-bottom:10px;
  }

  .dmxHeroV60A__inner{
    gap:6px;
    min-height:calc(100svh - 102px);
    max-height:calc(100svh - 102px);
  }

  .dmxHeroV60A h1{
    width:min(100%,318px);
    max-width:318px;
    font-size:clamp(21px,5.9vw,26px);
    line-height:1.04;
  }

  .dmxHeroV60A__lead{
    width:min(100%,295px);
    font-size:12px;
    line-height:1.22;
    -webkit-line-clamp:1;
  }

  .dmxHeroMissionV60A--photoV60T{
    width:min(100%,330px);
  }

  .dmxHeroPhotoV60T img{
    width:min(71vw,270px);
  }

  .dmxHeroV60A__actions{
    width:min(100%,292px);
    gap:7px;
    bottom:3px;
  }

  .dmxHeroV60A .dmxActionV60A--primary{
    min-height:49px;
  }

  .dmxHeroV60A .dmxActionV60A--secondary{
    min-height:43px;
    font-size:12px;
  }
}

@media(max-width:360px) and (max-height:700px){
  .dmxHeroV60A h1{
    width:min(100%,292px);
    font-size:20px;
  }

  .dmxHeroV60A__lead{
    display:none;
  }

  .dmxHeroPhotoV60T img{
    width:min(70vw,245px);
  }

  .dmxHeroV60A__actions{
    width:min(100%,276px);
  }
}
/* DMX_V61A_MOBILE_SHORT_VIEWPORT_HERO_FIT_END */

/* DMX_V61B_TABLET_LANDSCAPE_HERO_FIT_START
   Tablet horizontal/baja: adapta 1024x600 sin afectar PC grande ni móvil. */
@media(min-width:621px) and (max-width:1180px) and (max-height:760px){
  .dmxGuestNavV60A{
    padding:16px 18px 0;
  }

  .dmxGuestNavV60A__inner{
    min-height:58px;
    padding:8px 11px 8px 13px;
    border-radius:20px;
  }

  .dmxGuestBrandV60A{
    font-size:17px;
  }

  .dmxGuestBrandV60A img{
    width:38px;
    height:38px;
  }

  .dmxGuestNavV60A__links{
    gap:25px;
    font-size:13px;
  }

  .dmxGuestNavV60A__login{
    min-height:40px;
    padding:0 15px;
    font-size:12px;
  }

  .dmxHeroV60A{
    padding:30px 22px 34px;
    min-height:auto;
    overflow:visible;
  }

  .dmxHeroV60A__inner{
    grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
    gap:clamp(24px,4vw,44px);
    width:min(1000px,100%);
    align-items:center;
  }

  .dmxEyebrowV60A{
    margin-bottom:14px;
    padding:7px 11px;
    font-size:11px;
  }

  .dmxHeroV60A h1{
    max-width:590px;
    font-size:clamp(34px,4vw,44px);
    line-height:1.055;
  }

  .dmxHeroV60A h1 span{
    margin-top:5px;
  }

  .dmxHeroV60A__lead{
    max-width:520px;
    margin-top:16px;
    font-size:15px;
    line-height:1.42;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .dmxHeroV60A__actions{
    margin-top:20px;
    gap:10px;
  }

  .dmxHeroV60A .dmxActionV60A{
    min-height:50px;
    padding:0 19px;
    font-size:12px;
  }

  .dmxHeroV60A__micro{
    display:none;
  }

  .dmxHeroMissionV60A--photoV60T{
    height:410px;
    min-height:0;
    overflow:hidden;
    align-self:center;
  }

  .dmxHeroPhotoV60T{
    width:min(100%,410px);
    height:100%;
    min-height:0;
    overflow:hidden;
    place-items:start center;
  }

  .dmxHeroPhotoV60T img{
    width:min(100%,385px);
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:50% 0;
  }

  .dmxHeroPhotoV60T figcaption{
    display:none;
  }

  .dmxFactsV60A{
    padding-top:24px;
  }
}

@media(min-width:621px) and (max-width:1180px) and (max-height:640px){
  .dmxHeroV60A{
    padding-top:24px;
    padding-bottom:28px;
  }

  .dmxHeroV60A h1{
    max-width:560px;
    font-size:clamp(31px,3.7vw,39px);
  }

  .dmxHeroV60A__lead{
    max-width:500px;
    margin-top:13px;
    font-size:14px;
    line-height:1.34;
  }

  .dmxHeroV60A__actions{
    margin-top:17px;
  }

  .dmxHeroMissionV60A--photoV60T{
    height:360px;
  }

  .dmxHeroPhotoV60T{
    width:min(100%,380px);
  }

  .dmxHeroPhotoV60T img{
    width:min(100%,355px);
  }
}
/* DMX_V61B_TABLET_LANDSCAPE_HERO_FIT_END */

/* DMX_V61C_LARGE_TABLET_HERO_FIT_START
   Tablet grande / Nest Hub Max: adapta 1280x800 sin afectar escritorio amplio. */
@media(min-width:1181px) and (max-width:1440px) and (max-height:900px){
  .dmxGuestNavV60A{
    padding:18px 22px 0;
  }

  .dmxGuestNavV60A__inner{
    min-height:60px;
    width:min(1130px,100%);
    padding:8px 12px 8px 14px;
    border-radius:20px;
  }

  .dmxGuestBrandV60A{
    font-size:17px;
  }

  .dmxGuestBrandV60A img{
    width:38px;
    height:38px;
  }

  .dmxGuestNavV60A__links{
    gap:28px;
    font-size:13px;
  }

  .dmxGuestNavV60A__login{
    min-height:42px;
    padding:0 16px;
    font-size:12px;
  }

  .dmxHeroV60A{
    padding:42px 24px 46px;
    min-height:auto;
    overflow:visible;
  }

  .dmxHeroV60A__inner{
    width:min(1120px,100%);
    grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);
    gap:clamp(28px,4vw,52px);
    align-items:center;
  }

  .dmxEyebrowV60A{
    margin-bottom:14px;
    padding:7px 11px;
    font-size:11px;
  }

  .dmxHeroV60A h1{
    max-width:620px;
    font-size:clamp(38px,3.9vw,50px);
    line-height:1.045;
  }

  .dmxHeroV60A h1 span{
    margin-top:5px;
  }

  .dmxHeroV60A__lead{
    max-width:560px;
    margin-top:16px;
    font-size:15px;
    line-height:1.42;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .dmxHeroV60A__actions{
    margin-top:20px;
    gap:10px;
  }

  .dmxHeroV60A .dmxActionV60A{
    min-height:50px;
    padding:0 19px;
    font-size:12px;
  }

  .dmxHeroV60A__micro{
    display:none;
  }

  .dmxHeroMissionV60A--photoV60T{
    height:500px;
    min-height:0;
    overflow:hidden;
    align-self:center;
  }

  .dmxHeroPhotoV60T{
    width:min(100%,500px);
    height:100%;
    min-height:0;
    overflow:hidden;
    place-items:start center;
  }

  .dmxHeroPhotoV60T img{
    width:min(100%,470px);
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:50% 0;
  }

  .dmxHeroPhotoV60T figcaption{
    display:none;
  }

  .dmxFactsV60A{
    padding-top:28px;
  }
}

@media(min-width:1181px) and (max-width:1440px) and (max-height:820px){
  .dmxHeroV60A{
    padding-top:34px;
    padding-bottom:38px;
  }

  .dmxHeroV60A h1{
    max-width:590px;
    font-size:clamp(35px,3.55vw,46px);
  }

  .dmxHeroV60A__lead{
    max-width:530px;
    margin-top:13px;
    font-size:14px;
    line-height:1.34;
  }

  .dmxHeroV60A__actions{
    margin-top:17px;
  }

  .dmxHeroMissionV60A--photoV60T{
    height:445px;
  }

  .dmxHeroPhotoV60T{
    width:min(100%,455px);
  }

  .dmxHeroPhotoV60T img{
    width:min(100%,430px);
  }
}
/* DMX_V61C_LARGE_TABLET_HERO_FIT_END */

/* DMX_V61J_ANDROID_CHROME_FIRST_SCREEN_START
   Móvil real con barras de navegador: compacta el hero para que ambos CTAs sean visibles sin recortar la parte superior de la foto. */
@media(max-width:620px) and (max-height:900px){
  .dmxHeroV60A{
    min-height:auto;
    padding:9px 14px 10px;
    overflow:hidden;
  }

  .dmxHeroV60A__inner{
    position:relative;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto minmax(0,1fr);
    gap:6px;
    height:calc(100vh - 150px);
    min-height:calc(100vh - 150px);
    max-height:calc(100vh - 150px);
    overflow:hidden;
  }

  @supports(height:100dvh){
    .dmxHeroV60A__inner{
      height:calc(100dvh - 150px);
      min-height:calc(100dvh - 150px);
      max-height:calc(100dvh - 150px);
    }
  }

  .dmxHeroV60A h1{
    width:min(100%,326px);
    max-width:326px;
    margin:2px auto 0;
    font-size:clamp(22px,5.8vw,28px);
    line-height:1.04;
  }

  .dmxHeroV60A__lead{
    width:min(100%,306px);
    max-width:306px;
    font-size:13px;
    line-height:1.24;
    -webkit-line-clamp:2;
  }

  .dmxHeroMissionV60A--photoV60T{
    grid-row:3;
    align-self:stretch;
    justify-self:center;
    width:min(100%,330px);
    height:100%;
    min-height:0;
    max-height:none;
    overflow:hidden;
  }

  .dmxHeroPhotoV60T{
    height:100%;
    min-height:0;
    overflow:hidden;
    place-items:start center;
  }

  .dmxHeroPhotoV60T img{
    width:min(66vw,250px);
    max-width:none;
    height:auto;
    object-fit:contain;
    object-position:50% 0;
  }

  .dmxHeroPhotoV60T:before{
    height:68%;
    background:linear-gradient(180deg,rgba(247,252,255,0) 0%,rgba(247,252,255,.9) 45%,rgba(247,252,255,.99) 100%);
  }

  .dmxHeroPhotoV60T figcaption{
    display:none;
  }

  .dmxHeroV60A__actions{
    position:absolute;
    left:50%;
    bottom:calc(8px + env(safe-area-inset-bottom));
    transform:translateX(-50%);
    z-index:12;
    width:min(100%,292px);
    gap:7px;
    margin:0;
    padding-bottom:0;
  }

  .dmxHeroV60A .dmxActionV60A--primary{
    min-height:48px;
  }

  .dmxHeroV60A .dmxActionV60A--secondary{
    display:inline-flex;
    min-height:42px;
    font-size:12px;
  }
}

@media(max-width:620px) and (max-height:790px){
  .dmxHeroV60A{
    padding-top:7px;
    padding-bottom:8px;
  }

  .dmxHeroV60A__inner{
    gap:5px;
    height:calc(100vh - 142px);
    min-height:calc(100vh - 142px);
    max-height:calc(100vh - 142px);
  }

  @supports(height:100dvh){
    .dmxHeroV60A__inner{
      height:calc(100dvh - 142px);
      min-height:calc(100dvh - 142px);
      max-height:calc(100dvh - 142px);
    }
  }

  .dmxHeroV60A h1{
    width:min(100%,308px);
    max-width:308px;
    font-size:clamp(20px,5.6vw,25px);
    line-height:1.03;
  }

  .dmxHeroV60A__lead{
    width:min(100%,286px);
    max-width:286px;
    font-size:12px;
    line-height:1.2;
    -webkit-line-clamp:1;
  }

  .dmxHeroMissionV60A--photoV60T{
    width:min(100%,310px);
  }

  .dmxHeroPhotoV60T img{
    width:min(60vw,225px);
  }

  .dmxHeroPhotoV60T:before{
    height:72%;
  }

  .dmxHeroV60A__actions{
    width:min(100%,286px);
    bottom:calc(7px + env(safe-area-inset-bottom));
  }

  .dmxHeroV60A .dmxActionV60A--primary{
    min-height:46px;
  }

  .dmxHeroV60A .dmxActionV60A--secondary{
    min-height:40px;
  }
}

@media(max-width:370px) and (max-height:790px){
  .dmxHeroV60A h1{
    width:min(100%,292px);
    max-width:292px;
    font-size:20px;
  }

  .dmxHeroV60A__lead{
    display:none;
  }

  .dmxHeroPhotoV60T img{
    width:min(58vw,210px);
  }

  .dmxHeroV60A__actions{
    width:min(100%,276px);
  }
}
/* DMX_V61J_ANDROID_CHROME_FIRST_SCREEN_END */

/* DMX_V61L_MOBILE_PHOTO_ZOOM_RESTORE_START
   Móvil Android: recupera protagonismo de la foto sin tocar PC y sin ocultar los CTAs de la primera pantalla. */
@media(max-width:620px) and (max-height:900px){
  .dmxHeroMissionV60A--photoV60T{
    width:min(100%,370px);
  }

  .dmxHeroPhotoV60T img{
    width:min(78vw,305px);
    object-fit:contain;
    object-position:50% 0;
  }

  .dmxHeroV60A__actions{
    bottom:calc(7px + env(safe-area-inset-bottom));
  }
}

@media(max-width:620px) and (max-height:790px){
  .dmxHeroMissionV60A--photoV60T{
    width:min(100%,350px);
  }

  .dmxHeroPhotoV60T img{
    width:min(74vw,280px);
  }

  .dmxHeroV60A h1{
    font-size:clamp(20px,5.4vw,24px);
  }

  .dmxHeroV60A__actions{
    bottom:calc(6px + env(safe-area-inset-bottom));
  }
}

@media(max-width:370px) and (max-height:790px){
  .dmxHeroPhotoV60T img{
    width:min(70vw,258px);
  }

  .dmxHeroV60A h1{
    font-size:19px;
  }
}
/* DMX_V61L_MOBILE_PHOTO_ZOOM_RESTORE_END */

/* DMX_V61N3_FACTS_REDESIGN_START
   Métricas de portada: más claridad visual en PC y móvil, con iconos Font Awesome y microcopy útil. */
.dmxFactsV60A{
  padding:0 24px 82px;
}

.dmxFactsV60A__inner{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  width:min(1140px,100%);
  padding:10px;
  border:1px solid rgba(205,222,237,.92);
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(247,252,255,.96) 55%,rgba(255,255,255,.98) 100%);
  box-shadow:0 26px 70px rgba(26,66,102,.11);
  overflow:visible;
}

.dmxFactsV60A article.dmxFactV61N3{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  min-height:118px;
  padding:22px 24px;
  border-radius:22px;
  transition:transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.dmxFactsV60A article.dmxFactV61N3:not(:last-child)::after{
  content:"";
  position:absolute;
  top:24px;
  right:0;
  bottom:24px;
  width:1px;
  background:linear-gradient(180deg,rgba(209,224,237,0),rgba(209,224,237,.95),rgba(209,224,237,0));
}

.dmxFactV61N3__icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:46px;
  height:46px;
  border-radius:16px;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.95),rgba(255,255,255,0) 42%),
    linear-gradient(135deg,#e8f9ff 0%,#dff5ec 100%);
  color:#1188c4;
  box-shadow:inset 0 0 0 1px rgba(31,132,188,.12),0 12px 24px rgba(34,104,145,.12);
}

.dmxFactV61N3__icon i{
  font-size:18px;
}

.dmxFactV61N3__copy{
  display:grid;
  gap:2px;
  min-width:0;
}

.dmxFactsV60A .dmxFactV61N3 strong{
  color:#0f82be;
  font-size:clamp(32px,3vw,43px);
  line-height:.96;
  font-weight:950;
  letter-spacing:0;
}

.dmxFactsV60A .dmxFactV61N3 span{
  color:#263b54;
  font-size:12px;
  font-weight:950;
  letter-spacing:.06em;
  line-height:1.15;
  text-transform:uppercase;
}

.dmxFactsV60A .dmxFactV61N3 small{
  display:block;
  color:#7a8ca0;
  font-size:12px;
  font-weight:750;
  line-height:1.28;
}

@media(hover:hover) and (pointer:fine){
  .dmxFactsV60A article.dmxFactV61N3:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.68);
    box-shadow:0 18px 34px rgba(27,72,112,.09);
  }
}

@media(max-width:860px){
  .dmxFactsV60A__inner{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:10px;
    border-radius:26px;
  }

  .dmxFactsV60A article.dmxFactV61N3{
    min-height:110px;
    padding:18px;
    background:rgba(255,255,255,.72);
    box-shadow:inset 0 0 0 1px rgba(211,225,237,.72);
  }

  .dmxFactsV60A article.dmxFactV61N3::after{
    display:none;
  }
}

@media(max-width:620px){
  .dmxFactsV60A{
    padding:18px 16px 56px;
  }

  .dmxFactsV60A__inner{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .dmxFactsV60A article.dmxFactV61N3{
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:10px;
    min-height:132px;
    padding:14px;
    border:1px solid rgba(209,224,237,.86);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,252,255,.92));
    box-shadow:0 14px 30px rgba(25,73,113,.08);
  }

  .dmxFactV61N3__icon{
    width:38px;
    height:38px;
    border-radius:13px;
  }

  .dmxFactV61N3__icon i{
    font-size:15px;
  }

  .dmxFactsV60A .dmxFactV61N3 strong{
    font-size:29px;
  }

  .dmxFactsV60A .dmxFactV61N3 span{
    font-size:10px;
    letter-spacing:.045em;
  }

  .dmxFactsV60A .dmxFactV61N3 small{
    font-size:10px;
    line-height:1.22;
  }
}

@media(max-width:360px){
  .dmxFactsV60A article.dmxFactV61N3{
    min-height:124px;
    padding:12px;
  }

  .dmxFactsV60A .dmxFactV61N3 strong{
    font-size:26px;
  }

  .dmxFactsV60A .dmxFactV61N3 small{
    font-size:9.5px;
  }
}
/* DMX_V61N3_FACTS_REDESIGN_END */

/* DMX_V61O_MOBILE_HIDE_TRUNCATED_HERO_LEAD_START
   En móviles compactos, el lead no se muestra cortado: se oculta y la foto sube al espacio disponible. */
@media(max-width:620px) and (max-height:900px){
  .dmxHeroV60A__inner{
    grid-template-rows:auto minmax(0,1fr);
  }

  .dmxHeroV60A__lead{
    display:none;
  }

  .dmxHeroMissionV60A--photoV60T,
  .dmxHeroV60A__actions{
    grid-row:2;
  }
}

@media(max-width:620px) and (min-height:901px){
  .dmxHeroV60A__lead{
    display:-webkit-box;
  }
}
/* DMX_V61O_MOBILE_HIDE_TRUNCATED_HERO_LEAD_END */

/* DMX_V61P_HERO_START_BUTTON_SOFT_SHADOW_START
   Reemplaza la sombra sólida tipo bloque del CTA principal por una elevación suave, conservando la animación de brillo. */
@keyframes dmxHeroDodoButtonGlowSoftV61P{
  0%, 70%, 100%{
    filter:brightness(1);
    box-shadow:0 14px 28px rgba(26,153,102,.18), 0 5px 12px rgba(32,70,56,.10);
  }
  8%{
    filter:brightness(1.11);
    box-shadow:0 17px 34px rgba(25,179,112,.24), 0 0 24px rgba(255,255,255,.52);
  }
  16%{
    filter:brightness(1);
    box-shadow:0 14px 28px rgba(26,153,102,.18), 0 5px 12px rgba(32,70,56,.10);
  }
}

.dmxHeroV60A .dmxActionV60A--primary{
  box-shadow:0 14px 28px rgba(26,153,102,.18), 0 5px 12px rgba(32,70,56,.10);
  animation-name:dmxHeroDodoButtonGlowSoftV61P;
}

@media(max-width:620px){
  .dmxHeroV60A .dmxActionV60A--primary{
    box-shadow:0 10px 22px rgba(26,153,102,.18), 0 3px 9px rgba(32,70,56,.10);
  }
}

@media (prefers-reduced-motion:reduce){
  .dmxHeroV60A .dmxActionV60A--primary{
    box-shadow:0 12px 24px rgba(26,153,102,.16), 0 4px 10px rgba(32,70,56,.09);
  }
}
/* DMX_V61P_HERO_START_BUTTON_SOFT_SHADOW_END */

/* DMX_V61Q_HOME_ENTRY_MOTION_START
   Entrada ligera: da vida al primer pantallazo sin bloquear interacción ni competir con la animación del CTA. */
@keyframes dmxHomeEnterLiftV61Q{
  from{
    opacity:0;
    transform:translate3d(0,16px,0);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@keyframes dmxHomeEnterNavV61Q{
  from{
    opacity:0;
    transform:translate3d(0,-10px,0);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@keyframes dmxHomeEnterPhotoV61Q{
  from{
    opacity:0;
    transform:translate3d(0,18px,0) scale(.985);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}

.dmxGuestNavV60A__inner,
.dmxHeroV60A h1,
.dmxHeroV60A__lead,
.dmxHeroMissionV60A--photoV60T,
.dmxHeroV60A__actions,
.dmxFactsV60A__inner{
  animation-duration:.58s;
  animation-timing-function:cubic-bezier(.22,.78,.28,1);
  animation-fill-mode:both;
  will-change:opacity,transform;
}

.dmxGuestNavV60A__inner{
  animation-name:dmxHomeEnterNavV61Q;
  animation-delay:.03s;
}

.dmxHeroV60A h1{
  animation-name:dmxHomeEnterLiftV61Q;
  animation-delay:.10s;
}

.dmxHeroV60A__lead{
  animation-name:dmxHomeEnterLiftV61Q;
  animation-delay:.16s;
}

.dmxHeroMissionV60A--photoV60T{
  animation-name:dmxHomeEnterPhotoV61Q;
  animation-delay:.20s;
}

.dmxHeroV60A__actions{
  animation-name:dmxHomeEnterLiftV61Q;
  animation-delay:.27s;
}

.dmxFactsV60A__inner{
  animation-name:dmxHomeEnterLiftV61Q;
  animation-delay:.34s;
}

@media(max-width:620px){
  .dmxGuestNavV60A__inner,
  .dmxHeroV60A h1,
  .dmxHeroV60A__lead,
  .dmxHeroMissionV60A--photoV60T,
  .dmxHeroV60A__actions,
  .dmxFactsV60A__inner{
    animation-duration:.48s;
  }

  .dmxHeroMissionV60A--photoV60T{
    animation-delay:.15s;
  }

  .dmxHeroV60A__actions{
    animation-delay:.22s;
  }

  .dmxFactsV60A__inner{
    animation-delay:.28s;
  }
}

@media (prefers-reduced-motion:reduce){
  .dmxGuestNavV60A__inner,
  .dmxHeroV60A h1,
  .dmxHeroV60A__lead,
  .dmxHeroMissionV60A--photoV60T,
  .dmxHeroV60A__actions,
  .dmxFactsV60A__inner{
    animation:none;
    opacity:1;
    transform:none;
    will-change:auto;
  }
}
/* DMX_V61Q_HOME_ENTRY_MOTION_END */

/* DMX_V61R_SCROLL_REVEAL_MOTION_START
   La animación de entrada se activa cuando cada bloque aparece en pantalla. Sin JS, el contenido queda visible. */
.dmxGuestHomeV60A.dmxRevealReadyV61R .dmxRevealV61R{
  opacity:0;
  transform:translate3d(0,16px,0);
  animation:none !important;
  transition:
    opacity .58s cubic-bezier(.22,.78,.28,1),
    transform .58s cubic-bezier(.22,.78,.28,1);
  transition-delay:var(--dmx-reveal-delay,0ms);
  will-change:opacity,transform;
}

.dmxGuestHomeV60A.dmxRevealReadyV61R .dmxRevealV61R[data-dmx-reveal-kind="nav"]{
  transform:translate3d(0,-10px,0);
}

.dmxGuestHomeV60A.dmxRevealReadyV61R .dmxRevealV61R[data-dmx-reveal-kind="photo"]{
  transform:translate3d(0,18px,0) scale(.985);
}

.dmxGuestHomeV60A.dmxRevealReadyV61R .dmxRevealV61R.dmxRevealV61R--in{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}

.dmxGuestHomeV60A.dmxRevealReadyV61R .dmxRevealV61R.dmxRevealV61R--done{
  will-change:auto;
}

@media(max-width:620px){
  .dmxGuestHomeV60A.dmxRevealReadyV61R .dmxRevealV61R{
    transition-duration:.48s;
  }
}

@media (prefers-reduced-motion:reduce){
  .dmxGuestHomeV60A.dmxRevealReadyV61R .dmxRevealV61R{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
    will-change:auto;
  }
}
/* DMX_V61R_SCROLL_REVEAL_MOTION_END */