/* Cronograma de /contratacion-estatal/ : carpeta de expediente (aprobada por Héctor el 28-sep-2026, manila + tinta azul).
   Generado desde diseno/prototipos/contratacion-estatal/carpeta-opciones.src.html: cada regla va bajo .articulo .ej-crono
   para ganarle a las reglas generales de .articulo (numeración de ol, subrayado de enlaces, márgenes de p).
   El texto lo imprime PHP (inc/cronograma.php); este archivo solo lo viste. Sin JavaScript todo se lee. */
.articulo .ej-crono{--papel:#F3F4F1;--tinta:#14171C;--gris:#5A616B;--tenue:#8B9097;--filete:#DCDED8;--marino:#141C2C;
  --cobre:#B47840;--cobre-osc:#8A6A34;--hoja:#FDFDFB;--carpeta:#E6DECF;--carpeta-borde:#D3C8B3;--carpeta-sombra:rgba(92,72,40,.14);
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);
  container-type:inline-size;
  /* mismas líneas que la carátula y la barra: el ancho del .ancho del tema menos su margen (28-sep) */
  --wc:min(calc(var(--ancho,1120px) - 2 * var(--g,64px)),calc(100vw - 2 * var(--g,20px)));width:var(--wc);margin:30px 0 0 calc(50% - var(--wc) / 2);
  font-family:'Aleo',Georgia,serif;color:var(--tinta)}
@media (max-width:760px){.articulo .ej-crono{width:auto;margin-left:0}}
.articulo .ej-crono p,.articulo .ej-crono h3,.articulo .ej-crono h4,.articulo .ej-crono ul,.articulo .ej-crono ol,.articulo .ej-crono li,.articulo .ej-crono dl,.articulo .ej-crono dt,.articulo .ej-crono dd{margin:0;padding:0}
.articulo .ej-crono ul,.articulo .ej-crono ol{list-style:none}
.articulo .ej-crono li{font-size:inherit;line-height:inherit;counter-increment:none;padding-left:0}
.articulo .ej-crono li::before{content:none}
.articulo .ej-crono a{box-shadow:none;text-decoration:none;color:inherit}
.articulo .ej-crono button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}
.articulo .ej-crono .filtros{position:absolute;width:0;height:0;overflow:hidden}
/* sin JavaScript: todas las hojas a la vista, anexos abiertos, sin pestaña ni sello animado */
.articulo .ej-crono:not(.vivo) .pestana,.articulo .ej-crono:not(.vivo) .mas,.articulo .ej-crono:not(.vivo) .cuerpo{display:none}
.articulo .ej-crono:not(.vivo) .anexo-marco{grid-template-rows:1fr}
.articulo .ej-crono:not(.vivo) .hoja + .hoja{margin-top:22px}
.articulo .ej-crono.vivo .hoja:not(.activa){display:none}
.articulo .ej-crono .crono{max-width:1040px;margin:30px auto 0}
.articulo .ej-crono .tramos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));font:600 10.5px/1 'Public Sans',sans-serif;
  letter-spacing:.2em;text-transform:uppercase;color:var(--tenue)}
.articulo .ej-crono .tramos span{margin-right:10px;padding-bottom:9px;border-bottom:1px solid var(--filete);position:relative}
.articulo .ej-crono .tramos span:nth-child(1){grid-column:1}
.articulo .ej-crono .tramos span:nth-child(2){grid-column:2/6}
.articulo .ej-crono .tramos span:nth-child(3){grid-column:6/9}
.articulo .ej-crono .tramos span::before,.articulo .ej-crono .tramos span::after{content:"";position:absolute;bottom:-1px;width:1px;height:6px;background:var(--filete)}
.articulo .ej-crono .tramos span::before{left:0}
.articulo .ej-crono .tramos span::after{right:0}
.articulo .ej-crono .riel{position:relative;margin-top:22px}
.articulo .ej-crono .etapas{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative}
.articulo .ej-crono .etapas::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--tinta)}
.articulo .ej-crono .etapa > button{position:relative;display:block;width:100%;text-align:left;padding:24px 8px 12px 16px;
  font:500 13.5px/1.25 'Public Sans',sans-serif;color:var(--gris);transition:color 200ms ease,transform 140ms var(--ease-out)}
.articulo .ej-crono .etapa > button::before{content:"";position:absolute;left:0;top:1px;width:11px;height:11px;background:var(--papel);
  border:1px solid var(--tinta);transform:rotate(45deg) scale(.82);transition:background-color 200ms ease,transform 240ms var(--ease-out),border-color 200ms ease}
