/**
 * Dossier — estilos de las secciones comerciales de la portada.
 * Depende de las variables definidas en style.css.
 */

/* ── Marcas tipográficas ── */
.mda-keyx{font-family:var(--mda-serif);font-style:italic;font-weight:400;
  color:var(--mda-bdx-glow);font-size:1.1em}
.mda-und{position:relative;color:var(--mda-beige);font-weight:700;white-space:nowrap}
.mda-und::after{content:"";position:absolute;left:0;right:0;bottom:-.1em;height:2px;border-radius:2px;
  background:var(--mda-bdx-lit);transform:scaleX(0);transform-origin:left;
  transition:transform .85s var(--mda-e) .4s}
.mda-rv.is-in .mda-und::after,.is-in .mda-und::after{transform:scaleX(1)}

/* ── Resultados ── */
.mda-jump{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,2.4vw,40px);
  align-items:center;text-align:center;margin-top:clamp(18px,3vh,32px)}
.mda-jump__k{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mda-beige-3);
  font-weight:600;margin-bottom:.8em}
.mda-jump__n{font-weight:800;letter-spacing:-.045em;line-height:.9;font-size:clamp(28px,4.2vw,56px);
  font-variant-numeric:tabular-nums}
.mda-jump__u{font-size:clamp(10px,.95vw,12.5px);color:var(--mda-beige-3);margin-top:.6em}
.mda-jump__x{font-weight:800;font-size:clamp(38px,6vw,86px);letter-spacing:-.06em;line-height:.88;
  font-variant-numeric:tabular-nums}
.mda-jump__c{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mda-bdx-glow);
  font-weight:700;margin-top:.8em}
.mda-chart{width:100%;height:auto;display:block}
.mda-chart text{font-family:var(--mda-sans);fill:var(--mda-beige-3)}
.mda-chart .mda-dot{cursor:pointer;transition:r .3s var(--mda-e)}

/* ── Listas con viñeta ── */
ul.mda-tick{list-style:none;display:grid;gap:.6em;margin:0;padding:0}
ul.mda-tick li{position:relative;padding-left:1.4em;font-size:clamp(12px,1.08vw,14.5px);
  color:var(--mda-beige-2);line-height:1.5}
ul.mda-tick li::before{content:"";position:absolute;left:0;top:.52em;width:7px;height:7px;
  border-radius:50%;background:var(--mda-bdx-glow);opacity:.78}
ul.mda-tick li.is-no{color:var(--mda-beige-3)}
ul.mda-tick li.is-no::before{background:none;border:1px solid var(--mda-beige-3);opacity:.45}
ul.mda-tick li strong{color:var(--mda-beige);font-weight:700}

/* ── Trayectoria: pestañas desplegables ── */
.mda-acc{display:grid;gap:5px}
.mda-acc__g{overflow:hidden}
.mda-acc__g[data-sec="inst"]{background:linear-gradient(rgba(193,0,56,.1),rgba(193,0,56,.1)),var(--mda-glass)}
.mda-acc__h{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;
  gap:clamp(9px,1.2vw,16px);align-items:center;text-align:left;cursor:pointer;
  padding:clamp(11px,1.2vw,16px) clamp(13px,1.5vw,20px);
  background:none;border:0;color:inherit;font-family:inherit;transition:background .4s var(--mda-e)}
.mda-acc__h:hover{background:rgba(255,255,255,.055)}
.mda-acc__ico{width:7px;height:7px;border-radius:50%;background:var(--mda-bdx-glow);opacity:.5;
  transition:.4s var(--mda-e)}
.mda-acc__g.is-open .mda-acc__ico{opacity:1;box-shadow:0 0 10px var(--mda-bdx-glow)}
.mda-acc__t{font-size:clamp(13px,1.2vw,16px);font-weight:700;color:var(--mda-beige);letter-spacing:-.015em}
.mda-acc__c{font-size:10px;font-weight:700;color:var(--mda-bdx-glow);font-variant-numeric:tabular-nums;
  background:rgba(193,0,56,.22);border:1px solid rgba(255,45,98,.3);border-radius:99px;
  padding:2px 9px;line-height:1.6}
.mda-acc__chv{width:9px;height:9px;border-right:1.6px solid var(--mda-beige-3);
  border-bottom:1.6px solid var(--mda-beige-3);transform:rotate(45deg);
  transition:transform .45s var(--mda-e),border-color .4s var(--mda-e)}
.mda-acc__g.is-open .mda-acc__chv{transform:rotate(-135deg);border-color:var(--mda-bdx-glow)}
.mda-acc__b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--mda-e)}
.mda-acc__g.is-open .mda-acc__b{grid-template-rows:1fr}
.mda-acc__b>div{overflow:hidden}

