.newsletter-container { display: flex; flex-direction: column; justify-content: center; width: 100%; height: auto; margin: 0 auto; padding: 24px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
    .newsletter-container h2 { color: #1d1d1f; margin-bottom: 16px; font-size: 25px !important; }
    .newsletter-container p, .newsletter-container a { color: #1d1d1f !important; font-family: 'DM Sans' !important; font-size: 13px; font-weight: 300 !important; }
    .newsletter-container a { font-weight: 400 !important; text-decoration: underline; text-underline-offset: 2px; }
    
.newsletter-container .intro-reg { display: flex; width: 100%; height: auto; justify-content: space-between; align-items: center;}
    .newsletter-container .intro-reg p { font-family: Poppins !important; font-size: 17px; font-weight: 300; color: #1d1d1f;  margin: 0 !important;}

.reg-newsletter { position: relative; display: block; width: 128px; background: #fff; color: #1a1a1a; border: 1px solid #1a1a1a; padding: 16px; text-decoration: none; font-family: 'DM Sans' !important; font-size: 13px; font-weight: 300 !important; letter-spacing: 0.057em; transition:all .25s ease; }
.reg-newsletter:hover { cursor: pointer; background-color: #1a1a1a; color: white; }

.arrow { position: absolute; top: 24px; right: 16px; }
.arrow::before, .arrow::after { position: relative; content: ''; display: block; width: 8px; height: 1px; background: #1a1a1a; transition: 0.25s ease-in-out;}
.arrow::before { transform: rotate(45deg); }
.arrow::after { left: 5px; top: -1px; transform: rotate(-45deg); }
.reg-newsletter:hover .arrow::before, .reg-newsletter:hover .arrow::after { background: white; }
.reg-newsletter.btn-open .arrow::before { transform: rotate(-45deg); }
.reg-newsletter.btn-open .arrow::after { transform: rotate(45deg); }

.container-registro { transition:all .25s ease; display: none; width: 540px; margin: 0 auto; }
.container-registro.cont-open { display: block; }

#info-form p { margin-bottom: 0 !important; }
.start-block form { margin-top: 24px; }
.start-block form { margin-bottom: 12px; }
.intro-cont { display: inline-block; width: calc(100% - 120px); }
.intro-newsletter { width: 100%; padding: 0.5rem 0.75rem; text-transform: none; background-color: rgb(255, 255, 255); color: #1a1a1a !important; border-width: 1px; border-style: solid; border-color: #bbb !important; border-radius: 0px !important; font-size: 18px; font-family: Jost, helvetica, sans-serif; font-weight: 400; font-feature-settings: normal; font-style: normal; letter-spacing: .033em; line-break: auto; line-height: 1.15em; overflow-wrap: normal; transition-property: color, background, border; transition-duration: 200ms; transition-timing-function: ease-in; appearance: none; -webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale }
.intro-newsletter:focus { border-color: #333333 !important; }
    .intro-newsletter::placeholder { color: #7a7a80; opacity: .9 }.intro-newsletter::-ms-input-placeholder { color: #7a7a80; }
#messages { font-size: 16px; color: #c7194a; letter-spacing: .013em; }
    #messages .error { display: block; font-size: 16px; color: #c7194a; letter-spacing: .013em; padding: 6.5px 0; }
.btn-newsletter {  display: inline-block; width: 120px; height: 50px; padding: 0.5rem 0.75rem; background-color: #333; outline: none; border: none; font-family: 'DM Sans' !important; color: white !important; font-size: 14px; font-weight: 300; letter-spacing: .023em; transition-property: background; transition-duration: 200ms; transition-timing-function: ease-in; }
.btn-newsletter:hover { background-color: #121212; }
.thanks-block { display: block; height: auto; padding-bottom: 4px; text-align: left; }
.thanks-block p { font-size: 15px !important;}
.form-rrss { display: flex; justify-content: center; align-items: center; gap: 1.55em; transition: all .5s ease; }
    .form-rrss img { width: 100%; height: auto; max-width: 40px; }
    .form-rrss a span { margin-left: 8px; }
.hidden-block { display:none !important; }

#loading-spinner { min-height: 143px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-content: center; gap: 12px; }
.spinner { display: inline-block; width: 40px; height: 40px; border: 6px solid rgba(0, 0, 0, 0.15); border-radius: 50%; border-top-color: #1a1a1a; animation: spin 1s linear infinite; margin: 0 auto; }
@keyframes spin { to { transform: rotate(360deg); } }

@media only screen and (max-width: 767px) {
.newsletter-container .intro-reg { flex-direction: column; gap: 24px; }
.newsletter-container { width: 85vw; }
.container-registro { width: 100%; }
.start-block { padding-top: 12px !important;}
.reg-newsletter:hover, .reg-newsletter:focus { background: #fff; color: #1a1a1a; }
    .reg-newsletter:hover .arrow::before, .reg-newsletter:hover .arrow::after, .reg-newsletter:focus .arrow::before, .reg-newsletter:focus .arrow::after { background: #1a1a1a; }

.newsletter-container h2 { font-size: 23px !important; }
.intro-cont { width: 100% !important; margin-bottom: 12px; }
.intro-newsletter { font-size: 18px !important; }
.btn-newsletter { width: 100%; background-color: #1a1a1a; font-size: 15px; letter-spacing: .057em; }
#info-form p { margin-bottom: 12px !important; }
.form-rrss { gap: 40px !important; }
.form-rrss img { max-width: 48px; }
.form-rrss a span { display: none !important; }
#loading-spinner { min-height: 132px; }
.thanks-block { padding-bottom: 8px; }
}