: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{
    /* V61S: misma lógica V60Y; foto y CTA comparten fila y el grid centra el CTA. */
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    transform:none;
    grid-row:3;
    align-self:end;
    justify-self:center;
    z-index:12;
    width:min(100%,292px);
    gap:7px;
    margin:0 auto calc(8px + env(safe-area-inset-bottom));
    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);
    margin-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{
    margin-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{
    margin-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_V61W_MOBILE_HIDE_HERO_LEAD_ALL_HEIGHTS_START
   El lead se conserva en HTML y escritorio, pero se oculta en todos los móviles para evitar truncamiento. */
@media(max-width:620px){
  .dmxHeroV60A__inner{
    grid-template-rows:auto minmax(0,1fr);
  }

  .dmxHeroV60A__lead{
    display:none;
  }

  .dmxHeroMissionV60A--photoV60T,
  .dmxHeroV60A__actions{
    grid-row:2;
  }
}
/* DMX_V61W_MOBILE_HIDE_HERO_LEAD_ALL_HEIGHTS_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 */


/* DMX_V61Y_UNIFIED_MOBILE_HERO_START
   Una sola composición para todo móvil. La altura disponible nunca reduce
   el titular ni cambia la escala del mecánico: únicamente recorta su parte
   inferior dentro de la fila visual y bajo el degradado de los botones. */
@media(max-width:620px){
  .dmxGuestHomeV60A .dmxHeroV60A{
    min-height:auto;
    padding:9px 14px 10px;
    overflow:hidden;
  }

  .dmxGuestHomeV60A .dmxHeroV60A__inner{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
    justify-items:center;
    align-content:stretch;
    gap:10px;
    width:100%;
    height:calc(100vh - 150px);
    min-height:calc(100vh - 150px);
    max-height:calc(100vh - 150px);
    overflow:hidden;
  }

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

  .dmxGuestHomeV60A .dmxHeroV60A h1{
    grid-column:1;
    grid-row:1;
    align-self:end;
    justify-self:center;
    width:min(100%,345px);
    max-width:345px;
    margin:5px auto 0;
    font-size:clamp(26px,7.8vw,35px);
    line-height:1.08;
    letter-spacing:0;
    text-align:center;
  }

  .dmxGuestHomeV60A .dmxHeroV60A h1 span{
    display:block;
    margin-top:4px;
  }

  .dmxGuestHomeV60A .dmxHeroV60A__lead{
    display:none;
  }

  .dmxGuestHomeV60A .dmxHeroMissionV60A--photoV60T{
    grid-column:1;
    grid-row:2;
    align-self:stretch;
    justify-self:center;
    width:min(100%,370px);
    height:100%;
    min-height:0;
    max-height:none;
    padding:0;
    overflow:hidden;
    isolation:isolate;
  }

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

  .dmxGuestHomeV60A .dmxHeroPhotoV60T img{
    position:relative;
    top:auto;
    z-index:1;
    display:block;
    width:min(78vw,305px);
    max-width:none;
    max-height:none;
    height:auto;
    margin-top:clamp(12px,2vh,18px);
    object-fit:contain;
    object-position:50% 0;
    -webkit-mask-image:none;
    mask-image:none;
    filter:drop-shadow(0 26px 38px rgba(35,70,102,.17));
  }

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

  .dmxGuestHomeV60A .dmxHeroPhotoV60T:after{
    display:none;
  }

  .dmxGuestHomeV60A .dmxHeroPhotoV60T figcaption{
    display:none;
  }

  .dmxGuestHomeV60A .dmxHeroV60A__actions{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    grid-column:1;
    grid-row:2;
    align-self:end;
    justify-self:center;
    z-index:12;
    width:min(100%,292px);
    gap:7px;
    margin:0 auto calc(7px + env(safe-area-inset-bottom));
    padding-bottom:0;
    transform:none;
  }

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

  .dmxGuestHomeV60A .dmxHeroV60A .dmxActionV60A--secondary{
    display:inline-flex;
    width:100%;
    min-height:42px;
    font-size:12px;
  }
}
/* DMX_V61Y_UNIFIED_MOBILE_HERO_END */


/* DMX_V61Z_MOBILE_TITLE_NORMALIZATION_START
   El titular conserva la geometría visual de Pixel 7 en todos los móviles.
   Se neutraliza el autoajuste de texto y ninguna regla de altura puede reducirlo. */
@media(max-width:620px){
  .dmxGuestHomeV60A .dmxHeroV60A h1{
    width:min(100%,345px)!important;
    min-width:0!important;
    max-width:345px!important;
    font-size:clamp(28px,8vw,32px)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-wrap:balance;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }

  .dmxGuestHomeV60A .dmxHeroV60A h1 span{
    display:block!important;
    width:100%;
    margin-top:4px!important;
    font-size:inherit!important;
    line-height:inherit!important;
    text-wrap:balance;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
}
/* DMX_V61Z_MOBILE_TITLE_NORMALIZATION_END */


/* DMX_V62A_MOBILE_PHOTO_FINISH_START
   El modelo baja ligeramente y crece un 5 %, manteniendo margen lateral.
   El desvanecido pertenece a la propia imagen para eliminar su borde inferior. */
@media(max-width:620px){
  .dmxGuestHomeV60A .dmxHeroPhotoV60T img{
    width:min(82vw,320px);
    max-width:calc(100% - 24px);
    margin-top:clamp(24px,2.8vh,28px);
    -webkit-mask-image:linear-gradient(
      to bottom,
      #000 0%,
      #000 78%,
      rgba(0,0,0,.98) 82%,
      rgba(0,0,0,.72) 90%,
      transparent 100%
    );
    mask-image:linear-gradient(
      to bottom,
      #000 0%,
      #000 78%,
      rgba(0,0,0,.98) 82%,
      rgba(0,0,0,.72) 90%,
      transparent 100%
    );
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
  }
}
/* DMX_V62A_MOBILE_PHOTO_FINISH_END */


/* DMX_V62B_SHORT_MOBILE_BALANCE_START
   En móviles de hasta 700px de alto se reduce ligeramente la foto y se
   aprovecha el espacio inferior para bajar los CTAs sin reducir el titular. */
@media(max-width:620px) and (max-height:700px){
  .dmxGuestHomeV60A .dmxHeroV60A__inner{
    height:calc(100vh - 122px);
    min-height:calc(100vh - 122px);
    max-height:calc(100vh - 122px);
  }

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

  .dmxGuestHomeV60A .dmxHeroPhotoV60T img{
    width:min(78vw,305px);
    max-width:calc(100% - 24px);
  }

  .dmxGuestHomeV60A .dmxHeroV60A__actions{
    margin-bottom:calc(2px + env(safe-area-inset-bottom));
  }
}
/* DMX_V62B_SHORT_MOBILE_BALANCE_END */


/* DMX_V62C_SHORT_MOBILE_PHOTO_UP_START
   Aprovecha el espacio entre el titular y la foto en móviles bajos.
   Mantiene intactos el tamaño del modelo y la posición de los CTAs. */
@media(max-width:620px) and (max-height:700px){
  .dmxGuestHomeV60A .dmxHeroPhotoV60T img{
    margin-top:clamp(4px,1vh,7px);
  }
}
/* DMX_V62C_SHORT_MOBILE_PHOTO_UP_END */


/* DMX_V62D_EXTRA_TALL_MOBILE_BALANCE_START
   Conserva intacta la composición de Pixel 7 y iPhone 16.
   Cuando la pantalla aporta altura desproporcionada, limita la expansión
   de la segunda fila para mantener los CTAs cerca del final del modelo. */
@media(max-width:620px) and (min-height:701px){
  .dmxGuestHomeV60A .dmxHeroV60A__inner{
    height:min(
      calc(100vh - 150px),
      calc(145vw + 170px),
      1040px
    );
    min-height:min(
      calc(100vh - 150px),
      calc(145vw + 170px),
      1040px
    );
    max-height:min(
      calc(100vh - 150px),
      calc(145vw + 170px),
      1040px
    );
  }

  @supports(height:100dvh){
    .dmxGuestHomeV60A .dmxHeroV60A__inner{
      height:min(
        calc(100dvh - 150px),
        calc(145vw + 170px),
        1040px
      );
      min-height:min(
        calc(100dvh - 150px),
        calc(145vw + 170px),
        1040px
      );
      max-height:min(
        calc(100dvh - 150px),
        calc(145vw + 170px),
        1040px
      );
    }
  }
}
/* DMX_V62D_EXTRA_TALL_MOBILE_BALANCE_END */


/* DMX_V62E_MOBILE_SECONDARY_SHADOW_SEAM_FIX_START
   El botón conserva borde y fondo; se elimina únicamente la sombra móvil
   cuyo desenfoque era recortado por el final del grid y formaba una línea. */
@media(max-width:620px){
  .dmxGuestHomeV60A .dmxHeroV60A .dmxActionV60A--secondary{
    box-shadow:none;
  }
}
/* DMX_V62E_MOBILE_SECONDARY_SHADOW_SEAM_FIX_END */


/* DMX_V62F_TESTIMONIALS_START */
.dmxTestimonialsV62F{
  position:relative;
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:105px 0;
}

.dmxTestimonialsV62F__top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
}

.dmxTestimonialsV62F .dmxSectionHeadV60A{
  width:min(100%,760px);
  margin:0;
}

.dmxTestimonialsV62F__intro{
  max-width:650px;
  margin:18px 0 0;
  color:#718298;
  font-size:17px;
  line-height:1.65;
}

.dmxTestimonialsV62F__controls{
  display:flex;
  flex:0 0 auto;
  gap:10px;
  padding-bottom:4px;
}

.dmxTestimonialsV62F__controls[hidden]{
  display:none;
}

.dmxTestimonialsV62F__controls button{
  display:inline-grid;
  place-items:center;
  width:46px;
  height:46px;
  padding:0;
  border:1px solid #d9e7f2;
  border-radius:15px;
  background:#fff;
  color:#37516e;
  box-shadow:0 10px 25px rgba(39,76,109,.08);
  cursor:pointer;
  transition:
    color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.dmxTestimonialsV62F__controls button:hover:not(:disabled){
  border-color:#8fd9ed;
  color:#0d91cf;
  box-shadow:0 14px 30px rgba(31,132,184,.13);
  transform:translateY(-2px);
}

.dmxTestimonialsV62F__controls button:disabled{
  cursor:default;
  opacity:.38;
  box-shadow:none;
}

.dmxTestimonialsV62F__controls button:focus-visible,
.dmxTestimonialsV62F__track:focus-visible{
  outline:3px solid rgba(14,165,233,.25);
  outline-offset:3px;
}

.dmxTestimonialsV62F__track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 48px)/3);
  grid-template-rows:1fr;
  align-items:stretch;
  gap:24px;
  margin:34px -4px 0;
  padding:6px 4px 18px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:4px;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(72,116,151,.28) transparent;
  -webkit-overflow-scrolling:touch;
}

