.texto-imagen-boton .container {
  padding-top: 123px;
  padding-bottom: 123px;
}

/* TODO: cambiar clase en configuración -- field_color_de_fondo */
/* .background-light-blue */
.texto-imagen-boton.azul_claro {
  background-color: #F0F4FA;
}

.texto-imagen-boton.background-white {
  background-color: #FFFFFF;
}

.texto-imagen-boton .row {
  gap: 139px;
}

.texto-imagen-boton .col {
  flex: 1;
}

.texto-imagen-boton .text-right .media-element,
.texto-imagen-boton .text-left .text-element {
  order: 1;
}

.texto-imagen-boton .text-right .text-element,
.texto-imagen-boton .text-left .media-element {
  order: 2
}

.texto-imagen-boton .text-element {
  display: flex;
  gap: 24px;
  flex-direction: column;
  justify-content: center;
}

.texto-imagen-boton .text-element-title {
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 0%;
  color: #303555;
}

.texto-imagen-boton .text-element-body {
  font-family: 'Poppins';
  font-weight: 400;
  font-size: 18px;
  /* line-height: 100%; */
  letter-spacing: 0%;
  color: #303555;
  padding-right: 56px;
}

.texto-imagen-boton .text-element-link button {
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 48px;
  padding-right: 48px;
  gap: 32px;

  border-radius: 80px;
  min-width: 280px;
}

.texto-imagen-boton .text-element-link button p {
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: unset;
}

/* TODO: cambiar clase en configuración -- field_tipo_de_enlace */
/* .btn-white */
.texto-imagen-boton button.background-white {
  border-width: 1px;
  border-color: #C8C9D0;
  background-color: #FFFFFF;
}

.texto-imagen-boton .background-white p {
  color: #184487;
}

/* .btn-blue */
.texto-imagen-boton button.background-blue {
  border: none;
  background-color: #3463AC;
}

.texto-imagen-boton .background-blue p {
  color: #FFFFFF;
}

/* Moviles - SM */
@media (max-width: 575.98px) {
  .texto-imagen-boton .container{
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
    padding-left: 24px;
  }

  .texto-imagen-boton .text-element-title{
    font-size:25px;
  }

  .texto-imagen-boton .text-element-body{
    padding-right: unset;
  }

  .texto-imagen-boton .text-element-link button{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .texto-imagen-boton .text-element-link button p{
    font-size: 15px;
    line-height: normal;
  }

  .texto-imagen-boton .row {
    gap: 24px;
  }
}
/* Tablets en vertical - MD */
@media (min-width: 576px) and (max-width: 767.98px) {
}
/* Tablets en horizontal - LG */
@media (min-width: 768px) and (max-width: 991.98px) {
}
/* Portátiles pequeños - XL */
@media (min-width: 992px) and (max-width: 1199.98px) {
}