.mda-tl{display:grid;grid-template-columns:clamp(110px,13vw,178px) 1fr;gap:clamp(10px,1.4vw,22px);
  align-items:baseline;border-top:1px solid rgba(255,255,255,.055);
  padding:clamp(8px,.9vw,12px) clamp(13px,1.5vw,20px) clamp(8px,.9vw,12px) clamp(30px,3.2vw,46px);
  transition:background .35s var(--mda-e)}
.mda-tl:hover{background:rgba(255,255,255,.05)}
.mda-tl__y{font-size:clamp(10px,.92vw,12px);font-weight:700;letter-spacing:.08em;
  color:var(--mda-bdx-glow);font-variant-numeric:tabular-nums;white-space:nowrap}
.mda-tl__y.is-now::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--mda-bdx-glow);margin-left:6px;vertical-align:middle;
  box-shadow:0 0 0 0 rgba(255,45,98,.7);animation:mdaPulse 2.4s infinite}
@keyframes mdaPulse{70%{box-shadow:0 0 0 6px rgba(255,45,98,0)}100%{box-shadow:0 0 0 0 rgba(255,45,98,0)}}
.mda-tl__r{font-size:clamp(12px,1.1vw,14.5px);color:var(--mda-beige);font-weight:500;line-height:1.45}
.mda-tl__r em{font-family:var(--mda-serif);font-style:italic;font-weight:400;font-size:1.09em}

/* ── Planes ── */
.mda-planes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(11px,1.4vw,20px);align-items:start}
.mda-plan{padding:clamp(20px,2.3vw,32px);display:flex;flex-direction:column;
  transition:transform .55s var(--mda-e),border-color .55s var(--mda-e),box-shadow .55s var(--mda-e)}
.mda-plan:hover{transform:translateY(-6px)}
.mda-plan--rec{padding-top:calc(clamp(20px,2.3vw,32px) + 24px)}
.mda-plan__rec{position:absolute;top:0;left:0;right:0;text-align:center;font-size:9.5px;
  letter-spacing:.2em;text-transform:uppercase;font-weight:700;padding:8px;color:#fff;
  background:linear-gradient(90deg,var(--mda-bdx),var(--mda-bdx-lit))}
.mda-plan__tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mda-bdx-glow);font-weight:700}
.mda-plan__pvp{font-weight:800;font-size:clamp(32px,4.2vw,54px);letter-spacing:-.05em;line-height:.92;
  margin:.28em 0 0;font-variant-numeric:tabular-nums}
.mda-plan__pvp small{font-size:.32em;font-weight:500;color:var(--mda-beige-3);letter-spacing:-.01em}
.mda-plan__nom{font-family:var(--mda-serif);font-style:italic;font-size:clamp(16px,1.55vw,21px);
  font-weight:400;color:var(--mda-beige);margin:.35em 0 1.1em}
.mda-plan ul{margin-bottom:auto}

/* ── Comparativa ── */
.mda-cmp{width:100%;border-collapse:collapse;font-size:clamp(12px,1.06vw,14px)}
.mda-cmp th{padding:13px 14px;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:var(--mda-beige-3);text-align:center;border-bottom:1px solid var(--mda-brd)}
.mda-cmp th:first-child{text-align:left}
.mda-cmp th.is-hi{color:var(--mda-bdx-glow)}
.mda-cmp td{padding:12px 14px;text-align:center;color:var(--mda-beige-2);
  border-bottom:1px solid rgba(255,255,255,.05);transition:background .35s var(--mda-e)}
.mda-cmp td:first-child{text-align:left;color:var(--mda-beige);font-weight:500}
.mda-cmp tr:hover td{background:rgba(255,255,255,.035)}
.mda-cmp td.is-hi{background:rgba(193,0,56,.17)}
.mda-cmp tr:hover td.is-hi{background:rgba(193,0,56,.26)}
.mda-yes{color:var(--mda-bdx-glow);font-weight:700}
.mda-no{color:var(--mda-beige-3);opacity:.5}

/* ── Configurador ── */
.mda-cfg{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(12px,1.6vw,24px);align-items:start}
.mda-q{margin-bottom:clamp(14px,1.8vh,22px)}
.mda-q:last-child{margin-bottom:0}
.mda-q__l{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mda-beige-3);
  font-weight:700;margin-bottom:10px}
.mda-chips{display:flex;gap:6px;flex-wrap:wrap}
.mda-chip{padding:10px 17px;border-radius:99px;font-size:clamp(12px,1.05vw,14px);font-weight:600;
  background:var(--mda-glass);border:1px solid var(--mda-brd);color:var(--mda-beige-2);
  cursor:pointer;font-family:inherit;transition:.42s var(--mda-e)}