.articulo .ej-crono .etapa > button .num{display:block;font:400 12px/1 'Public Sans',sans-serif;color:var(--tenue);margin-bottom:6px;font-variant-numeric:tabular-nums}
.articulo .ej-crono .etapa > button .tr{display:none}
.articulo .ej-crono .etapa > button[aria-expanded=true]{color:var(--tinta)}
.articulo .ej-crono .etapa > button[aria-expanded=true]::before{background:var(--cobre);border-color:var(--cobre);transform:rotate(45deg) scale(1)}
.articulo .ej-crono .etapa > button:active{transform:scale(.97)}
.articulo .ej-crono .etapa > button:focus-visible{outline:2px solid var(--cobre);outline-offset:4px}
@media (hover:hover) and (pointer:fine){
.articulo .ej-crono .etapa > button:hover{color:var(--tinta)}
.articulo .ej-crono .etapa > button:hover::before{border-color:var(--cobre)}
}
.articulo .ej-crono{--grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .25 0 0 0 0 .15 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --carpeta-luz:#EFE8DB}
.articulo .ej-crono .cartulina{background:var(--grano),linear-gradient(180deg,var(--carpeta-luz) 0%,var(--carpeta) 38%,var(--carpeta) 100%)}
.articulo .ej-crono .carpeta{position:relative;margin-top:46px;padding:18px 18px 30px;border-radius:3px 10px 10px 10px;
  box-shadow:inset 0 0 0 1px var(--carpeta-borde),inset 0 2px 0 rgba(255,255,255,.55),
    0 1px 1px rgba(60,48,28,.08),0 3px 6px -2px var(--carpeta-sombra),0 22px 40px -24px var(--carpeta-sombra)}
.articulo .ej-crono .carpeta[hidden]{display:none}
.articulo .ej-crono .carpeta::after{content:"";position:absolute;left:14px;right:14px;bottom:9px;height:5px;pointer-events:none;
  border-top:1px solid rgba(90,70,40,.13);border-bottom:1px solid rgba(255,255,255,.55)}
.articulo .ej-crono .pestana{position:absolute;left:0;top:-30px;height:31px;pointer-events:none}
.articulo .ej-crono .pestana .forma{position:absolute;inset:0;background:var(--grano),linear-gradient(180deg,var(--carpeta) 0%,var(--carpeta-luz) 100%)}
.articulo .ej-crono .pestana svg{position:absolute;inset:0;overflow:visible}
.articulo .ej-crono .pestana .rotulo{position:absolute;left:24px;top:7px;display:flex;align-items:center;height:19px;padding:0 10px;white-space:nowrap;
  background:#FFFEFA;border:1px solid rgba(90,70,40,.16);border-radius:1.5px;box-shadow:0 1px 0 rgba(90,70,40,.06);
  font:600 10.5px/1 'Public Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.articulo .ej-crono .pestana .n{color:var(--cobre-osc);margin-right:8px;font-variant-numeric:tabular-nums}
.articulo .ej-crono .atras{position:absolute;left:30px;right:16px;top:12px;bottom:34px;background:#F6F6F2;border:1px solid rgba(20,28,44,.08);transform:rotate(.5deg);transform-origin:left top;box-shadow:0 1px 3px rgba(60,48,28,.08)}
.articulo .ej-crono .hoja{position:relative;background:var(--hoja);padding:22px 30px 30px;border-radius:1px;
  box-shadow:0 0 0 1px rgba(20,28,44,.07),0 1px 1px rgba(20,28,44,.06),0 2px 4px -1px rgba(60,48,28,.08),0 12px 22px -14px rgba(60,48,28,.30)}
.articulo .ej-crono .clip{position:absolute;left:24px;top:-18px;width:31px;height:60px;pointer-events:none;overflow:visible;filter:drop-shadow(.7px 1.6px .9px rgba(20,28,44,.26))}
.articulo .ej-crono .cab{display:flex;justify-content:space-between;gap:12px;padding:0 0 12px 34px;border-bottom:1px solid var(--tinta);
  font:600 10.5px/1.2 'Public Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--tenue)}
.articulo .ej-crono .cab .de{font-variant-numeric:tabular-nums;letter-spacing:.1em}
.articulo .ej-crono .hoja h3{margin-top:20px;font-size:25px;font-weight:300;letter-spacing:-.01em;line-height:1.2;max-width:30ch;text-wrap:balance}
.articulo .ej-crono .campos{margin-top:14px}
.articulo .ej-crono .campo{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--filete)}
.articulo .ej-crono .campo dt{padding-top:4px;font:600 10.5px/1.3 'Public Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tenue)}
.articulo .ej-crono .campo dd{font-size:16.5px;line-height:1.55}
.articulo .ej-crono .hoja .ir{margin-top:18px;font:500 14.5px 'Public Sans',sans-serif}
.articulo .ej-crono .hoja .ir a{color:inherit;text-decoration:none;box-shadow:inset 0 -1px 0 var(--cobre)}
.articulo .ej-crono .hoja .ir a:focus-visible{outline:2px solid var(--cobre);outline-offset:3px}
.articulo .ej-crono .estampa{position:absolute;right:34px;bottom:0;width:114px;height:114px;pointer-events:none;--tinta:#2B3C8F}
.articulo .ej-crono .marca{position:absolute;inset:0;opacity:0;mix-blend-mode:multiply;color:var(--tinta)}
.articulo .ej-crono .marca svg{width:100%;height:100%;overflow:visible;filter:url(#tinta)}
.articulo .ej-crono .marca text{font-family:'Public Sans',sans-serif;font-weight:600;fill:currentColor}
.articulo .ej-crono .marca text.claro{fill:#FDFDFB}
.articulo .ej-crono .cuerpo{position:absolute;inset:-8px;border-radius:50%;opacity:0;
  background:radial-gradient(circle at 40% 35%,#34405A 0%,#1A2233 60%,#10161F 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -3px 0 rgba(0,0,0,.3),0 4px 8px -2px rgba(20,28,44,.35)}
.articulo .ej-crono .cuerpo::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#E2B07C 0%,#B47840 48%,#6E4A22 100%);box-shadow:0 3px 6px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.3)}
.articulo .ej-crono .clip{transform-origin:50% 10%}
.articulo .ej-crono .sello b{display:block;font-weight:600;font-size:15px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.articulo .ej-crono .principal{position:relative}
.articulo .ej-crono .acciones{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:6px;min-height:112px;padding-right:160px}
.articulo .ej-crono .hoja .acciones .ir{margin:0}
.articulo .ej-crono .mas{display:inline-flex;align-items:center;gap:10px;padding:9px 14px 9px 12px;border:1px solid var(--tinta);border-radius:2px;
  font:600 12px/1 'Public Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);background:transparent;
  transition:background-color 200ms ease,color 200ms ease,transform 140ms var(--ease-out)}
.articulo .ej-crono .mas i{position:relative;width:10px;height:10px}
.articulo .ej-crono .mas i::before,.articulo .ej-crono .mas i::after{content:"";position:absolute;left:0;top:4.5px;width:10px;height:1.5px;background:currentColor;transition:transform 220ms var(--ease-out)}
.articulo .ej-crono .mas i::after{transform:rotate(90deg)}
.articulo .ej-crono .mas[aria-expanded=true] i::after{transform:rotate(0)}
.articulo .ej-crono .mas:active{transform:scale(.97)}
.articulo .ej-crono .mas:focus-visible{outline:2px solid var(--cobre);outline-offset:3px}
@media (hover:hover) and (pointer:fine){
.articulo .ej-crono .mas:hover{background:var(--tinta);color:var(--hoja)}
}
.articulo .ej-crono .anexo-marco{display:grid;grid-template-rows:0fr;transition:grid-template-rows 460ms var(--ease-io)}
.articulo .ej-crono .anexo-marco.abierto{grid-template-rows:1fr}
.articulo .ej-crono .anexo-marco > div{overflow:hidden;min-height:0}
.articulo .ej-crono .anexo{margin-top:26px;padding-top:26px;border-top:1.5px dashed #C9CCC5;position:relative}
.articulo .ej-crono .anexo::before{content:"✂";position:absolute;left:-4px;top:-11px;font-size:14px;color:#A9ADB3;background:var(--hoja);padding-right:6px;transform:scaleX(-1)}
.articulo .ej-crono .anexo .rot{font:600 10.5px/1.2 'Public Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--tenue)}
.articulo .ej-crono .anexo .intro{margin-top:12px;font-size:19px;line-height:1.5;max-width:62ch}
.articulo .ej-crono .anexo .plazo{margin-top:14px;padding:12px 16px;background:#F4F5F2;border-left:2px solid var(--cobre);font:400 14.5px/1.55 'Public Sans',sans-serif;color:var(--gris);max-width:70ch}
.articulo .ej-crono .anexo .plazo b{color:var(--tinta);font-weight:600}
.articulo .ej-crono .anexo h4{margin:30px 0 4px;font:600 12px/1.2 'Public Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta)}
.articulo .ej-crono .anexo ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.articulo .ej-crono .anexo li{position:relative;padding:14px 0 14px 34px;border-bottom:1px solid var(--filete);break-inside:avoid}
.articulo .ej-crono .anexo li b{display:block;font:400 17px/1.35 'Aleo',Georgia,serif}
.articulo .ej-crono .anexo li span{display:block;margin-top:4px;font:400 14.5px/1.5 'Public Sans',sans-serif;color:var(--gris)}
.articulo .ej-crono .anexo li small{display:block;margin-top:6px;font:500 11.5px/1.3 'Public Sans',sans-serif;letter-spacing:.04em;color:var(--tenue)}
.articulo .ej-crono .anexo .visto{position:absolute;left:0;top:14px;width:22px;height:20px;color:#2B3C8F;overflow:visible}
.articulo .ej-crono .anexo .visto path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:url(#tinta)}
.articulo .ej-crono .anexo .reglas li::before{content:"§";position:absolute;left:4px;top:13px;font:400 19px/1 'Aleo',serif;color:var(--cobre-osc)}
.articulo .ej-crono .anexo .texto{margin-top:8px;font-size:16.5px;line-height:1.55;max-width:66ch}
.articulo .ej-crono .anexo .honesta{margin-top:26px;font:italic 400 16px/1.55 'Aleo',Georgia,serif;color:var(--gris);max-width:64ch}
.articulo .ej-crono .anexo .cierre{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:18px 20px;background:#F4F5F2}
.articulo .ej-crono .anexo .cierre p{font:400 17px/1.45 'Aleo',Georgia,serif;flex:1 1 280px}
.articulo .ej-crono .anexo .cierre a{display:inline-block;font:600 14px/1 'Public Sans',sans-serif;color:#fff;background:var(--cobre-osc);padding:12px 18px;
  box-shadow:0 3px 0 0 var(--marino);text-decoration:none;transition:transform 140ms var(--ease-out),box-shadow 140ms var(--ease-out)}
.articulo .ej-crono .anexo .cierre a:active{transform:translateY(3px);box-shadow:0 0 0 0 var(--marino)}
.articulo .ej-crono .anexo .cierre a:focus-visible{outline:2px solid var(--cobre);outline-offset:3px}
.articulo .ej-crono .anexo .tabla{margin-top:10px;overflow-x:auto}
.articulo .ej-crono .anexo table{width:100%;border-collapse:collapse;font:400 14.5px/1.45 'Public Sans',sans-serif;min-width:560px}
.articulo .ej-crono .anexo th{text-align:left;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tenue);padding:8px 14px 8px 0;border-bottom:1px solid var(--tinta)}
.articulo .ej-crono .anexo td{padding:11px 14px 11px 0;border-bottom:1px solid var(--filete);vertical-align:top;color:var(--gris)}
.articulo .ej-crono .anexo td:first-child{font:400 16px/1.35 'Aleo',Georgia,serif;color:var(--tinta)}
.articulo .ej-crono .anexo td b{color:var(--tinta);font-weight:600;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){
.articulo .ej-crono .anexo-marco{transition:none}
}
@container (max-width:820px){
.articulo .ej-crono .acciones{padding-right:0;min-height:0;margin-top:20px}
.articulo .ej-crono .anexo ul{grid-template-columns:1fr}
.articulo .ej-crono .anexo .intro{font-size:17px}
.articulo .ej-crono .tramos{display:none}
.articulo .ej-crono .riel{margin-top:6px}
.articulo .ej-crono .etapas{grid-template-columns:1fr}
.articulo .ej-crono .etapas::before{left:5px;right:auto;top:8px;bottom:8px;width:1px;height:auto}
.articulo .ej-crono .etapa > button{padding:13px 0 13px 30px;font-size:16px}
.articulo .ej-crono .etapa > button::before{top:17px}
.articulo .ej-crono .etapa > button.primero::before{top:calc(17px + 35.5px)}
.articulo .ej-crono .etapa > button .num{display:inline;margin:0 8px 0 0}
.articulo .ej-crono .etapa > button.primero .tr{display:block;margin:10px 0 12px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--tenue)}
.articulo .ej-crono .carpeta{margin:38px 0 14px 18px;padding:10px 10px 24px}
.articulo .ej-crono .carpeta::after{left:10px;right:10px;bottom:7px}
.articulo .ej-crono .atras{left:18px;right:10px;bottom:28px}
.articulo .ej-crono .hoja{padding:18px 18px 22px}
.articulo .ej-crono .principal{padding-bottom:118px}
.articulo .ej-crono .cab .de{display:none}
.articulo .ej-crono .campo{grid-template-columns:1fr;gap:6px}
.articulo .ej-crono .estampa{right:10px;bottom:6px;width:104px;height:104px}
}
/* en reposo la hoja muestra su sello; la animación lo oculta y lo vuelve a estampar */
.articulo .ej-crono .marca{opacity:.88}
/* en el celular el encabezado se parte junto al clip: queda solo «Expediente» (28-sep) */
@container (max-width:520px){.articulo .ej-crono .cab-largo{display:none}}