@import url('./factory-approved-ui-base.css');

/* FOCUSED_DENSITY_CORRECTION_V1 — AG-03 + AG-04 + AG-05
   Scope: Steps 2–5 only. Shared shell intentionally untouched. */
@media (min-width:1201px){
  /* Paso 2 — recuperar altura útil y respiración del editor */
  #fabrica-cursos[data-factory-step="2"] #factoryStep2Courses,
  #fabrica-cursos[data-factory-step="2"] .fa-step2-editor{
    min-height:515px!important;
  }
  #fabrica-cursos[data-factory-step="2"] #factoryStep2Body{
    min-height:292px!important;
    padding:14px 16px 12px!important;
  }
  #fabrica-cursos[data-factory-step="2"] .fa-s2-general-grid{
    gap:12px 14px!important;
  }
  #fabrica-cursos[data-factory-step="2"] .fa-s2-general-grid input,
  #fabrica-cursos[data-factory-step="2"] .fa-s2-general-grid select{
    min-height:40px!important;
    padding:8px 10px!important;
  }
  #fabrica-cursos[data-factory-step="2"] .fa-s2-competency textarea{
    min-height:100px!important;
  }
  #fabrica-cursos[data-factory-step="2"] .fa-s2-description textarea{
    min-height:94px!important;
  }
  #fabrica-cursos[data-factory-step="2"] .fa-step2-ai-card{
    min-height:84px!important;
    margin-top:10px!important;
    padding:12px 14px!important;
  }

  /* Paso 3 — aumentar jerarquía y legibilidad sin perder las 5 observaciones */
  #fabrica-cursos[data-factory-step="3"] .fa-validation-card{
    min-height:104px!important;
    grid-template-columns:92px minmax(0,1fr) auto!important;
    padding:9px 12px!important;
    gap:12px!important;
  }
  #fabrica-cursos[data-factory-step="3"] .fa-score-ring{
    width:78px!important;
    height:78px!important;
  }
  #fabrica-cursos[data-factory-step="3"] .fa-score-ring b{
    font-size:22px!important;
  }
  #fabrica-cursos[data-factory-step="3"] .fa-validation-stats>span{
    min-height:32px!important;
    padding:5px 7px!important;
  }
  #fabrica-cursos[data-factory-step="3"] .fa-validation-stats b{
    font-size:16px!important;
  }
  #fabrica-cursos[data-factory-step="3"] .fa-ref-table-title{
    min-height:30px!important;
    padding:6px 10px!important;
    font-size:11.5px!important;
  }
  #fabrica-cursos[data-factory-step="3"] .fa-reference-step table{
    font-size:10.2px!important;
  }
  #fabrica-cursos[data-factory-step="3"] .fa-reference-step th{
    height:24px!important;
    padding:5px 7px!important;
    font-size:9.6px!important;
    line-height:1.15!important;
  }
  #fabrica-cursos[data-factory-step="3"] .fa-reference-step td{
    height:26px!important;
    padding:4px 7px!important;
    font-size:10px!important;
    line-height:1.15!important;
  }
  #fabrica-cursos[data-factory-step="3"] .fa-ref-table-card.compact{
    margin-top:7px!important;
  }

  /* Paso 4 — producción y bitácora con densidad equivalente al baseline */
  #fabrica-cursos[data-factory-step="4"] .fa-production-table th{
    height:28px!important;
    padding:6px 8px!important;
    font-size:9.8px!important;
  }
  #fabrica-cursos[data-factory-step="4"] .fa-production-table td{
    height:50px!important;
    padding:9px 8px!important;
    font-size:10.6px!important;
    line-height:1.2!important;
  }
  #fabrica-cursos[data-factory-step="4"] .fa-production-table td b{
    font-size:10.9px!important;
  }
  #fabrica-cursos[data-factory-step="4"] .fa-ref-table-card.compact{
    margin-top:10px!important;
  }
  #fabrica-cursos[data-factory-step="4"] .fa-ref-table-card.compact th{
    height:27px!important;
    padding:5px 8px!important;
    font-size:9.4px!important;
  }
  #fabrica-cursos[data-factory-step="4"] .fa-ref-table-card.compact td{
    height:36px!important;
    padding:7px 8px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  /* Paso 5 — tabla, Formatos y Licencias a escala de referencia */
  #fabrica-cursos[data-factory-step="5"] .fa-reference-step th{
    height:28px!important;
    padding:6px 8px!important;
    font-size:9.8px!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-reference-step td{
    height:46px!important;
    padding:9px 8px!important;
    font-size:10.6px!important;
    line-height:1.2!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-reference-step td b{
    font-size:10.9px!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-s5-box{
    min-height:216px!important;
    padding-bottom:10px!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-format-row{
    min-height:58px!important;
    padding:9px 5px!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-format-icon{
    width:32px!important;
    height:36px!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-format-row b{
    font-size:10.5px!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-format-row small,
  #fabrica-cursos[data-factory-step="5"] .fa-format-row label{
    font-size:9.2px!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-license-grid{
    gap:10px 12px!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-license-grid select,
  #fabrica-cursos[data-factory-step="5"] .fa-license-grid input{
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:10px!important;
  }
  #fabrica-cursos[data-factory-step="5"] .fa-license-foot{
    padding:9px 12px 12px!important;
  }
}


/* STEP6_APPROVED_BASELINE_V1 — visual contract from Paso 6 Ok */
#fabrica-cursos[data-factory-step="6"] .fa-step6-hidden-shell,
#fabrica-cursos[data-factory-step="6"] .fa-step6-footer-hidden{
  display:none!important
}
#fabrica-cursos[data-factory-step="6"] #factoryStep6Panel{
  display:block!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
#fabrica-cursos[data-factory-step="6"] #factoryStep6Panel > :not(.fa-reference-step6){
  display:none!important
}
#fabrica-cursos[data-factory-step="6"] .factory-approved-workspace{
  padding-top:16px!important;
  padding-bottom:18px!important
}
#fabrica-cursos[data-factory-step="6"] .factory-approved-body{
  grid-template-columns:minmax(0,1fr) 315px!important;
  gap:14px!important
}
#fabrica-cursos[data-factory-step="6"] .factory-approved-context{
  top:72px!important
}
#fabrica-cursos[data-factory-step="6"] .fa-reference-step6{
  background:transparent!important;color:#10245f!important
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-hero{
  display:grid;grid-template-columns:210px minmax(0,1fr) 370px;gap:16px;align-items:center
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-cover{
  height:132px;border:1px solid #cfddeb;border-radius:9px;background:#fff;padding:0;overflow:hidden
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-cover-visual{
  width:100%;height:100%;display:grid;place-items:center;
  background:
    linear-gradient(135deg,rgba(13,82,125,.20),rgba(15,48,72,.15)),
    repeating-linear-gradient(90deg,#c7d3db 0 14px,#9cafba 14px 27px,#e0e7eb 27px 38px);
  color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.35);font:800 34px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-status{
  display:inline-block;padding:4px 9px;border-radius:999px;background:#daf8e8;color:#098348;font:700 11px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-course-head h2{
  margin:8px 0 5px!important;color:#0d2162!important;font:700 23px Arial!important
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-course-head p{
  margin:0 0 10px;color:#526d98;font:12px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-tags{
  display:flex;gap:7px;flex-wrap:wrap
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-tags span{
  padding:5px 9px;border-radius:6px;background:#f3f7fc;color:#233f73;font:700 10px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-delivered{
  min-height:110px;display:flex;flex-direction:column;justify-content:center;
  padding:16px 18px;border:1px solid #bfe9dd;border-radius:9px;background:linear-gradient(135deg,#effff8,#f9fffc)
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-delivered b{
  color:#078544;font:700 17px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-delivered span{
  margin-top:7px;color:#294a78;font:11px/1.45 Arial
}

#fabrica-cursos[data-factory-step="6"] .fa-s6-rail{
  margin:12px 0 10px;padding:13px 16px;display:grid;grid-template-columns:repeat(6,1fr);
  border:1px solid #dfe8f3;border-radius:8px;background:#f8fbff
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-rail span{
  position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-rail span:not(:last-child)::after{
  content:"›";position:absolute;right:8px;top:12px;color:#6d86ae;font-size:22px
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-rail i{
  grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#18b96f;color:#fff;font:700 13px Arial;font-style:normal
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-rail .active i{background:#0b7cf6}
#fabrica-cursos[data-factory-step="6"] .fa-s6-rail .license i{background:#dce7f6;color:#30486f}
#fabrica-cursos[data-factory-step="6"] .fa-s6-rail b{font:700 11px Arial;color:#10245f}
#fabrica-cursos[data-factory-step="6"] .fa-s6-rail small{font:10px Arial;color:#139a59}
#fabrica-cursos[data-factory-step="6"] .fa-s6-rail .license small{color:#365b8d}

#fabrica-cursos[data-factory-step="6"] .fa-s6-tabs{
  display:flex;gap:0;border-bottom:1px solid #dfe8f3;margin-bottom:10px
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-tabs button{
  min-height:40px;padding:9px 18px;border:0;background:transparent;color:#284b83;font:600 10px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-tabs button.active{
  color:#0b6ff0;border-bottom:2px solid #0b6ff0;font-weight:700
}

#fabrica-cursos[data-factory-step="6"] .fa-s6-main-grid{
  display:grid;grid-template-columns:1.15fr .95fr .62fr;gap:12px
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-summary-card,
#fabrica-cursos[data-factory-step="6"] .fa-s6-success-card,
#fabrica-cursos[data-factory-step="6"] .fa-s6-actions-card,
#fabrica-cursos[data-factory-step="6"] .fa-s6-modules,
#fabrica-cursos[data-factory-step="6"] .fa-s6-license{
  border:1px solid #dfe8f3;border-radius:8px;background:#fff
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-summary-card{padding:10px 14px}
#fabrica-cursos[data-factory-step="6"] .fa-s6-summary-card h3,
#fabrica-cursos[data-factory-step="6"] .fa-s6-actions-card h3,
#fabrica-cursos[data-factory-step="6"] .fa-s6-modules h3,
#fabrica-cursos[data-factory-step="6"] .fa-s6-license h3{
  margin:0 0 8px!important;color:#10245f!important;font:700 13px Arial!important
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-summary-card dl{
  display:grid;grid-template-columns:170px 1fr;gap:7px 10px;margin:0;font:10.5px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-summary-card dt{color:#46628d}
#fabrica-cursos[data-factory-step="6"] .fa-s6-summary-card dd{margin:0;color:#10245f;font-weight:600}
#fabrica-cursos[data-factory-step="6"] .fa-s6-okpill{
  display:inline-block;padding:3px 8px;border-radius:999px;background:#daf8e8;color:#078544;font-size:9px
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-success-card{
  padding:18px 20px;text-align:center;background:linear-gradient(135deg,#edfff6,#f8fffc)
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-trophy{font-size:38px}
#fabrica-cursos[data-factory-step="6"] .fa-s6-success-card h3{
  margin:5px 0 8px!important;color:#078544!important;font:800 18px Arial!important
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-success-card p{
  margin:0 0 14px;color:#385582;font:10.5px/1.4 Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-success-card button{
  width:100%;min-height:36px;border:0;border-radius:6px;background:#0b7cf6;color:#fff;font:700 11px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-actions-card{padding:10px}
#fabrica-cursos[data-factory-step="6"] .fa-s6-actions-card button{
  width:100%;min-height:42px;margin:0 0 7px;padding:7px 10px;border:1px solid #8ebbf4;border-radius:6px;background:#fff;color:#133b77;text-align:left;font:10px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-actions-card button.primary{background:#0b7cf6;color:#fff;border-color:#0b7cf6}
#fabrica-cursos[data-factory-step="6"] .fa-s6-actions-card b{display:block;font-size:10px}
#fabrica-cursos[data-factory-step="6"] .fa-s6-actions-card small{display:block;margin-top:2px;font-size:8.5px;font-weight:400}

#fabrica-cursos[data-factory-step="6"] .fa-s6-lower-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:12px;margin-top:10px
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-modules{padding:10px}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid article{
  position:relative;padding:9px;border:1px solid #dfe8f3;border-radius:7px;background:#fff
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .n{
  display:inline-grid;place-items:center;min-width:32px;height:24px;border-radius:5px;color:#fff;font:700 10px Arial;margin-right:6px
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .one{background:#0b7cf6}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .two{background:#7b38f5}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .three{background:#18b96f}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .four{background:#f59a17}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid article>b{font:700 10px Arial;color:#10245f}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .thumb{
  height:48px;margin:7px 0 6px;display:grid;place-items:center;border-radius:5px;font:800 18px Arial;color:#173a78
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .t1{background:linear-gradient(135deg,#cdd8e3,#f3f7fb)}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .t2{background:linear-gradient(135deg,#e6e0d1,#f8f7ef)}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .t3{background:#eef3f6;color:#ef7c00;font-size:30px}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .t4{background:#edf1f4;color:#253344;font-size:12px}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid .done{
  display:inline-block;padding:3px 7px;border-radius:999px;background:#daf8e8;color:#078544;font:9px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-module-grid article button{
  width:100%;min-height:28px;margin-top:5px;border:1px solid #93bdf3;border-radius:5px;background:#fff;color:#0b6ff0;font:600 9px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-license{
  padding:10px;background:linear-gradient(135deg,#f4fffa,#fff)
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-license p{
  margin:0 0 8px;color:#078544;font:10px Arial
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-license dl{
  display:grid;grid-template-columns:82px 1fr;gap:5px;margin:0 0 10px;font:9.5px Arial;color:#31517f
}
#fabrica-cursos[data-factory-step="6"] .fa-s6-license dd{margin:0;color:#10245f}
#fabrica-cursos[data-factory-step="6"] .fa-s6-license button{
  width:100%;min-height:30px;border:1px solid #8ebbf4;border-radius:6px;background:#fff;color:#0b6ff0;font:600 9px Arial
}
@media(max-width:1250px){
  #fabrica-cursos[data-factory-step="6"] .fa-s6-hero{grid-template-columns:170px minmax(0,1fr)}
  #fabrica-cursos[data-factory-step="6"] .fa-s6-delivered{grid-column:1/-1}
  #fabrica-cursos[data-factory-step="6"] .fa-s6-main-grid{grid-template-columns:1fr 1fr}
  #fabrica-cursos[data-factory-step="6"] .fa-s6-actions-card{grid-column:1/-1}
}


/* AG11_STEP3_VISIBILITY_V1 — keep all five observations above fixed footer */
@media(min-width:1201px){
  #fabrica-cursos[data-factory-step="3"] .fa-validation-card{
    min-height:92px!important;
    padding:7px 10px!important
  }
  #fabrica-cursos[data-factory-step="3"] .fa-score-ring{
    width:72px!important;height:72px!important
  }
  #fabrica-cursos[data-factory-step="3"] .fa-validation-stats>span{
    min-height:27px!important;padding:3px 5px!important
  }
  #fabrica-cursos[data-factory-step="3"] .fa-ref-table-title{
    min-height:25px!important;padding:4px 8px!important;font-size:10.5px!important
  }
  #fabrica-cursos[data-factory-step="3"] .fa-reference-step th{
    height:19px!important;padding:3px 6px!important;font-size:8.8px!important
  }
  #fabrica-cursos[data-factory-step="3"] .fa-reference-step td{
    height:21px!important;padding:3px 6px!important;font-size:9.1px!important;line-height:1.08!important
  }
  #fabrica-cursos[data-factory-step="3"] .fa-ref-table-card.compact{
    margin-top:4px!important
  }
}


/* STEP6_VISIBILITY_FIX_V2 — show only approved Project Finalizado composition */
#fabrica-cursos[data-factory-step="6"] .fv-layout,
#fabrica-cursos[data-factory-step="6"] #factoryStep2Panel,
#fabrica-cursos[data-factory-step="6"] #factoryStep3Panel,
#fabrica-cursos[data-factory-step="6"] #factoryStep4Panel,
#fabrica-cursos[data-factory-step="6"] #factoryStep5Panel{
  display:none!important;
}
#fabrica-cursos[data-factory-step="6"] #factoryStep6Panel{
  display:block!important;
  margin:0!important;
}
#fabrica-cursos[data-factory-step="6"] .factory-approved-primary{
  min-width:0!important;
}
