/* CONTENEDOR PRINCIPAL */  
.hs-webinar-module {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;

  width: 80%;
  margin: 30px auto; /* centra el módulo horizontalmente */
  box-sizing: border-box;

  border: 1px solid #3a5c74;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 30px 40px 30px 30px; /* menos espacio a la izquierda */
}

/* COLUMNAS */
.hs-webinar-module .hs-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Columna izquierda (imagen) un poco más estrecha */
.hs-webinar-module .hs-left {
  flex: 0.9;
}

/* Columna derecha (texto) más amplia */
.hs-webinar-module .hs-right {
  flex: 1.1;
  text-align: center;
  align-items: center;
}

/* IMAGEN */
.hs-webinar-module .hs-image img {
  width: 400px;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  margin: 0 auto 0 0; /* alinea un poco más hacia la izquierda */
}

/* TEXTO Y CTA CENTRADOS EN LA SEGUNDA COLUMNA */
.hs-webinar-module .hs-text {
  margin-bottom: 0px;
}

/* TÍTULO PRINCIPAL */
.hs-webinar-module .hs-text h2 {
  color: #3a5c74};
  font-weight: 700;
  margin: 0 0 6px 0; /* menos espacio debajo */
  line-height: 1.2;
}

/* NUEVO H3 (día del evento) */
.hs-webinar-module .hs-text h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  color: #35d5df;
  font-size: 18px;
  margin: 0 0 10px 0;
  line-height: 1.3;
}

/* DESCRIPCIÓN */
.hs-webinar-module .hs-description {
  color: #333;
  line-height: 1.4;
  max-width: 500px;
  margin: 10 auto;
}

/* CONTENEDOR DEL CTA */
.hs-cta {
  margin-top: 15px; /* 🔹 menos espacio con el texto de arriba */
  text-align: center;
}

/* BOTÓN CTA */
.webinar-cta {
  display: inline-block;
  background-color: #3a5c74;
  color: #fff !important;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-decoration: none !important;
  padding: 8px 24px; /* 🔹 menos padding vertical, mantiene el horizontal */
  border-radius: 50px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  text-align: center;
}

/* HOVER */
.webinar-cta:hover {
  background-color: #35d5df;
  transform: translateY(-2px);
  text-decoration: none !important;
}



/* RESPONSIVE */
@media (max-width: 1024px) {
  .hs-webinar-module {
    flex-wrap: wrap;
    text-align: center;
    width: 90%;
    padding: 30px 20px;
  }

  .hs-webinar-module .hs-column {
    width: 100%;
  }

  .hs-webinar-module .hs-image img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .hs-webinar-module .hs-cta {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .hs-webinar-module {
    flex-direction: column;
    padding: 30px 20px;
  }

  .hs-webinar-module .hs-right {
    align-items: center;
  }
}