.mda-chip:hover{background:var(--mda-glass-2);color:var(--mda-beige)}
.mda-chip[aria-pressed="true"]{background:var(--mda-bdx-lit);border-color:var(--mda-bdx-glow);
  color:#fff;box-shadow:0 8px 26px -10px rgba(193,0,56,.85)}
.mda-res{padding:clamp(20px,2.4vw,32px);text-align:center}
.mda-res__l{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mda-bdx-glow);font-weight:700}
.mda-res__p{font-weight:800;font-size:clamp(34px,4.6vw,60px);letter-spacing:-.05em;line-height:.95;
  margin:.3em 0 .12em;font-variant-numeric:tabular-nums;transition:opacity .35s var(--mda-e)}
.mda-res__p small{font-size:.3em;font-weight:500;color:var(--mda-beige-3)}
.mda-res__n{font-family:var(--mda-serif);font-style:italic;font-size:clamp(16px,1.6vw,22px);
  color:var(--mda-beige);font-weight:400}
.mda-res__w{font-size:clamp(11.5px,1.02vw,13.5px);color:var(--mda-beige-3);line-height:1.55;
  margin-top:1em;border-top:1px solid var(--mda-brd);padding-top:1em;min-height:3.4em}

/* ── Niveles de producción ── */
.mda-lv{display:flex;gap:5px;margin-bottom:clamp(12px,1.6vh,20px)}
.mda-lv button{flex:1;padding:13px;border-radius:var(--mda-r-s);font-size:clamp(12px,1.05vw,14px);
  font-weight:700;background:var(--mda-glass);border:1px solid var(--mda-brd);color:var(--mda-beige-3);
  cursor:pointer;font-family:inherit;transition:.42s var(--mda-e)}
.mda-lv button:hover{background:var(--mda-glass-2);color:var(--mda-beige)}
.mda-lv button[aria-pressed="true"]{background:var(--mda-bdx-lit);border-color:var(--mda-bdx-glow);
  color:#fff;box-shadow:0 8px 26px -10px rgba(193,0,56,.85)}
.mda-lvp{padding:clamp(20px,2.4vw,32px);display:none}
.mda-lvp.is-on{display:block;animation:mdaFadeIn .5s var(--mda-e)}
@keyframes mdaFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mda-lvp__t{font-weight:700;font-size:clamp(19px,2.2vw,30px);letter-spacing:-.03em;margin-bottom:.7em}
.mda-lvp__t span{color:var(--mda-bdx-glow)}

/* ── Extras ── */
.mda-extra__pvp{font-weight:800;font-size:clamp(30px,3.8vw,48px);letter-spacing:-.05em;line-height:.95}
.mda-extra__pvp small{font-size:.32em;font-weight:500;color:var(--mda-beige-2)}

/* ── Clientes ── */
.mda-mq{overflow:hidden;padding:16px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.mda-mq>div{display:flex;gap:clamp(20px,2.8vw,42px);width:max-content;animation:mdaMq 42s linear infinite}
.mda-mq:hover>div{animation-play-state:paused}
.mda-mq span{font-size:clamp(12px,1.2vw,15px);color:var(--mda-beige-3);white-space:nowrap;
  transition:color .3s}
.mda-mq span:hover{color:var(--mda-bdx-glow)}
@keyframes mdaMq{to{transform:translateX(-50%)}}

/* ── Método ── */
.mda-paso__n{font-weight:800;font-size:clamp(28px,3.4vw,44px);color:var(--mda-brd);
  letter-spacing:-.05em;line-height:1;transition:color .45s var(--mda-e)}
.mda-glass--pop:hover .mda-paso__n{color:var(--mda-bdx-glow)}

/* ── Presupuesto personalizado ── */
.mda-presu{display:flex;align-items:center;justify-content:space-between;
  gap:clamp(16px,2.6vw,40px);flex-wrap:wrap}
.mda-presu>div:first-child{flex:1;min-width:min(100%,320px)}
.mda-presu__cta{display:flex;gap:8px;flex-wrap:wrap}

/* ── Cierre ── */
.mda-cierre{padding-bottom:clamp(60px,10vh,120px)}

@media(max-width:980px){
  .mda-jump{grid-template-columns:1fr;gap:18px}
  .mda-planes,.mda-cfg{grid-template-columns:1fr}
  .mda-plan--rec{order:-1}
  .mda-lv{flex-direction:column}
  .mda-tl{grid-template-columns:1fr;gap:3px;padding-left:clamp(22px,5vw,32px)}
  .mda-cmp{font-size:11px}
  .mda-cmp th,.mda-cmp td{padding:9px 7px}
}