/* Entrada del Instrumento: las tres etapas comparten un mismo ritmo visual. */
#expedienteContenido .instrumento-portada{padding-top:8px}
#expedienteContenido .instrumento-portada-cab{max-width:760px}
#expedienteContenido .instrumento-sobretitulo{display:block;color:#56748a;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
#expedienteContenido .instrumento-portada-cab h1{margin:12px 0 12px;color:#173b59;font-size:clamp(38px,4.5vw,58px);line-height:1.07;letter-spacing:-.04em}
#expedienteContenido .instrumento-portada-cab p{margin:0;color:#536d87;font-size:17px;line-height:1.6}
#expedienteContenido .instrumento-etapas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px;perspective:1200px}
#expedienteContenido .instrumento-etapa{
  --etapa-color:#087f6c;--etapa-inicio:#0c8c7e;--etapa-medio:#087166;--etapa-fin:#064c4f;
  --etapa-sombra:rgba(4,89,82,.28);
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;
  min-width:0;min-height:390px;padding:31px 30px;border:1px solid rgba(255,255,255,.35);
  border-radius:30px;background:linear-gradient(151deg,var(--etapa-inicio),var(--etapa-medio) 51%,var(--etapa-fin));
  color:#fff;text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),inset 0 -1px 0 rgba(5,28,45,.2),0 8px 16px rgba(17,55,74,.08),0 24px 46px var(--etapa-sombra);
  backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);
  transform:translateZ(0);
  transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),filter .35s ease;
  animation:instrumento-card-entrada .7s cubic-bezier(.22,1,.36,1) backwards;
}
#expedienteContenido .instrumento-etapa:nth-child(2){--etapa-color:#2b61bd;--etapa-inicio:#4d87ed;--etapa-medio:#3069d1;--etapa-fin:#1a468e;--etapa-sombra:rgba(31,85,178,.28);animation-delay:.08s}
#expedienteContenido .instrumento-etapa:nth-child(3){--etapa-color:#4d6282;--etapa-inicio:#8296b2;--etapa-medio:#607694;--etapa-fin:#3c506f;--etapa-sombra:rgba(48,68,99,.27);animation-delay:.16s}
#expedienteContenido .instrumento-etapa::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(300px circle at var(--cursor-x,88%) var(--cursor-y,0%),rgba(255,255,255,.36),transparent 72%),radial-gradient(260px circle at 0% 100%,rgba(255,255,255,.13),transparent 74%);
  opacity:.75;transition:opacity .45s ease;
}
#expedienteContenido .instrumento-etapa::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(120deg,transparent 24%,rgba(255,255,255,.02) 39%,rgba(255,255,255,.33) 49%,rgba(255,255,255,.02) 59%,transparent 74%);
  transform:translateX(-125%);transition:transform .85s cubic-bezier(.22,1,.36,1);
}
#expedienteContenido .instrumento-etapa:hover,#expedienteContenido .instrumento-etapa:focus-visible{
  transform:translateY(-9px) scale(1.012);filter:saturate(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(5,28,45,.2),0 10px 19px rgba(17,55,74,.1),0 36px 65px var(--etapa-sombra);
}
#expedienteContenido .instrumento-etapa:hover::before,#expedienteContenido .instrumento-etapa:focus-visible::before{opacity:1}
#expedienteContenido .instrumento-etapa:hover::after,#expedienteContenido .instrumento-etapa:focus-visible::after{transform:translateX(125%)}
#expedienteContenido .instrumento-etapa:active{transform:translateY(-2px) scale(.994);transition-duration:.15s}
#expedienteContenido .instrumento-etapa:focus-visible{outline:3px solid #173b59;outline-offset:4px}
#expedienteContenido .instrumento-etapa > *{position:relative;z-index:1}
#expedienteContenido .instrumento-etapa-icono{
  display:grid;place-items:center;width:108px;height:108px;margin-bottom:28px;
  border:1px solid rgba(255,255,255,.42);border-radius:27px;
  background:linear-gradient(145deg,rgba(255,255,255,.29),rgba(255,255,255,.1));color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 12px 28px rgba(3,30,54,.18);
  transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;
}
#expedienteContenido .instrumento-etapa:hover .instrumento-etapa-icono,#expedienteContenido .instrumento-etapa:focus-visible .instrumento-etapa-icono{transform:translateY(-4px) rotate(-3deg) scale(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 20px 36px rgba(3,30,54,.24)}
#expedienteContenido .instrumento-etapa-icono svg{display:block;width:80px;height:80px;filter:drop-shadow(0 4px 7px rgba(4,32,55,.2))}
#expedienteContenido .instrumento-etapa-numero{color:rgba(255,255,255,.82);font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
#expedienteContenido .instrumento-etapa h2{margin:8px 0 11px;color:#fff;font-size:clamp(28px,2.9vw,36px);font-weight:750;line-height:1.1;letter-spacing:-.035em;text-shadow:0 2px 8px rgba(0,31,49,.12)}
#expedienteContenido .instrumento-etapa p{margin:0;color:rgba(255,255,255,.9);font-size:14px;line-height:1.6}
#expedienteContenido .instrumento-etapa-accion{
  display:inline-flex;align-items:center;justify-content:space-between;align-self:stretch;
  gap:18px;min-height:49px;margin-top:auto;padding:8px 11px 8px 17px;
  border:1px solid rgba(255,255,255,.8);border-radius:999px;
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.91));color:var(--etapa-color);
  box-shadow:inset 0 1px 0 #fff,0 8px 17px rgba(2,29,49,.17);
  font-size:13px;font-weight:750;line-height:1.25;
  transition:box-shadow .35s ease,transform .45s cubic-bezier(.22,1,.36,1);
}
#expedienteContenido .instrumento-etapa-accion span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--etapa-color) 11%,white);font-size:18px;font-weight:500;line-height:1;transition:transform .4s cubic-bezier(.22,1,.36,1)}
#expedienteContenido .instrumento-etapa:hover .instrumento-etapa-accion,#expedienteContenido .instrumento-etapa:focus-visible .instrumento-etapa-accion{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 12px 24px rgba(2,29,49,.23)}
#expedienteContenido .instrumento-etapa:hover .instrumento-etapa-accion span,#expedienteContenido .instrumento-etapa:focus-visible .instrumento-etapa-accion span{transform:translate(2px,-2px)}
@keyframes instrumento-card-entrada{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
#expedienteContenido .instrumento-ruta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 30px;padding:0 0 16px;border-bottom:1px solid #dae4eb;color:#6b8194;font-size:12px;font-weight:600;letter-spacing:.03em}
#expedienteContenido .instrumento-ruta a{color:#17665f;text-decoration:none}
#expedienteContenido .instrumento-ruta a:hover{text-decoration:underline;text-underline-offset:3px}
#expedienteContenido .instrumento-ruta a:focus-visible{outline:3px solid #087f6c;outline-offset:3px}
#expedienteContenido .instrumento-fase-cab{max-width:760px;margin-bottom:32px}
#expedienteContenido .instrumento-fase-cab h2{margin:10px 0 10px;color:#173b59;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em}
#expedienteContenido .instrumento-fase-cab p{margin:0;color:#536d87;font-size:16px;line-height:1.6}
#expedienteContenido .planeacion-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;padding:clamp(22px,3.5vw,38px);border:1px solid #d3dfed;border-radius:20px;background:#fff;box-shadow:0 10px 30px #142c4708}
#expedienteContenido .planeacion-form-cab,#expedienteContenido .planeacion-ancho,#expedienteContenido .planeacion-pie{grid-column:1/-1}
#expedienteContenido .planeacion-form-cab h3{margin:0 0 6px;color:#173b59;font-size:24px;line-height:1.2}
#expedienteContenido .planeacion-form-cab p{margin:0;color:#617a8e;font-size:14px;line-height:1.5}
#expedienteContenido .planeacion-campo label{display:block;margin-bottom:8px;color:#214160;font-size:14px;font-weight:600}
#expedienteContenido .planeacion-campo :is(input,textarea){box-sizing:border-box;width:100%;min-width:0;padding:12px 14px;border:1px solid #aebfd1;border-radius:10px;background:#fcfdff;color:#17314c;font:400 16px/1.5 var(--fuente)}
#expedienteContenido .planeacion-campo textarea{min-height:96px;resize:vertical}
#expedienteContenido .planeacion-campo :is(input,textarea):focus-visible{outline:3px solid #087f6c;outline-offset:2px}
#expedienteContenido .planeacion-pie{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:2px}
#expedienteContenido .planeacion-pie p{margin:0;color:#3d665d;font-size:13px}
#expedienteContenido .instrumento-informe{max-width:680px;padding:24px 0 45px}
#expedienteContenido .instrumento-informe-icono{display:grid;place-items:center;width:112px;height:112px;margin-bottom:24px;border-radius:30px;background:#f1f3f5;color:#6b7d8a}
#expedienteContenido .instrumento-informe-icono svg{width:74px;height:74px}
#expedienteContenido .instrumento-informe h2{margin:10px 0;color:#173b59;font-size:clamp(36px,4vw,52px);line-height:1.1}
#expedienteContenido .instrumento-informe p{margin:0 0 26px;color:#536d87;font-size:16px;line-height:1.6}
@media(max-width:860px){
  #expedienteContenido .instrumento-etapas{grid-template-columns:minmax(0,1fr);gap:13px}
  #expedienteContenido .instrumento-etapa{display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:20px;min-height:0;padding:21px;border-radius:24px}
  #expedienteContenido .instrumento-etapa-icono{grid-column:1;grid-row:1/span 4;width:90px;height:90px;margin:0;border-radius:22px}
  #expedienteContenido .instrumento-etapa-icono svg{width:70px;height:70px}
  #expedienteContenido .instrumento-etapa-numero,#expedienteContenido .instrumento-etapa h2,#expedienteContenido .instrumento-etapa p,#expedienteContenido .instrumento-etapa-accion{grid-column:2}
  #expedienteContenido .instrumento-etapa-numero{grid-row:1}
  #expedienteContenido .instrumento-etapa h2{grid-row:2;margin:5px 0}
  #expedienteContenido .instrumento-etapa p{grid-row:3}
  #expedienteContenido .instrumento-etapa-accion{grid-row:4;margin-top:15px}
}
@media(max-width:620px){
  #expedienteContenido .instrumento-portada-cab h1{font-size:36px}
  #expedienteContenido .instrumento-etapas{margin-top:30px}
  #expedienteContenido .instrumento-ruta{align-items:flex-start;flex-direction:column;gap:4px}
  #expedienteContenido .planeacion-form{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px}
  #expedienteContenido .planeacion-form-cab,#expedienteContenido .planeacion-ancho,#expedienteContenido .planeacion-pie{grid-column:1}
  #expedienteContenido .planeacion-pie{align-items:stretch;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){#expedienteContenido .instrumento-etapa,#expedienteContenido .instrumento-etapa::before,#expedienteContenido .instrumento-etapa::after,#expedienteContenido .instrumento-etapa-icono,#expedienteContenido .instrumento-etapa-accion,#expedienteContenido .instrumento-etapa-accion span{animation:none!important;transition:none!important;transform:none!important}}