.newsletter-cta,
.request-newsletter-cta{
  flex:1;
}

.newsletter-cta {
    position: relative;
    background: linear-gradient(90deg, rgb(56, 96, 151), rgb(56, 147, 205) 50%, rgb(102, 158, 102));
    background-size: cover;
    padding: 130px 30px 30px 30px;
    margin-bottom: 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Logos */

/*.newsletter-cta::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 10px;
    width: 140px;
    height: 140px;
    background: url('') no-repeat center center;
    background-size: contain;
} */

.newsletter-cta::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    width: 260px;
    height: 80px;
    background: url('https://4272053.fs1.hubspotusercontent-na1.net/hubfs/4272053/WEB_FUND_MPG/MPGFundacion_Logo_RGB_HOR-02.png') no-repeat center center;
    background-size: contain;
}

/* Titulos */

.newsletter-cta--title {
    color: #fff;
    font-size: 50px;
    line-height: 54px;
    font-weight: 500;
    margin-bottom: 20px;
}

.newsletter-cta--subtitle {
    padding-top: 24px;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}

.newsletter-cta--subtitle strong {
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

/* Formulario */
/* Forzar fondo transparente para todos los inputs y contenedores del form */
.newsletter-cta .hs-form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
}

/* Evitar que HubSpot ponga background blanco en contenedores internos */
.newsletter-cta .hs-form .field,
.newsletter-cta .hs-form .hs-form-field {
    background: transparent !important;
}
.newsletter-cta .form-title {
    display: none;
}

.newsletter-cta .field label:not(.hs-error-msg) {
    display: none;
}

.newsletter-cta ul.no-list.hs-error-msgs.inputs-list {
  color: #ffffff!important;
  font-size: 10px;
  line-height: 1;
  padding-top: 10px;
}
/* Input del formulario */
#hsForm_3635ac43-53fa-476b-b510-5eaccd449e66 .hs-input {
    height: 40px;          /* aumenta la altura total */
    padding: 0 15px;       /* mantiene espacio interno a los lados */
    font-size: 14px;       /* opcional: aumenta tamaño del texto dentro */
    border-radius: 8px;    /* suaviza bordes */
    box-sizing: border-box; /* importante para que padding no aumente más la altura */
}

.newsletter-cta .legal-consent-container p {
    font-size: 10px;
    margin: 10px 0 25px 0;
    color: #fff;
}

.newsletter-cta .hs_submit.hs-submit .hs-button {
    display: block;
    width: 100%;
    color: white;
    background: #FF7A12;
    border-radius: 26px;
    border: none;
}
/* Ajuste del botón enviar */
#hsForm_3635ac43-53fa-476b-b510-5eaccd449e66 .hs-submit .hs-button {
    padding: 10px 0;           /* reduce la altura vertical */
    font-weight: 700;           /* negrita */
    font-size: 16px;            /* un poco más grande */
    line-height: 1.2;           /* mantiene el texto centrado */
    border-radius: 26px;        /* mantiene esquinas redondeadas */
    text-transform: uppercase;
}

.newsletter-cta .hs_submit.hs-submit .hs-button:hover {
    background: #C25700; !important;
}

.newsletter-cta .hs-richtext.hs-main-font-element {
    color: #fff !important;
}

.newsletter-cta .hs-richtext.hs-main-font-element a {
    display: unset;
}

.submitted-message span {
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 700;
}
#hsForm_3635ac43-53fa-476b-b510-5eaccd449e66 .hs-richtext a {
    font-size: 11px;
    color: white !important;
}
@media (min-width: 769px) and (max-width: 1024px) {
    .newsletter-cta {
        padding-top: 150px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .newsletter-cta {
        justify-content: end;
    }
}

@media (max-width: 768px) {

  .newsletter-cta {
        margin-left: 15px;   /* espacio a la izquierda */
        margin-right: 15px;
        padding-top: 100px;
        padding-left: 8%;
        padding-right: 8%;
  }

  .newsletter-cta--title {
        font-size: 30px !important;
        line-height: 28px !important;
        margin-bottom: 15px;
  }

  .newsletter-cta--subtitle {
        margin-bottom: 12px;
        font-size: 20px !important;
  }

  .newsletter-cta > .hs-form {
        margin-top: 0;
  }

 /* .newsletter-cta::before {
        width: 100px;
        height: 100px;
        left: 4px;
  } */

  .newsletter-cta::after {
        width: 200px;
        height: 90px;
        right: 8px;
  }

}