.dmxTestimonialsV62F__track::-webkit-scrollbar{
  height:6px;
}

.dmxTestimonialsV62F__track::-webkit-scrollbar-track{
  background:transparent;
}

.dmxTestimonialsV62F__track::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(72,116,151,.24);
}

.dmxTestimonialsV62F__card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:390px;
  padding:25px;
  overflow:hidden;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  border:1px solid #dce8f2;
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,rgba(72,201,229,.10),transparent 36%),
    linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 16px 44px rgba(38,72,104,.08);
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.dmxTestimonialsV62F__card:hover{
  border-color:#c8e2ef;
  box-shadow:0 20px 48px rgba(38,90,126,.12);
  transform:translateY(-3px);
}

.dmxTestimonialsV62F__author{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:14px;
}

.dmxTestimonialsV62F__avatar{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:17px;
  background:#e0e7ff;
  color:#3730a3;
  font-size:15px;
  font-weight:950;
  letter-spacing:.035em;
}

.dmxTestimonialsV62F__avatar--green{
  background:#dcfce7;
  color:#15803d;
}

.dmxTestimonialsV62F__avatar--pink{
  background:#fce7f3;
  color:#9d174d;
}

.dmxTestimonialsV62F__avatar--amber{
  background:#fef3c7;
  color:#b45309;
}

.dmxTestimonialsV62F__avatar--teal{
  background:#ccfbf1;
  color:#0f766e;
}

.dmxTestimonialsV62F__avatar--blue{
  background:#e0f2fe;
  color:#0369a1;
}

.dmxTestimonialsV62F__avatar--purple{
  background:#fae8ff;
  color:#86198f;
}

.dmxTestimonialsV62F__avatar--red{
  background:#fee2e2;
  color:#991b1b;
}

.dmxTestimonialsV62F__avatar--slate{
  background:#f1f5f9;
  color:#334155;
}

.dmxTestimonialsV62F__avatar--emerald{
  background:#d1fae5;
  color:#065f46;
}

.dmxTestimonialsV62F__name{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  color:#172b45;
  font-size:16px;
  font-weight:900;
  line-height:1.3;
}

.dmxTestimonialsV62F__country{
  font-size:17px;
  line-height:1;
}

.dmxTestimonialsV62F__stars{
  margin:0 0 13px;
  color:#f5a623;
  font-size:17px;
  line-height:1;
  letter-spacing:2px;
}

.dmxTestimonialsV62F__card h3{
  margin:0 0 12px;
  color:#172b45;
  font-size:18px;
  font-weight:950;
  line-height:1.32;
}

.dmxTestimonialsV62F__card blockquote{
  margin:0;
  color:#62758c;
  font-size:14px;
  line-height:1.68;
}

.dmxTestimonialsV62F__card blockquote p{
  margin:0;
}

.dmxTestimonialsV62F__card blockquote strong{
  color:#38536f;
  font-weight:900;
}

.dmxTestimonialsV62F__card footer{
  margin-top:auto;
  padding-top:18px;
  color:#8a9aad;
  font-size:12px;
  font-weight:750;
}

.dmxTestimonialsV62F__hint{
  margin:8px 0 0;
  color:#8b9caf;
  font-size:12px;
  font-weight:750;
  text-align:right;
}

@media(max-width:860px){
  .dmxTestimonialsV62F__track{
    grid-auto-columns:calc((100% - 18px)/2);
    gap:18px;
  }
}

@media(max-width:620px){
  .dmxTestimonialsV62F{
    width:min(100% - 32px,430px);
    padding:72px 0;
  }

  .dmxTestimonialsV62F__top{
    display:block;
  }

  .dmxTestimonialsV62F__intro{
    margin-top:14px;
    font-size:15px;
    line-height:1.55;
  }

  .dmxTestimonialsV62F__controls{
    justify-content:flex-end;
    margin-top:18px;
    padding:0;
  }

  .dmxTestimonialsV62F__controls button{
    width:43px;
    height:43px;
    border-radius:14px;
  }

  .dmxTestimonialsV62F__track{
    grid-auto-columns:min(86vw,340px);
    gap:14px;
    margin-top:24px;
    padding-bottom:14px;
  }

  .dmxTestimonialsV62F__card{
    min-height:395px;
    padding:22px;
    border-radius:22px;
  }

  .dmxTestimonialsV62F__card:hover{
    transform:none;
  }

  .dmxTestimonialsV62F__hint{
    margin-top:9px;
    text-align:left;
  }
}

@media(max-width:380px){
  .dmxTestimonialsV62F__track{
    grid-auto-columns:calc(100vw - 52px);
  }
}

@media(prefers-reduced-motion:reduce){
  .dmxTestimonialsV62F__track{
    scroll-behavior:auto;
  }

  .dmxTestimonialsV62F__card,
  .dmxTestimonialsV62F__controls button{
    transition:none;
  }
}
/* DMX_V62F_TESTIMONIALS_END */


/* DMX_V62G_TESTIMONIAL_MARQUEE_START */
.dmxTestimonialsV62F__track[data-dmx-marquee-state="running"]{
  scroll-behavior:auto;
  scroll-snap-type:none;
  scrollbar-color:transparent transparent;
}

.dmxTestimonialsV62F__track[data-dmx-marquee-state="running"]::-webkit-scrollbar-thumb{
  background:transparent;
}

.dmxTestimonialsV62F__card--clone{
  pointer-events:none;
}

@media(prefers-reduced-motion:reduce){
  .dmxTestimonialsV62F__track[data-dmx-marquee-state="running"]{
    scroll-behavior:auto;
    scroll-snap-type:x mandatory;
  }
}
/* DMX_V62G_TESTIMONIAL_MARQUEE_END */

/* DMX_V62K_MOBILE_MECHANICS_GRID_START
   Las cuatro tarjetas se distribuyen en una matriz 2x2 en móvil.
   Se compacta únicamente esta sección y sus iconos mantienen la alineación izquierda original. */
