/* =========================
   CTA CURSO (AISLADO)
========================= */

.curso-cta-wrap{
  margin: 20px 0 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.curso-cta-buttons{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* BOTÓN INSCRIPCIÓN */
section.content-section .container.detail-wrap a.curso-btn-loquiero{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 22px !important;
  border-radius: 14px !important;
  min-height: 54px !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #ffbe0b, #f86624) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.18) !important;
  cursor: pointer !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
  width: fit-content !important;
}

section.content-section .container.detail-wrap a.curso-btn-loquiero:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.22) !important;
  filter: brightness(1.03) !important;
}

/* BOTÓN MALLA PDF */
section.content-section .container.detail-wrap a.curso-btn-malla{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 14px 22px !important;
  border-radius: 14px !important;
  min-height: 54px !important;

  font-weight: 800 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #fff !important;
  text-decoration: none !important;

  /* MISMO COLOR QUE AULA VIRTUAL */
  background: #8c2f63 !important;

  box-shadow: 0 14px 30px rgba(0,0,0,.18) !important;

  cursor: pointer !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;

  width: fit-content !important;
}

section.content-section .container.detail-wrap a.curso-btn-malla:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.22) !important;
  filter: brightness(1.08) !important;
}

/* BOTÓN MALLA ONLINE */
section.content-section .container.detail-wrap a.curso-btn-malla-online{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 22px !important;
  border-radius: 14px !important;
  min-height: 54px !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #1ea5a5, #157a7a) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.18) !important;
  cursor: pointer !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
  width: fit-content !important;
}

section.content-section .container.detail-wrap a.curso-btn-malla-online:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.22) !important;
  filter: brightness(1.03) !important;
}

.curso-cta-hint{
  margin: 0;
  font-size: .92rem;
  opacity: .85;
}

@media (max-width: 640px){
  .curso-cta-buttons{
    flex-direction: column;
    align-items: stretch;
  }

  section.content-section .container.detail-wrap a.curso-btn-loquiero,
  section.content-section .container.detail-wrap a.curso-btn-malla,
  section.content-section .container.detail-wrap a.curso-btn-malla-online{
    width: 100% !important;
  }
}