#CursoRafael {
  display: flex;
  flex-direction: column;
  width: calc(100% - 48px);
  max-width: 1080px;
  margin: 0 auto;
  padding: 80px 24px 140px;
  color: #fff;
}
#CursoRafael h2,
#CursoRafael h3,
#CursoRafael h4 { margin-top: 0; }
#CursoRafael .CursoRafaelCabecera {
  margin: 0 auto 48px;
  text-align: center;
}
#CursoRafael .CursoRafaelCabecera h2 {
  margin: 0 0 12px;
  font-size: 2em;
  font-weight: 700;
}
#CursoRafael .CursoRafaelCabecera h2::after {
  content: "";
  display: block;
  width: 46px;
  height: 2px;
  margin: 12px auto 0;
  border-radius: 2px;
  background: #278bd2;
}
#CursoRafael .CursoRafaelCabecera p {
  margin: 0;
  color: #a9abb1;
  font-size: 16px;
  letter-spacing: .02em;
}
#CursoRafael .CursoRafaelPresentacion {
  display: flex;
  align-items: center;
  gap: clamp(26px, 4vw, 54px);
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 65px;
  padding: clamp(22px, 3.4vw, 38px);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(29,31,37,.96), rgba(18,20,25,.82));
  box-shadow: 0 16px 38px rgba(0,0,0,.22);
}
#CursoRafael .CursoRafaelPresentacion > img {
  display: block;
  flex: 0 0 220px;
  width: 220px;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 25%;
  border-radius: 5px;
  box-shadow: 0 14px 30px rgba(0,0,0,.34);
}
#CursoRafael .CursoRafaelBio { max-width: 650px; }
#CursoRafael .CursoRafaelEyebrow {
  display: block;
  margin-bottom: 8px;
  color: #55a9e8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
#CursoRafael .CursoRafaelBio h3 {
  margin: 0 0 18px;
  font-size: 29px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.15;
}
#CursoRafael .CursoRafaelBio p,
#CursoRafael .CursoRafaelTemario p,
#CursoRafael .CursoRafaelFormato p {
  margin: 0 0 13px;
  color: #d1d2d5;
  font-size: 15px;
  line-height: 1.72;
}
#CursoRafael .CursoRafaelBio p:last-child { margin-bottom: 0; }
#CursoRafael .CursoRafaelContenido { margin: 0 auto 55px; width: 100%; }
#CursoRafael .CursoRafaelContenido > h3,
#CursoRafael .CursoRafaelFormato > h3 {
  margin: 0 0 25px;
  text-align: center;
  font-size: 24px;
}
#CursoRafael .CursoRafaelContenido > h3::after,
#CursoRafael .CursoRafaelFormato > h3::after {
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  margin: 10px auto 0;
  background: #278bd2;
}
#CursoRafael .CursoRafaelTemario {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 38px;
}
#CursoRafael .CursoRafaelTemario article {
  display: flex;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid #33363b;
}
#CursoRafael .CursoRafaelTemario article > span {
  flex: 0 0 34px;
  color: #55a9e8;
  font-size: 19px;
  font-weight: 700;
}
#CursoRafael .CursoRafaelTemario h4 { margin: 0 0 8px; font-size: 18px; }
#CursoRafael .CursoRafaelTemario p { margin: 0; }
#CursoRafael .CursoRafaelFormato {
  max-width: 760px;
  margin: 0 auto 30px;
  text-align: center;
}
#CursoRafael .CursoRafaelFormato p { margin: 0; }
#CursoRafael .CursoRafaelCierre {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
#CursoRafael .CursoRafaelEnlace,
#CursoRafael .CursoRafaelBoton {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}
#CursoRafael .CursoRafaelEnlace:hover { color: #55a9e8; }
#CursoRafael .CursoRafaelBoton { background: #278bd2; }
#CursoRafael .CursoRafaelBoton:hover { background: #176da9; color: #fff; }
#CursoRafael .CursoRafaelEstado {
  margin: 0 auto 20px;
  padding: 14px 18px;
  border-left: 2px solid #278bd2;
  background: #121419;
  color: #d1d2d5;
}