@media(max-width:620px){
  .dmxGuestHomeV60A .dmxMechanicsV60A{
    padding-right:12px;
    padding-left:12px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:10px;
    margin-top:34px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article{
    min-width:0;
    min-height:0;
    padding:18px 12px 20px;
    border-radius:18px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__icon{
    width:48px;
    height:48px;
    margin:0 0 16px;
    border-radius:15px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article > strong{
    display:block;
    font-size:14px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article > h3{
    margin:12px 0 10px;
    font-size:16px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article > p{
    margin:0;
    font-size:12px;
    line-height:1.5;
    overflow-wrap:anywhere;
  }
}
/* DMX_V62K_MOBILE_MECHANICS_GRID_END */

/* DMX_V62M_ROADMAP_LEVEL_ACCORDION_START
   Acordeón estable para portada visitante.
   PC/tablet: dos niveles por fila y panel abierto a ancho completo.
   Móvil: una sola columna.
   Sin enlaces hacia contenido interno del curso. */

.dmxRoadmapV60A__grid[data-dmx-roadmap-accordion]{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  width:min(1120px,100%);
  margin:0 auto;
}

.dmxLevelPairV62M{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:start;
  min-width:0;
}

.dmxLevelPairV62M > .dmxLevelAccordionV62L{
  display:contents;
}

.dmxLevelPairV62M > .dmxLevelAccordionV62L:nth-child(1) > .dmxLevelV60A{
  grid-column:1;
  grid-row:1;
}

.dmxLevelPairV62M > .dmxLevelAccordionV62L:nth-child(2) > .dmxLevelV60A{
  grid-column:2;
  grid-row:1;
}

.dmxLevelAccordionV62L > .dmxLevelV60A{
  width:100%;
  min-width:0;
  min-height:78px;
  grid-template-columns:46px minmax(0,1fr) auto 32px;
  align-items:center;
  gap:14px;
  margin:0;
  padding:16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:17px;
  background:rgba(255,255,255,.045);
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:
    border-color .2s ease,
    background-color .2s ease,
    box-shadow .2s ease;
}

.dmxLevelAccordionV62L > .dmxLevelV60A:hover{
  border-color:rgba(90,211,232,.24);
  background:rgba(255,255,255,.065);
}

.dmxLevelAccordionV62L > .dmxLevelV60A:focus-visible{
  outline:3px solid rgba(90,211,232,.32);
  outline-offset:3px;
}

.dmxLevelAccordionV62L.is-open > .dmxLevelV60A{
  border-color:rgba(90,211,232,.34);
  border-radius:17px 17px 0 0;
  background:rgba(255,255,255,.075);
  box-shadow:0 12px 28px rgba(2,15,28,.12);
}

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

.dmxLevelV62L__copy{
  display:block;
  min-width:0;
}

.dmxLevelV62L__copy > .dmxLevelV62L__eyebrow{
  display:block;
  color:#6fa2bc;
  font-size:8px;
  font-weight:950;
  line-height:1.25;
}

.dmxLevelV62L__copy > .dmxLevelV62L__title{
  display:block;
  margin-top:4px;
  color:#e8f1f7;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
}

.dmxLevelV62L__copy > small{
  display:block;
  margin-top:5px;
  color:#7799ae;
  font-size:10px;
  font-weight:750;
  line-height:1.25;
}

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

.dmxLevelAccordionV62L > .dmxLevelV60A--first .dmxLevelV60A__number{
  color:#70d7bd;
}

.dmxLevelV62L__toggle{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  color:#8eb4c9;
  font-size:11px;
  transition:
    transform .22s ease,
    color .22s ease,
    background-color .22s ease;
}

.dmxLevelAccordionV62L.is-open .dmxLevelV62L__toggle{
  transform:rotate(180deg);
  color:#5ad3e8;
  background:rgba(90,211,232,.09);
}

.dmxLevelPairV62M > .dmxLevelAccordionV62L > .dmxLevelV62L__panel{
  grid-column:1 / -1;
  grid-row:2;
  width:100%;
  min-width:0;
  padding:18px;
  border:1px solid rgba(90,211,232,.22);
  border-top:0;
  border-radius:0 0 17px 17px;
  background:linear-gradient(180deg,rgba(16,40,63,.98),rgba(12,34,54,.98));
  box-shadow:0 18px 40px rgba(1,13,25,.14);
  animation:dmxLevelPanelEnterV62M .22s ease both;
}

.dmxLevelV62L__panel[hidden]{
  display:none!important;
}

@keyframes dmxLevelPanelEnterV62M{
  from{
    opacity:0;
    transform:translateY(-5px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.dmxLevelV62L__panelHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.dmxLevelV62L__panelHead > div{
  min-width:0;
}

.dmxLevelV62L__panelHead span{
  display:block;
  color:#56c8e3;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}

.dmxLevelV62L__panelHead strong{
  display:block;
  margin-top:4px;
  color:#e8f1f7;
  font-size:13px;
}

.dmxLevelV62L__panelHead > i{
  color:#5ad3e8;
  font-size:17px;
}

.dmxLevelV62L__stages{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}

.dmxLevelV62L__stages li{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:9px 8px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:11px;
  background:rgba(255,255,255,.035);
  color:#abc0cf;
  font-size:10px;
  font-weight:800;
}

.dmxLevelV62L__stageNumber{
  display:grid;
  flex:0 0 24px;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:8px;
  background:rgba(90,211,232,.10);
  color:#67d4e8;
  font-size:9px;
  font-weight:950;
}

@media(max-width:620px){
  .dmxLevelPairV62M{
    display:block;
  }

  .dmxLevelPairV62M > .dmxLevelAccordionV62L{
    display:block;
    min-width:0;
    margin-top:10px;
  }

  .dmxLevelPairV62M > .dmxLevelAccordionV62L:first-child{
    margin-top:0;
  }

  .dmxLevelPairV62M > .dmxLevelAccordionV62L > .dmxLevelV60A{
    width:100%;
    grid-template-columns:42px minmax(0,1fr) auto 30px;
    gap:10px;
    min-height:76px;
    padding:13px;
  }

  .dmxLevelV62L__copy > .dmxLevelV62L__title{
    font-size:12px;
  }

  .dmxLevelV62L__copy > small{
    font-size:9px;
  }

  .dmxLevelPairV62M > .dmxLevelAccordionV62L > .dmxLevelV62L__panel{
    width:100%;
    padding:15px 13px 16px;
  }

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

  .dmxLevelV62L__stages li{
    padding:8px;
  }
}

@media(prefers-reduced-motion:reduce){
  .dmxLevelAccordionV62L > .dmxLevelV60A,
  .dmxLevelV62L__toggle{
    transition:none;
  }

  .dmxLevelV62L__panel{
    animation:none!important;
  }
}
/* DMX_V62M_ROADMAP_LEVEL_ACCORDION_END */

/* DMX_V62N_REAL_STAGE_NAMES_AND_PANEL_SEAM_FIX_START */

/* El panel está separado 10px de las tarjetas superiores, por lo que debe
   poseer su propio borde completo; border-top:0 producía el corte visible. */
.dmxLevelPairV62M > .dmxLevelAccordionV62L > .dmxLevelV62L__panel{
  border-top:1px solid rgba(90,211,232,.22);
  border-radius:17px;
}

/* Al estar separado del panel, el botón abierto conserva sus cuatro esquinas. */
.dmxLevelAccordionV62L.is-open > .dmxLevelV60A{
  border-radius:17px;
}

/* Los nombres reales pueden ser más largos que "Etapa N". */
.dmxLevelV62L__stages li{
  min-height:52px;
}

.dmxLevelV62L__stages li > span:last-child{
  min-width:0;
  line-height:1.35;
  overflow-wrap:anywhere;
}

@media(max-width:620px){
  .dmxLevelV62L__stages li{
    min-height:48px;
  }
}
/* DMX_V62N_REAL_STAGE_NAMES_AND_PANEL_SEAM_FIX_END */

/* DMX_V62O_ACTIVE_LEVEL_HIGHLIGHT_FIX_START
   El Nivel 1 ya no queda resaltado permanentemente.
   Solo aria-expanded=true identifica visualmente el nivel abierto. */

/* Neutralizar el estilo histórico --first mientras Nivel 1 esté cerrado. */
.dmxLevelAccordionV62L > .dmxLevelV60A--first[aria-expanded="false"]{
  border-color:rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  box-shadow:none;
}

.dmxLevelAccordionV62L > .dmxLevelV60A--first[aria-expanded="false"] .dmxLevelV60A__number{
  color:#9fc4d9;
}

/* Un único lenguaje visual para cualquier nivel actualmente abierto. */
.dmxLevelAccordionV62L > .dmxLevelV60A[aria-expanded="true"]{
  border-color:rgba(90,211,232,.42);
  background:rgba(90,211,232,.075);
  box-shadow:0 12px 28px rgba(2,15,28,.12);
}

.dmxLevelAccordionV62L > .dmxLevelV60A[aria-expanded="true"] .dmxLevelV60A__number{
  color:#67d4e8;
}

/* Mantener hover de Nivel 1 cerrado igual al resto. */
.dmxLevelAccordionV62L > .dmxLevelV60A--first[aria-expanded="false"]:hover{
  border-color:rgba(90,211,232,.24);
  background:rgba(255,255,255,.065);
}
/* DMX_V62O_ACTIVE_LEVEL_HIGHLIGHT_FIX_END */

/* DMX_V62P_ROADMAP_MOBILE_SPACE_FIX_START
   Ajuste exclusivo móvil:
   - menos aire arriba y abajo;
   - ocultar texto descriptivo en móvil;
   - sección full-bleed sin franjas laterales blancas. */
@media(max-width:620px){
  .dmxRoadmapV60A{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:24px 16px 14px;
    border-radius:0;
    overflow-x:clip;
  }

  .dmxRoadmapV60A__intro{
    gap:0;
    margin-bottom:12px;
  }

  .dmxRoadmapV60A .dmxSectionHeadV60A{
    gap:0;
  }

  .dmxRoadmapV60A .dmxSectionHeadV60A p,
  .dmxRoadmapV60A__intro p{
    display:none;
  }

  .dmxRoadmapV60A .dmxSectionHeadV60A h2{
    margin-bottom:0;
  }

  .dmxRoadmapV60A__grid[data-dmx-roadmap-accordion]{
    width:100%;
    gap:8px;
    margin:0;
  }

  .dmxRoadmapV60A .dmxLevelPairV62M{
    gap:8px;
  }
}
/* DMX_V62P_ROADMAP_MOBILE_SPACE_FIX_END */

/* DMX_V62Q_ROADMAP_MOBILE_FULLBLEED_REPAIR_START
   Corrige móvil sin tocar escritorio:
   - mantener padding interno visual;
   - pintar el fondo hasta el borde real del viewport;
   - reducir aire superior/inferior;
   - mantener oculta la descripción en móvil. */
@media(max-width:620px){
  .dmxRoadmapV60A{
    position:relative;
    isolation:isolate;
    width:auto;
    max-width:none;
    margin:0;
    padding:16px 0 8px;
    background:transparent;
    border-radius:0;
    overflow:visible;
  }

  .dmxRoadmapV60A::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:calc(50% - 50vw);
    right:calc(50% - 50vw);
    background:linear-gradient(180deg,#173255 0%, #173255 100%);
  }

  .dmxRoadmapV60A__intro,
  .dmxRoadmapV60A__grid[data-dmx-roadmap-accordion]{
    padding-left:16px;
    padding-right:16px;
  }

  .dmxRoadmapV60A__intro{
    gap:0;
    margin-bottom:10px;
  }

  .dmxRoadmapV60A .dmxSectionHeadV60A{
    gap:0;
  }

  .dmxRoadmapV60A .dmxSectionHeadV60A p,
  .dmxRoadmapV60A__intro p{
    display:none;
  }

  .dmxRoadmapV60A .dmxSectionHeadV60A h2{
    margin-bottom:0;
  }

  .dmxRoadmapV60A__grid[data-dmx-roadmap-accordion]{
    width:100%;
    gap:8px;
    margin:0;
  }

  .dmxRoadmapV60A .dmxLevelPairV62M{
    gap:8px;
  }
}
/* DMX_V62Q_ROADMAP_MOBILE_FULLBLEED_REPAIR_END */

/* DMX_V62R_ROADMAP_MOBILE_TRUE_FULLBLEED_START
   La portada principal tenía overflow:hidden y recortaba cualquier
   expansión del roadmap más allá del ancho de su contenedor.
   En móvil body ya controla el overflow-x, por lo que el main puede
   permitir el desborde y el roadmap ocupar exactamente 100vw. */
@media(max-width:620px){
  .dmxGuestHomeV60A{
    overflow:visible;
  }

  .dmxRoadmapV60A{
    position:relative;
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:16px 16px 8px;
    background:#173255;
    border-radius:0;
    overflow:visible;
  }

  /* El fondo ya pertenece al propio section a 100vw. */
  .dmxRoadmapV60A::before{
    display:none;
  }

  /* El margen interno queda en el section, no duplicado en los hijos. */
  .dmxRoadmapV60A__intro,
  .dmxRoadmapV60A__grid[data-dmx-roadmap-accordion]{
    padding-left:0;
    padding-right:0;
  }

  .dmxRoadmapV60A__grid[data-dmx-roadmap-accordion]{
    width:100%;
    max-width:none;
  }
}
/* DMX_V62R_ROADMAP_MOBILE_TRUE_FULLBLEED_END */

/* DMX_V62S_ROADMAP_MOBILE_MARGIN_POLISH_START
   Ajuste fino solo móvil:
   - más aire bajo el H2;
   - más aire al cierre inferior del roadmap. */
@media(max-width:620px){
  .dmxRoadmapV60A{
    padding-bottom:20px;
  }

  .dmxRoadmapV60A .dmxSectionHeadV60A h2{
    margin-bottom:10px;
  }
}
/* DMX_V62S_ROADMAP_MOBILE_MARGIN_POLISH_END */

/* DMX_V62T_CENTERED_INTERACTIVE_DEMO_START
   Se elimina la columna explicativa y se centra únicamente la demo.
   La tarjeta conserva intactos su min-height, padding, contenido y controles. */
.dmxDemoV60A__layout{
  display:block;
  width:min(630px,100%);
  margin:58px auto 0;
}

.dmxDemoV60A__layout > .dmxQuizV60A{
  width:100%;
  margin:0 auto;
}
/* DMX_V62T_CENTERED_INTERACTIVE_DEMO_END */

/* DMX_V62U_DEMO_MOBILE_COPY_CLEANUP_START
   En móvil se oculta únicamente el párrafo descriptivo de la cabecera.
   El H2 y la tarjeta interactiva conservan su geometría. */
@media(max-width:620px){
  .dmxDemoV60A > .dmxSectionHeadV60A > p{
    display:none;
  }
}
/* DMX_V62U_DEMO_MOBILE_COPY_CLEANUP_END */

/* DMX_V62V_DEMO_MOBILE_HEADING_SCALE_START
   El titular de la demo recupera protagonismo en móvil.
   No afecta tablet ni escritorio. */
@media(max-width:620px){
  .dmxDemoV60A > .dmxSectionHeadV60A > h2{
    width:min(100%,340px);
    margin:0 auto 22px;
    font-size:clamp(30px,9vw,36px);
    line-height:1.05;
    letter-spacing:-.025em;
    text-align:center;
    text-wrap:balance;
  }

  .dmxDemoV60A > .dmxSectionHeadV60A > h2 > span{
    display:block;
    margin-top:4px;
    font-size:inherit;
    line-height:inherit;
  }
}
/* DMX_V62V_DEMO_MOBILE_HEADING_SCALE_END */

/* DMX_V62W_DEMO_MOBILE_HEADING_LARGE_START
   Titular móvil deliberadamente protagonista.
   Sobrescribe V62V únicamente por debajo de 620px. */
@media(max-width:620px){
  .dmxDemoV60A > .dmxSectionHeadV60A > h2{
    width:min(100%,400px);
    max-width:400px;
    margin:0 auto 30px;
    font-size:clamp(42px,11vw,48px);
    line-height:1.02;
    letter-spacing:-.035em;
    text-align:center;
    text-wrap:balance;
  }

  .dmxDemoV60A > .dmxSectionHeadV60A > h2 > span{
    display:block;
    margin-top:6px;
    font-size:inherit;
    line-height:inherit;
  }
}
/* DMX_V62W_DEMO_MOBILE_HEADING_LARGE_END */

/* DMX_V62X_DEMO_MOBILE_HEADING_FORCE_START
   Selector por ID + !important para aislar el titular de cualquier
   regla global que esté resolviendo el h2 a 16px en móvil. */
@media(max-width:620px){
  html body[data-auth="0"] #dmxDemoTitleV60A{
    display:block!important;
    width:min(100%,400px)!important;
    max-width:400px!important;
    margin:0 auto 30px!important;

    font-size:42px!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;

    text-align:center!important;
    text-wrap:balance;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }

  html body[data-auth="0"] #dmxDemoTitleV60A > span{
    display:block!important;
    margin-top:6px!important;
    font-size:42px!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
}

@media(max-width:380px){
  html body[data-auth="0"] #dmxDemoTitleV60A,
  html body[data-auth="0"] #dmxDemoTitleV60A > span{
    font-size:38px!important;
  }
}
/* DMX_V62X_DEMO_MOBILE_HEADING_FORCE_END */

/* DMX_V62Y_DEMO_MOBILE_SPACING_FIX_START
   Reduce únicamente en móvil el aire vertical del bloque demo
   y acerca la tarjeta al encabezado, sin tocar escritorio. */
@media(max-width:620px){
  .dmxDemoV60A{
    padding-top:42px;
    padding-bottom:48px;
  }

  .dmxDemoV60A__layout{
    margin-top:24px;
  }
}
/* DMX_V62Y_DEMO_MOBILE_SPACING_FIX_END */

/* ==========================================================
   DMX_V62Z_REAL_DEMO_10Q_TTS_START
   Demo público basado en Nivel 1 / Etapa 3:
   10 preguntas, imágenes reales, feedback real y TTS.
   ========================================================== */

.dmxQuizV62Z__tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.dmxDemoTtsV62Z{
  appearance:none;
  -webkit-appearance:none;
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  padding:0;
  border:1px solid #d9e7f1;
  border-radius:12px;
  background:#fff;
  color:#168ec9;
  font:inherit;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(43,80,111,.07);
  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease;
}

.dmxDemoTtsV62Z:hover{
  transform:translateY(-1px);
  border-color:#a9d8ec;
  background:#f7fcff;
}

.dmxDemoTtsV62Z:focus-visible{
  outline:3px solid rgba(22,142,201,.25);
  outline-offset:2px;
}

.dmxDemoTtsV62Z[aria-pressed="true"]{
  color:#73879a;
  background:#f3f6f8;
}

.dmxDemoTtsV62Z i{
  pointer-events:none;
}

.dmxQuizV62Z__media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:150px;
  max-height:225px;
  margin:13px 0 18px;
  padding:10px;
  border:1px solid #e4edf4;
  border-radius:17px;
  background:
    linear-gradient(180deg,#fbfdff,#f4f8fb);
  overflow:hidden;
}

.dmxQuizV62Z__media[hidden]{
  display:none;
}

.dmxQuizV62Z__media img{
  display:block;
  width:100%;
  height:100%;
  max-height:203px;
  object-fit:contain;
  border-radius:10px;
}

.dmxQuizV60A__body h3{
  min-height:0;
}

.dmxQuizOptionV60A.is-speaking{
  outline:3px solid rgba(56,189,248,.42);
  outline-offset:2px;
  border-color:#38bdf8;
  box-shadow:0 0 0 4px rgba(56,189,248,.09);
}

.dmxQuizV60A__feedback{
  display:block;
  padding:16px 17px;
  font-size:13px;
}

.dmxQuizV60A__feedback[hidden]{
  display:none;
}

.dmxQuizV62Z__feedbackHead{
  display:flex;
  align-items:center;
  gap:10px;
}

.dmxQuizV62Z__feedbackIcon{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  flex:0 0 31px;
  border-radius:50%;
  font-size:13px;
}

.dmxQuizV60A__feedback.is-correct
.dmxQuizV62Z__feedbackIcon{
  background:#31c487;
  color:#fff;
}

.dmxQuizV60A__feedback.is-wrong
.dmxQuizV62Z__feedbackIcon{
  background:#e76b77;
  color:#fff;
}

.dmxQuizV62Z__feedbackTitle{
  margin:0!important;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}

.dmxQuizV62Z__feedbackBody{
  margin-top:12px;
  line-height:1.58;
}

.dmxQuizV62Z__correctLabel{
  display:block;
  margin-bottom:4px;
  font-weight:500;
}

.dmxQuizV62Z__correctAnswer{
  display:block;
  margin-bottom:9px;
  color:#263d56;
  font-size:17px;
  line-height:1.3;
  font-weight:900;
}

.dmxQuizV62Z__explanation{
  display:block;
}

.dmxDemoTtsGateV62Z{
  position:absolute;
  inset:0;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

.dmxDemoTtsGateV62Z[hidden]{
  display:none;
}

.dmxDemoTtsGateV62Z__card{
  width:min(390px,100%);
  padding:28px 25px;
  border:1px solid #dce9f3;
  border-radius:23px;
  background:#fff;
  box-shadow:0 24px 60px rgba(43,80,111,.15);
  text-align:center;
}

.dmxDemoTtsGateV62Z__icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin:0 auto 14px;
  border-radius:18px;
  background:#e8f8fc;
  color:#168ec9;
  font-size:23px;
}

.dmxDemoTtsGateV62Z__card strong{
  display:block;
  color:#263d56;
  font-size:21px;
  line-height:1.25;
}

.dmxDemoTtsGateV62Z__card p{
  margin:9px auto 18px;
  color:#71869a;
  font-size:13px;
  line-height:1.55;
}

.dmxDemoTtsGateV62Z__card button{
  min-height:46px;
  padding:0 18px;
  border:0;
  border-radius:13px;
  background:#168ec9;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.dmxDemoTtsGateV62Z__card button i{
  margin-right:7px;
}

@media(max-width:620px){
  .dmxQuizV60A__header{
    align-items:flex-start;
    padding:19px 18px 15px;
  }

  .dmxQuizV62Z__tools{
    gap:6px;
  }

  .dmxDemoTtsV62Z{
    width:36px;
    height:36px;
    flex-basis:36px;
  }

  .dmxQuizV60A__score{
    padding:7px 8px;
    white-space:nowrap;
  }

  .dmxQuizV60A__bar{
    margin-left:18px;
    margin-right:18px;
  }

  .dmxQuizV60A__body{
    padding:22px 18px 22px;
  }

  .dmxQuizV62Z__media{
    min-height:135px;
    max-height:195px;
    margin-top:11px;
    margin-bottom:16px;
  }

  .dmxQuizV62Z__media img{
    max-height:173px;
  }

  .dmxQuizV60A__body h3{
    font-size:19px;
  }

  .dmxQuizV62Z__feedbackTitle{
    font-size:17px;
  }

  .dmxQuizV62Z__correctAnswer{
    font-size:16px;
  }

  .dmxDemoTtsGateV62Z{
    padding:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .dmxDemoTtsV62Z,
  .dmxQuizOptionV60A{
    transition:none!important;
  }
}

/* DMX_V62Z_REAL_DEMO_10Q_TTS_END */

/* DMX_V63A_DEMO_COMPACT_IMAGE_START */

.dmxQuizV62Z__tools{
  min-width:38px;
}

.dmxQuizV62Z__media{
  width:140px;
  height:105px;
  min-height:0;
  max-height:none;
  margin:12px auto 14px;
  padding:6px;
  border-radius:14px;
}

.dmxQuizV62Z__media img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
  border-radius:8px;
}

@media(max-width:620px){
  .dmxQuizV62Z__media{
    width:112px;
    height:84px;
    min-height:0;
    max-height:none;
    margin:10px auto 13px;
    padding:5px;
  }

  .dmxQuizV62Z__media img{
    max-height:none;
  }
}

/* DMX_V63A_DEMO_COMPACT_IMAGE_END */

/* ==========================================================
   DMX_V63B_DEMO_IMAGE_QUESTION_ROW_START
   Imagen y pregunta comparten una misma fila.
   La imagen queda como apoyo visual a la izquierda.
   ========================================================== */

.dmxQuizV60A__body{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  column-gap:18px;
  align-items:center;
}

.dmxQuizV60A__topic{
  grid-column:1 / -1;
  grid-row:1;
}

.dmxQuizV62Z__media{
  grid-column:1;
  grid-row:2;
  align-self:center;
  justify-self:center;
  width:140px;
  height:105px;
  margin:12px 0 14px;
}

.dmxQuizV60A__body > h3{
  grid-column:2;
  grid-row:2;
  align-self:center;
  margin:12px 0 14px;
}

.dmxQuizV60A__options,
.dmxQuizV60A__feedback,
.dmxQuizV60A__next{
  grid-column:1 / -1;
}

@media(max-width:620px){
  .dmxQuizV60A__body{
    grid-template-columns:96px minmax(0,1fr);
    column-gap:13px;
  }

  .dmxQuizV62Z__media{
    width:96px;
    height:72px;
    margin:9px 0 12px;
    padding:4px;
  }

  .dmxQuizV60A__body > h3{
    margin:9px 0 12px;
    font-size:18px;
    line-height:1.28;
  }
}

/* DMX_V63B_DEMO_IMAGE_QUESTION_ROW_END */

/* ==========================================================
   DMX_V63C_DEMO_MOBILE_SPACE_OPTIMIZATION_START
   Acerca el demo móvil al aprovechamiento espacial del
   cuestionario real:
   - tarjeta más ancha;
   - menos padding interior;
   - imagen secundaria compacta;
   - más ancho disponible para el enunciado.
   Escritorio permanece intacto.
   ========================================================== */

@media(max-width:620px){

  .dmxDemoV60A{
    padding-left:12px;
    padding-right:12px;
  }

  .dmxDemoV60A__layout{
    width:100%;
    max-width:none;
  }

  .dmxQuizV60A__header{
    padding-left:14px;
    padding-right:14px;
  }

  .dmxQuizV60A__bar{
    margin-left:14px;
    margin-right:14px;
  }

  .dmxQuizV60A__body{
    grid-template-columns:64px minmax(0,1fr);
    column-gap:10px;
    padding:18px 14px 20px;
    align-items:center;
  }

  .dmxQuizV60A__topic{
    margin-bottom:3px;
  }

  .dmxQuizV62Z__media{
    width:64px;
    height:64px;
    min-width:64px;
    min-height:64px;
    margin:8px 0 10px;
    padding:3px;
    border-radius:11px;
  }

  .dmxQuizV62Z__media img{
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:7px;
  }

  .dmxQuizV60A__body > h3{
    min-width:0;
    margin:8px 0 10px;
    font-size:17px;
    line-height:1.24;
  }

  .dmxQuizV60A__options{
    gap:9px;
    margin-top:12px;
  }

  .dmxQuizOptionV60A{
    grid-template-columns:32px minmax(0,1fr);
  }

  .dmxQuizV60A__feedback{
    margin-top:12px;
  }

  .dmxQuizV60A__next{
    margin-top:12px;
  }
}

/* DMX_V63C_DEMO_MOBILE_SPACE_OPTIMIZATION_END */

/* ==========================================================
   DMX_V63F2_DEMO_CONVERSION_FINISH_START
   Pantalla final orientada a registro + microanimaciones.
   Solo opacity/transform para mantener bajo costo en móviles.
   ========================================================== */

.dmxQuizOptionV60A{
  transform-origin:center;
  transition:
    transform .14s ease,
    box-shadow .14s ease,
    border-color .14s ease,
    background-color .14s ease;
}

.dmxQuizV60A__options .dmxQuizOptionV60A{
  animation:
    dmxQuizOptionEnterV63F2
    .18s
    cubic-bezier(.2,.85,.3,1)
    both;
}

.dmxQuizV60A__options .dmxQuizOptionV60A:nth-child(2){
  animation-delay:25ms;
}

.dmxQuizV60A__options .dmxQuizOptionV60A:nth-child(3){
  animation-delay:50ms;
}

.dmxQuizV60A__options .dmxQuizOptionV60A:nth-child(4){
  animation-delay:75ms;
}

.dmxQuizOptionV60A:hover{
  transform:translateY(-1px);
}

.dmxQuizOptionV60A:active{
  transform:scale(.985);
}

.dmxQuizMotionInV63F2{
  animation:
    dmxQuizPopV63F2
    .18s
    cubic-bezier(.2,.85,.3,1)
    both !important;
}

@keyframes dmxQuizOptionEnterV63F2{
  from{
    opacity:0;
    transform:translateY(5px) scale(.985);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes dmxQuizPopV63F2{
  0%{
    opacity:0;
    transform:translateY(6px) scale(.97);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

.dmxQuizV63F2__finish{
  position:relative;
  width:100%;
  max-width:650px;
  margin:0 auto;
  padding:4px 0 8px;
  text-align:center;
}

.dmxQuizV63F2__hero{
  position:relative;
  z-index:2;
}

.dmxQuizV63F2__icon{
  width:104px;
  height:104px;
  margin:0 auto 17px;
  display:grid;
  place-items:center;
  border-radius:30px;
  background:
    linear-gradient(
      145deg,
      #eefaff,
      #e3f5ff
    );
  color:#1e99d4;
  box-shadow:
    0 12px 30px
    rgba(35,145,198,.10);
}

.dmxQuizV63F2__finish.is-fail
.dmxQuizV63F2__icon{
  background:
    linear-gradient(
      145deg,
      #fff8ec,
      #fff1da
    );
  color:#e49b24;
}

.dmxQuizV63F2__icon i{
  font-size:40px;
}

.dmxQuizV63F2__eyebrow{
  margin:0 0 9px;
  color:#238fc7;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dmxQuizV63F2__finish.is-fail
.dmxQuizV63F2__eyebrow{
  color:#c38322;
}

.dmxQuizV63F2__title{
  margin:0;
  color:#172b45;
  font-size:40px;
  line-height:1.03;
  font-weight:950;
  letter-spacing:-.035em;
}

.dmxQuizV63F2__lead{
  max-width:560px;
  margin:12px auto 0;
  color:#536b85;
  font-size:17px;
  line-height:1.48;
}

.dmxQuizV63F2__stats{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:10px;
  margin:24px 0 0;
}

.dmxQuizV63F2__stat{
  min-width:0;
  padding:16px 8px 14px;
  border:1px solid
    rgba(88,127,165,.18);
  border-radius:20px;
  background:#f8fbfe;
  box-shadow:
    0 8px 22px
    rgba(22,48,77,.045);
}

.dmxQuizV63F2__statValue{
  display:block;
  color:#172b45;
  font-size:28px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.025em;
}

.dmxQuizV63F2__statLabel{
  display:block;
  margin-top:7px;
  color:#71849a;
  font-size:12px;
  line-height:1.25;
  font-weight:800;
}

.dmxQuizV63F2__conversion{
  position:relative;
  z-index:2;
  margin:18px 0 0;
  padding:17px 18px;
  border-radius:20px;
  background:
    linear-gradient(
      135deg,
      rgba(31,161,215,.075),
      rgba(44,199,166,.065)
    );
  color:#2b425e;
  font-size:15px;
  line-height:1.5;
}

.dmxQuizV63F2__conversion strong{
  color:#172b45;
}

.dmxQuizV63F2__actions{
  position:relative;
  z-index:2;
  width:100%;
  max-width:390px;
  margin:20px auto 0;
  display:grid;
  gap:11px;
}

.dmxQuizV63F2__cta{
  box-sizing:border-box;
  width:100%;
  min-height:58px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:13px 18px;
  font:inherit;
  font-size:16px;
  line-height:1.2;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
  transition:
    transform .14s ease,
    box-shadow .14s ease;
}

.dmxQuizV63F2__cta:hover{
  transform:translateY(-1px);
}

.dmxQuizV63F2__cta:active{
  transform:scale(.985);
}

.dmxQuizV63F2__cta--primary{
  border:0;
  color:#fff;
  background:
    linear-gradient(
      135deg,
      #1599dc,
      #16a6d2
    );
  box-shadow:
    0 12px 25px
    rgba(15,145,205,.18);
}

.dmxQuizV63F2__cta--secondary{
  border:1px solid #d4e3ef;
  color:#526c87;
  background:#fff;
}

.dmxQuizV63F2__micro{
  position:relative;
  z-index:2;
  margin:12px 0 0;
  color:#8191a3;
  font-size:11px;
  line-height:1.35;
}

.dmxQuizV63F2__confetti{
  position:absolute;
  inset:-8px 0 auto;
  height:330px;
  overflow:hidden;
  pointer-events:none;
  z-index:1;
}

.dmxQuizV63F2__confettiPiece{
  position:absolute;
  top:-20px;
  width:8px;
  height:13px;
  border-radius:2px;
  opacity:0;
  will-change:
    transform,
    opacity;
  animation:
    dmxQuizConfettiV63F2
    .95s
    cubic-bezier(.15,.65,.35,1)
    forwards;
}

@keyframes dmxQuizConfettiV63F2{
  0%{
    opacity:0;
    transform:
      translate3d(0,-15px,0)
      rotate(0deg);
  }
  10%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:
      translate3d(
        var(--dmx-x),
        var(--dmx-y),
        0
      )
      rotate(var(--dmx-r));
  }
}

@media(max-width:620px){

  .dmxQuizV63F2__finish{
    padding-top:0;
  }

  .dmxQuizV63F2__icon{
    width:84px;
    height:84px;
    margin-bottom:13px;
    border-radius:24px;
  }

  .dmxQuizV63F2__icon i{
    font-size:33px;
  }

  .dmxQuizV63F2__eyebrow{
    margin-bottom:7px;
    font-size:11px;
  }

  .dmxQuizV63F2__title{
    font-size:31px;
  }

  .dmxQuizV63F2__lead{
    margin-top:9px;
    font-size:15px;
    line-height:1.42;
  }

  .dmxQuizV63F2__stats{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
    margin-top:18px;
    gap:8px;
  }

  .dmxQuizV63F2__stat{
    padding:13px 7px 12px;
    border-radius:17px;
  }

  .dmxQuizV63F2__statValue{
    font-size:24px;
  }

  .dmxQuizV63F2__conversion{
    margin-top:14px;
    padding:14px;
    font-size:14px;
    border-radius:17px;
  }

  .dmxQuizV63F2__actions{
    margin-top:16px;
  }

  .dmxQuizV63F2__cta{
    min-height:54px;
    border-radius:16px;
    font-size:15px;
  }
}

@media(prefers-reduced-motion:reduce){

  .dmxQuizV60A__options
  .dmxQuizOptionV60A,
  .dmxQuizMotionInV63F2,
  .dmxQuizV63F2__confettiPiece{
    animation:none !important;
  }

  .dmxQuizOptionV60A,
  .dmxQuizV63F2__cta{
    transition:none !important;
  }

  .dmxQuizV63F2__confetti{
    display:none !important;
  }
}

/* DMX_V63F2_DEMO_CONVERSION_FINISH_END */

/* ==========================================================
   DMX_V63G_TINY_MOBILE_FINISH_START

   Optimización exclusiva para pantallas físicamente pequeñas
   como 360x640 / 375x667.

   Objetivo:
   - mantener las 4 estadísticas;
   - mantener mensaje comercial;
   - mantener ambos CTA;
   - reducir únicamente espacio vertical;
   - no alterar móviles normales ni escritorio.
   ========================================================== */

@media
  (max-width:380px)
  and (max-height:700px){

  .dmxQuizV63F2__finish{
    padding:0 0 2px;
  }

  .dmxQuizV63F2__icon{
    width:58px;
    height:58px;
    margin-bottom:7px;
    border-radius:17px;
    box-shadow:
      0 7px 18px
      rgba(35,145,198,.08);
  }

  .dmxQuizV63F2__icon i{
    font-size:24px;
  }

  .dmxQuizV63F2__eyebrow{
    margin:0 0 4px;
    font-size:9px;
    line-height:1.1;
    letter-spacing:.065em;
  }

  .dmxQuizV63F2__title{
    font-size:24px;
    line-height:1;
    letter-spacing:-.03em;
  }

  .dmxQuizV63F2__lead{
    max-width:310px;
    margin-top:6px;
    font-size:12px;
    line-height:1.3;
  }

  .dmxQuizV63F2__stats{
    margin-top:11px;
    gap:6px;
  }

  .dmxQuizV63F2__stat{
    min-height:0;
    padding:8px 5px 7px;
    border-radius:13px;
    box-shadow:
      0 5px 13px
      rgba(22,48,77,.035);
  }

  .dmxQuizV63F2__statValue{
    font-size:20px;
    line-height:1;
  }

  .dmxQuizV63F2__statLabel{
    margin-top:4px;
    font-size:9px;
    line-height:1.1;
  }

  .dmxQuizV63F2__conversion{
    margin-top:9px;
    padding:9px 10px;
    border-radius:13px;
    font-size:11px;
    line-height:1.3;
  }

  .dmxQuizV63F2__actions{
    margin-top:10px;
    gap:7px;
  }

  .dmxQuizV63F2__cta{
    min-height:43px;
    padding:9px 12px;
    border-radius:13px;
    gap:8px;
    font-size:13px;
    line-height:1.1;
  }

  .dmxQuizV63F2__cta i{
    font-size:13px;
  }

  .dmxQuizV63F2__micro{
    margin-top:7px;
    font-size:9px;
    line-height:1.15;
  }

  .dmxQuizV63F2__confetti{
    height:240px;
  }
}

/*
 * Segunda capa solo para alturas extremadamente bajas.
 * Conserva contenido; comprime algunos espacios adicionales.
 */
@media
  (max-width:380px)
  and (max-height:650px){

  .dmxQuizV63F2__icon{
    width:52px;
    height:52px;
    margin-bottom:5px;
    border-radius:15px;
  }

  .dmxQuizV63F2__icon i{
    font-size:21px;
  }

  .dmxQuizV63F2__eyebrow{
    font-size:8px;
  }

  .dmxQuizV63F2__title{
    font-size:22px;
  }

  .dmxQuizV63F2__lead{
    margin-top:5px;
    font-size:11px;
    line-height:1.24;
  }

  .dmxQuizV63F2__stats{
    margin-top:8px;
    gap:5px;
  }

  .dmxQuizV63F2__stat{
    padding:7px 4px 6px;
    border-radius:12px;
  }

  .dmxQuizV63F2__statValue{
    font-size:18px;
  }

  .dmxQuizV63F2__statLabel{
    font-size:8px;
  }

  .dmxQuizV63F2__conversion{
    margin-top:7px;
    padding:8px 9px;
    font-size:10px;
    line-height:1.24;
  }

  .dmxQuizV63F2__actions{
    margin-top:8px;
    gap:6px;
  }

  .dmxQuizV63F2__cta{
    min-height:40px;
    padding:8px 10px;
    font-size:12px;
  }

  .dmxQuizV63F2__micro{
    margin-top:5px;
    font-size:8px;
  }
}

/* DMX_V63G_TINY_MOBILE_FINISH_END */

/* ==========================================================
   DMX_V63H_TINY_FINAL_CONTAINER_AUTO_HEIGHT_START

   El contenido V63G ya es compacto.
   Este bloque elimina la altura mínima heredada de la tarjeta
   únicamente cuando el demo está mostrando su resultado final
   en móviles pequeños.

   Preguntas y pantallas normales permanecen intactas.
   ========================================================== */

@media
  (max-width:380px)
  and (max-height:700px){

  .dmxQuizV60A[data-dmx-quiz-state="finish"]{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  .dmxQuizV60A__body{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding-bottom:12px !important;
  }

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  [data-dmx-quiz-result]{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  .dmxQuizV63F2__finish{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin-bottom:0 !important;
  }
}

/*
 * 360x640: eliminar incluso el aire inferior residual.
 */
@media
  (max-width:380px)
  and (max-height:650px){

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  .dmxQuizV60A__body{
    padding-bottom:8px !important;
  }
}

/* DMX_V63H_TINY_FINAL_CONTAINER_AUTO_HEIGHT_END */

/* ==========================================================
   DMX_V63I_TINY_FINAL_TRUE_CONTENT_HEIGHT_START

   Causa confirmada:
   .dmxQuizV60A__result era position:absolute con inset inferior,
   por lo que ocupaba toda la altura del quiz mientras la pregunta
   original seguía determinando la altura real del article.

   Solución exclusivamente para resultado final en pantallas bajas:
   - ocultar header/bar/body que pertenecen a la pregunta;
   - convertir result a flujo normal;
   - eliminar inset absoluto;
   - dejar que article mida únicamente el contenido final.
   ========================================================== */

@media
  (max-width:380px)
  and (max-height:700px){

  .dmxQuizV60A[data-dmx-quiz-state="finish"]{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  > .dmxQuizV60A__header,

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  > .dmxQuizV60A__bar,

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  > .dmxQuizV60A__body{
    display:none !important;
  }

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  > .dmxQuizV60A__result{
    position:relative !important;

    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    box-sizing:border-box !important;

    padding:
      18px
      14px
      14px !important;

    margin:0 !important;
  }

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  > .dmxQuizV60A__result[hidden]{
    display:none !important;
  }

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  .dmxQuizV63F2__finish{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 auto !important;
    padding-bottom:0 !important;
  }
}

/*
 * Moto G4 / 360x640:
 * comprimir únicamente el padding externo del resultado.
 */
@media
  (max-width:380px)
  and (max-height:650px){

  .dmxQuizV60A[data-dmx-quiz-state="finish"]
  > .dmxQuizV60A__result{
    padding:
      12px
      10px
      10px !important;
  }
}

/* DMX_V63I_TINY_FINAL_TRUE_CONTENT_HEIGHT_END */

/* ==========================================================
   DMX_V63J_DEMO_CTA_AND_MOBILE_BALANCE_START

   1. CTA final verde.
   2. En móviles altos, el contenido de la pregunta aprovecha
      el espacio sobrante centrándose verticalmente.
   3. En móviles pequeños, pregunta y respuestas comparten
      exactamente el mismo tamaño tipográfico.
   ========================================================== */


/* ---------- CTA FINAL ---------- */

.dmxQuizV63F2__cta--primary{
  border-color:#22b978 !important;

  background:
    linear-gradient(
      135deg,
      #22b978,
      #27c98a
    ) !important;

  color:#fff !important;

  box-shadow:
    0 12px 25px
    rgba(31,179,116,.20) !important;
}

.dmxQuizV63F2__cta--primary:hover{
  background:
    linear-gradient(
      135deg,
      #1faa6d,
      #23bc7e
    ) !important;

  color:#fff !important;
}


/* ---------- MÓVILES ALTOS ---------- */
/*
 * No aumenta artificialmente el tamaño de la sección completa.
 * Solo da altura útil al body interno del cuestionario para que,
 * cuando realmente sobra viewport, sus filas queden centradas.
 */

@media
  (max-width:620px)
  and (min-height:760px){

  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__body{
    min-height:
      clamp(
        460px,
        calc(100svh - 240px),
        520px
      );

    align-content:center;
  }
}


/* ---------- MÓVILES PEQUEÑOS ---------- */

@media(max-width:380px){

  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__body > h3,

  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizOptionV60A{
    font-size:16px !important;
    line-height:1.25 !important;
  }

  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizOptionV60A
  > :not(.dmxQuizOptionV60A__letter){
    font-size:16px !important;
    line-height:1.25 !important;
  }
}

/* DMX_V63J_DEMO_CTA_AND_MOBILE_BALANCE_END */

/* ==========================================================
   DMX_V63K_TINY_MOBILE_MICROCOPY_SCALE_START

   Mantiene "Registro gratuito · Incluye 3 etapas" con la
   misma escala visual de escritorio en pantallas pequeñas.
   ========================================================== */

@media(max-width:380px){

  .dmxQuizV63F2__micro{
    margin-top:7px !important;

    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:400 !important;

    letter-spacing:0 !important;

    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }
}

/* DMX_V63K_TINY_MOBILE_MICROCOPY_SCALE_END */

/* ==========================================================
   DMX_V63M_CONTINUE_BUTTON_START

   El botón no existe visualmente hasta responder.
   Después de responder aparece como CTA verde "Continuar".
   ========================================================== */

.dmxQuizV60A__next[hidden]{
  display:none !important;
}

.dmxQuizV60A[data-dmx-quiz-state="question"]
.dmxQuizV60A__next:not([hidden]){
  border-color:#22b978 !important;

  background:
    linear-gradient(
      135deg,
      #22b978,
      #27c98a
    ) !important;

  color:#fff !important;

  box-shadow:
    0 10px 22px
    rgba(31,179,116,.18) !important;
}

.dmxQuizV60A[data-dmx-quiz-state="question"]
.dmxQuizV60A__next:not([hidden]):hover{
  border-color:#1faa6d !important;

  background:
    linear-gradient(
      135deg,
      #1faa6d,
      #23bc7e
    ) !important;

  color:#fff !important;
}

.dmxQuizV60A[data-dmx-quiz-state="question"]
.dmxQuizV60A__next:not([hidden]):active{
  transform:scale(.985);
}

/* DMX_V63M_CONTINUE_BUTTON_END */

/* ==========================================================
   DMX_V63O_MOBILE_MICROCOPY_HARD_SCALE_START

   Evita que navegadores móviles amplíen automáticamente:
   "Registro gratuito · Incluye 3 etapas"

   Aplica a TODOS los móviles, no solo <=380px.
   ========================================================== */

@media(max-width:620px){

  .dmxQuizV63F2__micro{
    margin-top:7px !important;

    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;

    max-width:100% !important;

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }
}

/* DMX_V63O_MOBILE_MICROCOPY_HARD_SCALE_END */

/* ==========================================================
   DMX_V63Q_MOBILE_MECHANICS_TYPE_SCALE_START

   Escala móvil proporcional a escritorio.
   Evita el text autosizing de navegadores móviles y reduce
   únicamente estas cuatro tarjetas.
   ========================================================== */

@media(max-width:620px){

  .dmxGuestHomeV60A .dmxMechanicsV60A,
  .dmxGuestHomeV60A .dmxMechanicsV60A__grid,
  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article{
    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid{
    gap:9px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article{
    padding:16px 11px 18px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__icon{
    width:44px;
    height:44px;
    margin-bottom:13px;
    border-radius:14px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__icon i{
    font-size:18px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article > strong{
    font-size:clamp(11px,3vw,13px) !important;
    line-height:1.22 !important;
    letter-spacing:0 !important;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article > h3{
    margin:10px 0 8px;
    font-size:clamp(13px,3.4vw,15px) !important;
    line-height:1.22 !important;
    letter-spacing:-.01em;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article > p{
    font-size:clamp(10px,2.7vw,12px) !important;
    line-height:1.42 !important;
    letter-spacing:0 !important;
  }
}

/*
 * Pantallas particularmente estrechas:
 * conserva la jerarquía pero evita que cada tarjeta gane
 * demasiada altura por saltos de línea.
 */
@media(max-width:380px){

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article{
    padding:14px 10px 16px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__icon{
    width:40px;
    height:40px;
    margin-bottom:11px;
    border-radius:13px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__icon i{
    font-size:16px;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article > strong{
    font-size:11px !important;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article > h3{
    margin:9px 0 7px;
    font-size:13px !important;
  }

  .dmxGuestHomeV60A .dmxMechanicsV60A__grid > article > p{
    font-size:10px !important;
    line-height:1.4 !important;
  }
}

/* DMX_V63Q_MOBILE_MECHANICS_TYPE_SCALE_END */

/* ==========================================================
   DMX_V63S_MOBILE_FACTS_OPTIONS_SCALE_START

   Corrige dos zonas que visualmente se agrandaban demasiado:

   1. Métricas:
      10 niveles / 100 etapas / 1000 preguntas / 7/10.

   2. Alternativas del demo.

   En móvil se conserva la jerarquía de escritorio, evitando
   text autosizing del navegador.
   ========================================================== */


/* ----------------------------------------------------------
   MÉTRICAS DEL CURSO
   ---------------------------------------------------------- */

@media(max-width:620px){

  .dmxGuestHomeV60A .dmxFactsV60A,
  .dmxGuestHomeV60A .dmxFactsV60A__inner,
  .dmxGuestHomeV60A .dmxFactV61N3,
  .dmxGuestHomeV60A .dmxFactV61N3__copy{
    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }

  .dmxGuestHomeV60A .dmxFactsV60A__inner{
    gap:10px !important;
  }

  .dmxGuestHomeV60A .dmxFactV61N3{
    min-height:0 !important;
    padding:14px 12px 16px !important;
    border-radius:18px !important;
  }

  .dmxGuestHomeV60A .dmxFactV61N3__icon{
    width:38px !important;
    height:38px !important;
    margin-bottom:11px !important;
    border-radius:12px !important;
  }

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

  .dmxGuestHomeV60A
  .dmxFactsV60A
  .dmxFactV61N3
  strong{
    font-size:26px !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
  }

  .dmxGuestHomeV60A
  .dmxFactsV60A
  .dmxFactV61N3
  .dmxFactV61N3__copy > span{
    margin-top:3px !important;

    font-size:9px !important;
    line-height:1.1 !important;

    letter-spacing:.07em !important;
  }

  .dmxGuestHomeV60A
  .dmxFactsV60A
  .dmxFactV61N3
  small{
    margin-top:5px !important;

    font-size:11px !important;
    line-height:1.35 !important;

    letter-spacing:0 !important;
  }
}


/* ----------------------------------------------------------
   ALTERNATIVAS DEL DEMO
   ---------------------------------------------------------- */

@media(max-width:620px){

  .dmxGuestHomeV60A .dmxQuizV60A,
  .dmxGuestHomeV60A .dmxQuizV60A__body,
  .dmxGuestHomeV60A .dmxQuizV60A__options,
  .dmxGuestHomeV60A .dmxQuizOptionV60A,
  .dmxGuestHomeV60A .dmxQuizOptionV60A > span{
    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }

  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__options{
    gap:8px !important;
  }

  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizOptionV60A{
    grid-template-columns:
      29px
      minmax(0,1fr) !important;

    gap:9px !important;

    min-height:48px !important;

    padding:
      7px
      10px !important;

    border-radius:13px !important;

    font-size:13px !important;
    line-height:1.25 !important;
  }

  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizOptionV60A
  > :not(.dmxQuizOptionV60A__letter){
    font-size:13px !important;
    line-height:1.25 !important;
  }

  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizOptionV60A__letter{
    width:28px !important;
    height:28px !important;

    border-radius:8px !important;

    font-size:10px !important;
    line-height:1 !important;
  }

  .dmxGuestHomeV60A
  .dmxQuizV60A__options
  button.dmxQuizOptionV60A.is-correct
  .dmxQuizOptionV60A__letter::after{
    font-size:13px !important;
  }

  .dmxGuestHomeV60A
  .dmxQuizV60A__options
  button.dmxQuizOptionV60A.is-wrong
  .dmxQuizOptionV60A__letter::after{
    font-size:15px !important;
  }
}


/* ----------------------------------------------------------
   MÓVILES ESTRECHOS
   Mantiene la condición solicitada anteriormente:
   pregunta y alternativas con igual tamaño.
   ---------------------------------------------------------- */

@media(max-width:380px){

  .dmxGuestHomeV60A .dmxFactV61N3{
    padding:12px 10px 14px !important;
  }

  .dmxGuestHomeV60A .dmxFactV61N3__icon{
    width:34px !important;
    height:34px !important;

    margin-bottom:9px !important;
    border-radius:11px !important;
  }

  .dmxGuestHomeV60A .dmxFactV61N3__icon i{
    font-size:14px !important;
  }

  .dmxGuestHomeV60A
  .dmxFactsV60A
  .dmxFactV61N3
  strong{
    font-size:23px !important;
  }

  .dmxGuestHomeV60A
  .dmxFactsV60A
  .dmxFactV61N3
  .dmxFactV61N3__copy > span{
    font-size:8px !important;
  }

  .dmxGuestHomeV60A
  .dmxFactsV60A
  .dmxFactV61N3
  small{
    font-size:10px !important;
    line-height:1.32 !important;
  }

  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__body > h3,

  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizOptionV60A,

  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizOptionV60A
  > :not(.dmxQuizOptionV60A__letter){
    font-size:13px !important;
    line-height:1.25 !important;
  }
}

/* DMX_V63S_MOBILE_FACTS_OPTIONS_SCALE_END */

/* ==========================================================
   DMX_V63T_MOBILE_OPTION_LABEL_EXACT_SCALE_START

   El markup real de cada alternativa es:

   button.dmxQuizOptionV60A
     span.dmxQuizOptionV60A__letter
     span  <-- texto real

   Se apunta exactamente al segundo span para impedir que
   cualquier regla heredada vuelva a agrandar la alternativa.
   ========================================================== */

@media(max-width:620px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__options
  button.dmxQuizOptionV60A
  > span:last-child{
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:750 !important;

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__options
  button.dmxQuizOptionV60A{
    font-size:12px !important;
    line-height:1.25 !important;

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }
}

/* DMX_V63T_MOBILE_OPTION_LABEL_EXACT_SCALE_END */

/* ==========================================================
   DMX_V63U3_EXPLICIT_OPTION_TEXT_SCALE_START

   El texto real de cada alternativa ahora posee:
   .dmxQuizOptionV60A__text

   Esto elimina dependencia de :last-child y de font-size
   heredado desde el botón.
   ========================================================== */

@media(max-width:620px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__options
  button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    display:block !important;
    min-width:0 !important;

    font-size:12px !important;
    line-height:1.24 !important;
    font-weight:650 !important;
    letter-spacing:0 !important;

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }
}

@media(max-width:380px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__options
  button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    font-size:11px !important;
    line-height:1.24 !important;
    font-weight:650 !important;
  }
}

/* DMX_V63U3_EXPLICIT_OPTION_TEXT_SCALE_END */

/* ==========================================================
   DMX_V63X_OPTION_SCALE_STATE_INDEPENDENT_START

   Primera carga y reintento deben usar exactamente la misma
   escala visual.

   Esta capa NO depende de data-dmx-quiz-state para el tamaño
   de las alternativas.

   Escala:
   - <=380px: 12px
   - 381–620px: 13px a 14px fluidos

   Así no queda gigante en 360px ni diminuta en 390/430/440px.
   ========================================================== */

@media(max-width:620px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options,
  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options *{
    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options{
    gap:8px !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A{
    grid-template-columns:
      30px
      minmax(0,1fr) !important;

    gap:10px !important;

    min-height:49px !important;

    padding:
      8px
      12px !important;

    border-radius:13px !important;

    align-items:center !important;

    font-size:0 !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__letter{
    width:30px !important;
    height:30px !important;

    min-width:30px !important;
    min-height:30px !important;

    border-radius:9px !important;

    font-size:10px !important;
    line-height:1 !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    display:block !important;

    min-width:0 !important;

    font-size:
      clamp(
        13px,
        3.5vw,
        14px
      ) !important;

    line-height:1.22 !important;
    font-weight:650 !important;

    letter-spacing:0 !important;
  }
}


/* Moto G4 / 360px y equivalentes */

@media(max-width:380px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options{
    gap:7px !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A{
    grid-template-columns:
      28px
      minmax(0,1fr) !important;

    gap:9px !important;

    min-height:46px !important;

    padding:
      7px
      10px !important;

    border-radius:12px !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__letter{
    width:28px !important;
    height:28px !important;

    min-width:28px !important;
    min-height:28px !important;

    border-radius:8px !important;

    font-size:9px !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:650 !important;
  }
}

/* DMX_V63X_OPTION_SCALE_STATE_INDEPENDENT_END */

/* ==========================================================
   DMX_V63Y_OPTION_FLUID_LARGE_MOBILE_START

   Ajuste posterior a prueba real Xiaomi 14.

   <=380px:
     conserva escala compacta de Moto G4.

   381–620px:
     el texto crece progresivamente con el ancho disponible,
     en vez de permanecer artificialmente pequeño.

   Referencia aproximada:
     390px -> 14px
     430px -> 15px
     440px -> 15.1px
     >=479px -> máximo 16px
   ========================================================== */


/* ---------- MÓVILES MEDIANOS / GRANDES ---------- */

@media
  (min-width:381px)
  and (max-width:620px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A{
    grid-template-columns:
      clamp(
        30px,
        7.4vw,
        34px
      )
      minmax(0,1fr) !important;

    gap:
      clamp(
        10px,
        2.6vw,
        12px
      ) !important;

    min-height:
      clamp(
        50px,
        13vw,
        56px
      ) !important;

    padding:
      clamp(
        8px,
        2.1vw,
        10px
      )
      clamp(
        12px,
        3.2vw,
        15px
      ) !important;

    border-radius:
      clamp(
        13px,
        3.4vw,
        15px
      ) !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__letter{
    width:
      clamp(
        30px,
        7.4vw,
        34px
      ) !important;

    height:
      clamp(
        30px,
        7.4vw,
        34px
      ) !important;

    min-width:
      clamp(
        30px,
        7.4vw,
        34px
      ) !important;

    min-height:
      clamp(
        30px,
        7.4vw,
        34px
      ) !important;

    font-size:
      clamp(
        10px,
        2.55vw,
        12px
      ) !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    font-size:
      clamp(
        13.5px,
        calc(5px + 2.3vw),
        16px
      ) !important;

    line-height:1.22 !important;
    font-weight:650 !important;

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }
}


/* ---------- MÓVILES MUY ESTRECHOS ---------- */

@media(max-width:380px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:650 !important;
  }
}

/* DMX_V63Y_OPTION_FLUID_LARGE_MOBILE_END */

/* ==========================================================
   DMX_V63Z_OPTION_REAL_MOBILE_SCALE_START

   Ajuste basado en captura real Xiaomi 14.

   <=380px:
     alternativas compactas pero legibles, 13px.

   381–620px:
     alternativas a 16px reales, cercanas a la pregunta pero
     aún jerárquicamente secundarias.

   Primera carga y reintento comparten estas mismas reglas.
   ========================================================== */


/* ---------- MÓVILES NORMALES / GRANDES ---------- */

@media
  (min-width:381px)
  and (max-width:620px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options{
    gap:9px !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A{
    grid-template-columns:
      34px
      minmax(0,1fr) !important;

    gap:11px !important;

    min-height:56px !important;

    padding:
      9px
      14px !important;

    border-radius:14px !important;

    align-items:center !important;

    font-size:0 !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__letter{
    width:34px !important;
    height:34px !important;

    min-width:34px !important;
    min-height:34px !important;

    border-radius:10px !important;

    font-size:11px !important;
    line-height:1 !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    display:block !important;
    min-width:0 !important;

    font-size:16px !important;
    line-height:1.22 !important;
    font-weight:650 !important;
    letter-spacing:0 !important;

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }
}


/* ---------- MÓVILES MUY PEQUEÑOS ---------- */

@media(max-width:380px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options{
    gap:8px !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A{
    grid-template-columns:
      30px
      minmax(0,1fr) !important;

    gap:9px !important;

    min-height:49px !important;

    padding:
      8px
      11px !important;

    border-radius:13px !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__letter{
    width:30px !important;
    height:30px !important;

    min-width:30px !important;
    min-height:30px !important;

    border-radius:9px !important;

    font-size:10px !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:650 !important;

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }
}

/* DMX_V63Z_OPTION_REAL_MOBILE_SCALE_END */

/* ==========================================================
   DMX_V63AA_MOBILE_QUESTION_OPTION_RATIO_START

   En lugar de tamaños aislados, pregunta y alternativas
   comparten una misma escala responsiva coherente.

   360px aprox:
     pregunta 17px
     alternativa 15px

   390px aprox:
     pregunta 17px
     alternativa 15.2px

   430px aprox:
     pregunta 18.7px
     alternativa 16.8px

   440px aprox:
     pregunta 19.1px
     alternativa 17.2px

   móviles anchos:
     pregunta máximo 20px
     alternativa máximo 18px
   ========================================================== */

@media(max-width:620px){

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A{
    --dmx-demo-question-mobile:
      clamp(
        17px,
        4.35vw,
        20px
      );

    --dmx-demo-option-mobile:
      clamp(
        15px,
        3.9vw,
        18px
      );

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }


  /* ---------- PREGUNTA ---------- */

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__body
  > h3{
    font-size:
      var(
        --dmx-demo-question-mobile
      ) !important;

    line-height:1.22 !important;
    font-weight:800 !important;

    letter-spacing:-.015em !important;
  }


  /* ---------- ALTERNATIVAS ---------- */

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options{
    gap:
      clamp(
        8px,
        2.1vw,
        10px
      ) !important;

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A{
    grid-template-columns:
      clamp(
        31px,
        7.8vw,
        36px
      )
      minmax(0,1fr) !important;

    gap:
      clamp(
        9px,
        2.6vw,
        12px
      ) !important;

    min-height:
      clamp(
        52px,
        13.5vw,
        60px
      ) !important;

    padding:
      clamp(
        8px,
        2.2vw,
        10px
      )
      clamp(
        11px,
        3.3vw,
        15px
      ) !important;

    border-radius:
      clamp(
        13px,
        3.4vw,
        15px
      ) !important;

    align-items:center !important;

    font-size:0 !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__letter{
    width:
      clamp(
        31px,
        7.8vw,
        36px
      ) !important;

    height:
      clamp(
        31px,
        7.8vw,
        36px
      ) !important;

    min-width:
      clamp(
        31px,
        7.8vw,
        36px
      ) !important;

    min-height:
      clamp(
        31px,
        7.8vw,
        36px
      ) !important;

    border-radius:
      clamp(
        9px,
        2.4vw,
        11px
      ) !important;

    font-size:
      clamp(
        10px,
        2.7vw,
        12px
      ) !important;

    line-height:1 !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    display:block !important;

    min-width:0 !important;

    font-size:
      var(
        --dmx-demo-option-mobile
      ) !important;

    line-height:1.22 !important;
    font-weight:700 !important;

    letter-spacing:-.005em !important;

    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }
}

/* DMX_V63AA_MOBILE_QUESTION_OPTION_RATIO_END */

/* ==========================================================
   DMX_V63AC3_RESPONSIVE_OPTION_TYPE_START

   Escala tipográfica independiente para escritorio y móviles.
   No modifica la geometría ni el funcionamiento de la demo.
   ========================================================== */

html body[data-auth="0"]
.dmxGuestHomeV60A
.dmxQuizV60A
.dmxQuizV60A__options
> button.dmxQuizOptionV60A
> .dmxQuizOptionV60A__text{
  font-size:
    clamp(
      18px,
      calc(14.5px + .3vw),
      20px
    ) !important;

  line-height:1.26 !important;
  font-weight:700 !important;
}

html body[data-auth="0"]
.dmxGuestHomeV60A
.dmxQuizV60A
.dmxQuizV60A__options
> button.dmxQuizOptionV60A
> .dmxQuizOptionV60A__letter{
  font-size:
    clamp(
      13px,
      calc(11px + .18vw),
      15px
    ) !important;
}

@media (max-width:620px){
  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__text{
    font-size:
      clamp(
        15px,
        calc(1.5px + 4.2vw),
        18px
      ) !important;

    line-height:1.25 !important;
  }

  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > .dmxQuizOptionV60A__letter{
    font-size:
      clamp(
        11.7px,
        calc(9.5px + .7vw),
        13px
      ) !important;
  }
}

/* DMX_V63AC3_RESPONSIVE_OPTION_TYPE_END */

/*
 * DMX_V63AC4_OPTION_TEXT_SPECIFICITY_FIX_START
 * Una clase adicional y :last-child superan las reglas heredadas
 * de 11px y 12px sin cambiar cajas, letras ni lógica.
 */
@media (max-width: 620px) {
  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > span.dmxQuizOptionV60A__text:last-child {
    font-size:clamp(
      15px,
      calc(1.5px + 4.2vw),
      18px
    ) !important;
    line-height:1.25 !important;
  }
}
/* DMX_V63AC4_OPTION_TEXT_SPECIFICITY_FIX_END */

/*
 * DMX_V63AC5_ADAPTIVE_OPTION_TEXT_START
 * Escala progresiva: 14px en móviles pequeños y 16px en móviles grandes.
 */
@media (max-width: 620px) {
  html body[data-auth="0"]
  .dmxGuestHomeV60A
  .dmxQuizV60A[data-dmx-quiz-state="question"]
  .dmxQuizV60A__options
  > button.dmxQuizOptionV60A
  > span.dmxQuizOptionV60A__text:last-child {
    font-size:clamp(
      14px,
      calc(5.5px + 2.4vw),
      16px
    ) !important;
    line-height:1.24 !important;
  }
}
/* DMX_V63AC5_ADAPTIVE_OPTION_TEXT_END */

/*
 * DMX_V63AC6_SQUARE_QUIZ_MEDIA_START
 * Conserva el ancho responsivo existente y deriva una altura idéntica.
 */
html body[data-auth="0"]
.dmxGuestHomeV60A
.dmxQuizV60A
figure.dmxQuizV62Z__media[data-dmx-quiz-media] {
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  background:#fff !important;
}

html body[data-auth="0"]
.dmxGuestHomeV60A
.dmxQuizV60A
figure.dmxQuizV62Z__media[data-dmx-quiz-media]
> img[data-dmx-quiz-image] {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
}
/* DMX_V63AC6_SQUARE_QUIZ_MEDIA_END */