/* =========================================================
   MT Modal Done v1.0 (30-oct-2026)
   Confirmación de los modales de leads (Apply / Solicitud y
   Admissions Representative / nuestro personal), PR y FL.
   Mismo lenguaje que la Solicitud en línea (mt-solicitud):
   la forma se pliega en un paquete, el paquete se comprime en
   una línea láser y la línea se dobla en un check.
   ============================================================ */
.mechtech-card{
  --mtd-red:#CF0103; --mtd-laser:#F83237;
  --mtd-ink-2:#EFEFEF; --mtd-ink-3:#B5B5B5; --mtd-ink-4:#8A8A8A;
  --mtd-field:#141414; --mtd-line:#2A2A2A;
  --mtd-disp:"Involve","Switzer","Segoe UI",system-ui,sans-serif;
  --mtd-body:"Switzer","Segoe UI",system-ui,sans-serif;
}

/* ---------- animación ---------- */
.mtd-tx{position:absolute;inset:0;z-index:6;pointer-events:none;perspective:1000px;border-radius:inherit;overflow:hidden}
.mtd-tx[hidden]{display:none}
.mtd-busy .mechtech-scroll{overflow:hidden!important}
.mtd-shell{position:absolute;left:0;top:0;overflow:hidden;background:#101010;border:1px solid transparent;border-radius:24px;perspective:900px}
.mtd-face{position:absolute;left:0;top:0;transform-origin:0 0}
.mtd-flap{position:absolute;opacity:0;background:linear-gradient(125deg,#3C3C41 0%,#1E1E22 16%,#111114 72%,#38383D 100%);
  border:1px solid rgba(255,255,255,.13);box-shadow:0 6px 16px rgba(0,0,0,.35)}
.mtd-flap.n{left:0;right:0;top:0;height:50%;transform-origin:50% 0}
.mtd-flap.s{left:0;right:0;bottom:0;height:50%;transform-origin:50% 100%}
.mtd-flap.w{top:0;bottom:0;left:0;width:50%;transform-origin:0 50%}
.mtd-flap.e{top:0;bottom:0;right:0;width:50%;transform-origin:100% 50%}
.mtd-packet{position:absolute;inset:0;opacity:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px 19px 18px;
  background:linear-gradient(125deg,#2F2F34 0%,#151517 38%,#1D1D21 85%,#35353B 100%)}
.mtd-packet::after,.mtd-ticket::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--mtd-laser);box-shadow:0 0 12px rgba(255,0,47,.75)}
.mtd-pk-top,.mtd-tk-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mtd-pk-top img,.mtd-tk-top img{display:block;height:17px;width:auto}
.mtd-pk-top span,.mtd-tk-top span{font:400 12px/1 var(--mtd-body);color:var(--mtd-ink-4)}
.mtd-pk-body b,.mtd-tk-body b{display:block;font:600 17px/1.15 var(--mtd-disp);color:#fff;letter-spacing:-.01em}
.mtd-pk-body span,.mtd-tk-body span{display:block;margin-top:4px;font:400 12.5px/1.3 var(--mtd-body);color:var(--mtd-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtd-cap{position:absolute;left:0;right:0;margin:0;text-align:center;font:400 14px/1.3 var(--mtd-body);color:var(--mtd-ink-4);opacity:0}
.mtd-sig{position:absolute;left:0;top:0;overflow:visible;opacity:0;
  filter:drop-shadow(0 0 6px rgba(239,16,32,.5)) drop-shadow(0 0 20px rgba(255,0,32,.33))}
.mtd-sig polyline,.mtd-ico polyline{fill:none;stroke:var(--mtd-laser);stroke-linecap:round;stroke-linejoin:round}

/* ---------- confirmación ---------- */
.mtd-has-done .gform_confirmation_wrapper{display:none!important}
.mtd-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 6px 4px;color:#fff;font-family:var(--mtd-body)}
.mtd-ico{display:block;width:120px;height:91px;overflow:visible;margin:0 0 8px;
  filter:drop-shadow(0 0 6px rgba(239,16,32,.5)) drop-shadow(0 0 20px rgba(255,0,32,.33))}
.mtd-done h2{margin:0;font:700 clamp(30px,3.4vw,40px)/1.05 var(--mtd-disp);letter-spacing:-.04em;color:#fff;outline:none}
.mtd-done p{max-width:44ch;margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--mtd-ink-3)}
.mtd-done p b{color:#fff;font-weight:600}
.mtd-done .nw{white-space:nowrap}
.mtd-ticket{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:100%;max-width:440px;min-height:108px;
  margin-top:22px;padding:16px 20px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.22);text-align:left;overflow:hidden;
  background:linear-gradient(125deg,#2F2F34 0%,#151517 38%,#1D1D21 85%,#35353B 100%);box-shadow:0 18px 42px rgba(0,0,0,.45)}
.mtd-next{margin-top:10px;width:100%;max-width:440px;padding:16px 20px;border-radius:18px;background:var(--mtd-field);border:1px solid var(--mtd-line);text-align:left}
.mtd-next b{display:block;font:600 15.5px/1.3 var(--mtd-disp);color:#fff}
.mtd-next span{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:var(--mtd-ink-3)}
.mtd-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.mtd-pill{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 7px 0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.24);
  color:#fff!important;text-decoration:none!important;font:600 15px/1 var(--mtd-disp);transition:border-color .2s,background-color .2s}
.mtd-pill:hover{border-color:#fff;background:rgba(255,255,255,.04)}
.mtd-pill i{flex:none;width:38px;height:38px;border-radius:50%;background:var(--mtd-red);display:grid;place-items:center}
.mtd-pill svg{width:13px;height:13px}
.mtd-close{margin-top:18px;appearance:none;border:0;background:none;padding:6px;font:600 14px var(--mtd-body);color:var(--mtd-ink-4);cursor:pointer;
  text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:4px}
.mtd-close:hover{color:#fff}
@media (max-width:640px){
  .mtd-ico{width:104px;height:79px}
  .mtd-done p{font-size:15px}
  .mtd-actions{flex-direction:column;width:100%;max-width:440px}
  .mtd-pill{width:100%;justify-content:space-between}
}