/* HOTFIX 21.9.1 · cierre visual y sincronización de fotografía */

/* Panel: promoción del microcurso */
.la-course-promo{
  margin-top:24px!important;
  padding:28px 30px!important;
  border:1px solid #cde1d7!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(16,151,88,.13),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f3faf6 100%)!important;
  box-shadow:0 18px 44px rgba(5,59,43,.09)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.7fr)!important;
  gap:26px!important;
  align-items:center!important;
}
.la-course-copy{padding:4px 0!important}
.la-course-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#e6f6ed!important;
  color:#087848!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  line-height:1.2!important;
}
.la-course-promo h2{
  margin:15px 0 10px!important;
  font-size:clamp(25px,2.25vw,35px)!important;
  line-height:1.08!important;
  color:#062f23!important;
}
.la-course-copy>p{
  max-width:830px!important;
  margin:0!important;
  color:#435f55!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.la-course-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:21px!important;
}
.la-course-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:12px 20px!important;
  border-radius:999px!important;
  background:#087d4b!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(8,125,75,.2)!important;
}
.la-course-button:hover{background:#05673d!important;transform:translateY(-1px)}
.la-course-actions>strong{
  padding:10px 14px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid #bcd8ca!important;
  color:#063f30!important;
  font-size:18px!important;
}
.la-course-state{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  background:#eef6f2!important;
  color:#49655b!important;
  font-size:13px!important;
}
.la-course-hook{
  min-height:190px!important;
  padding:25px!important;
  border-radius:20px!important;
  background:#063f31!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:8px!important;
}
.la-course-hook span{
  color:#a9e7c5!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.la-course-hook b{font-size:25px!important;line-height:1.12!important}
.la-course-hook small{font-size:14px!important;line-height:1.45!important;color:#d9eee4!important}

/* Recruiter preview: use the current photo instead of the initial */
.avatar2181{overflow:hidden!important;flex:0 0 auto!important}
.avatar2181 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:inherit!important;
}

/* Small confirmation after changing a photo */
.photoSync2191{
  margin-top:8px;
  color:#087d4b;
  font-size:12px;
  font-weight:800;
  text-align:center;
}

@media(max-width:900px){
  .la-course-promo{grid-template-columns:1fr!important;padding:22px!important}
  .la-course-hook{min-height:auto!important}
}
@media(max-width:600px){
  .la-course-actions{align-items:stretch!important}
  .la-course-button{width:100%!important}
  .la-course-state{width:100%!important;box-sizing:border-box!important}
}