/* Checkout Rafael: conserva la estructura de suscripción con acentos azules. */
#Suscripcion.CursoRafaelCheckout .Col1 .Titular .NombreSuscripcion { font-size: 2em; }
#Suscripcion.CursoRafaelCheckout .Col1 .Precio { border-color: #278bd2; }
#Suscripcion.CursoRafaelCheckout .Col1 .Detalle { margin-top: 20px; }
#Suscripcion.CursoRafaelCheckout .Col1 .Detalle ul li.Resaltado,
#Suscripcion.CursoRafaelCheckout .Col1 .Detalle ul li.Resaltado i { color: #55a9e8; }
#Suscripcion.CursoRafaelCheckout .Col1 .Detalle ul li.DescripcionDetalle { margin: 0 0 16px 23px; }
#Suscripcion.CursoRafaelCheckout .Col1 .Detalle ul li.DescripcionDetalle:last-child { margin-bottom: 0; }
#Suscripcion.CursoRafaelCheckout .Col2 a { color: #55a9e8; }
#Suscripcion.CursoRafaelCheckout .Col2 a:hover { color: #7fc3ff; }
#Suscripcion.CursoRafaelCheckout .Col2 form { row-gap: 8px; }
#Suscripcion.CursoRafaelCheckout .Col2 form input:focus { border-color: #278bd2; }
#Suscripcion.CursoRafaelCheckout .Col2 form .CursoRafaelConsentimiento {
  display: flex;
  align-items: flex-start;
  column-gap: 12px;
  padding: 8px 0;
  color: #d1d2d5;
  font-size: 16px;
  line-height: 1.55;
}
#Suscripcion.CursoRafaelCheckout .Col2 form .CursoRafaelConsentimiento input {
  flex: 0 0 auto;
  margin: 3px 0 0;
  accent-color: #278bd2;
}
#Suscripcion.CursoRafaelCheckout .Col2 form .CursoRafaelConsentimiento a { color: #55a9e8; }
#Suscripcion.CursoRafaelCheckout .Col2 form input[type="submit"],
#Suscripcion.CursoRafaelCheckout .Col2 form button[type="submit"] {
  background: #278bd2;
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  cursor: pointer;
}
#Suscripcion.CursoRafaelCheckout .Col2 form input[type="submit"]:hover,
#Suscripcion.CursoRafaelCheckout .Col2 form button[type="submit"]:hover { background: #176da9; }
@media (max-width: 530px) {
  #Suscripcion.CursoRafaelCheckout .SuscripcionContent .Col1 .Detalle ul li.DescripcionDetalle { margin-left: 23px; }
}
@media (max-width: 820px) {
  #CursoRafael .CursoRafaelPresentacion { flex-direction: column; align-items: flex-start; gap: 26px; }
  #CursoRafael .CursoRafaelPresentacion > img { flex: 0 0 auto; width: 100%; max-width: 220px; }
}
@media (max-width: 600px) {
  #CursoRafael { width: calc(100% - 32px); padding: 55px 16px 85px; }
  #CursoRafael .CursoRafaelCabecera { margin-bottom: 32px; }
  #CursoRafael .CursoRafaelCabecera h2 { font-size: 1.6em; }
  #CursoRafael .CursoRafaelCabecera p { font-size: 15px; line-height: 1.6; }
  #CursoRafael .CursoRafaelPresentacion { margin-bottom: 45px; padding: 22px; }
  #CursoRafael .CursoRafaelBio h3 { font-size: 25px; }
  #CursoRafael .CursoRafaelTemario { grid-template-columns: 1fr; gap: 0; }
  #CursoRafael .CursoRafaelContenido { margin-bottom: 42px; }
  #CursoRafael .CursoRafaelContenido > h3,
  #CursoRafael .CursoRafaelFormato > h3 { font-size: 21px; }
  #CursoRafael .CursoRafaelCierre { flex-direction: column; gap: 16px; }
}