/* Newsletter NTTC - estilo claro on-brand */
.ecoded_container_newsletter{position:relative;display:block;max-width:920px;margin:0 auto;padding:40px 32px;background-color:#f5f5f5;border-radius:20px;box-sizing:border-box}
@media (min-width:768px){.ecoded_container_newsletter{padding:48px 56px}}
.ecoded_container_newsletter h3{font-family:'secondary','primary',sans-serif !important;font-size:28px;line-height:36px;text-align:center;font-weight:bold;margin:0 0 24px;color:#131312 !important}
@media (min-width:768px){.ecoded_container_newsletter h3{font-size:32px;line-height:42px}}
.ecoded_container_newsletter .form form{display:block}
@media (min-width:768px){.ecoded_container_newsletter .form form{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}}
.ecoded_container_newsletter .form form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}
.ecoded_container_newsletter .form form .container_input{margin-bottom:16px}
@media (min-width:768px){.ecoded_container_newsletter .form form .container_input{margin-bottom:16px;width:calc(100% - 190px)}}
.ecoded_container_newsletter .form form .container_input input{border:1px solid #d8d8d8;background:#fff;padding:14px 18px;border-radius:100px;box-sizing:border-box;font-size:16px;line-height:26px;color:#131312}
.ecoded_container_newsletter .form form .container_input input::placeholder{color:#9a9a9a}
.ecoded_container_newsletter .form form .container_input input:focus{outline:none;border-color:#08caa7}
.ecoded_container_newsletter .form form .container_input input.input_error{border:2px solid #e23b3b;padding:13px 17px}
.ecoded_container_newsletter .form form .container_input span.form_error{text-align:left}
.ecoded_container_newsletter .form form .container_submit{margin-bottom:16px}
@media (min-width:768px){.ecoded_container_newsletter .form form .container_submit{width:178px;min-width:178px;margin-left:12px}}
.ecoded_container_newsletter .form form .container_submit .button{width:100%;padding:14px 20px;background-color:#1C00FF;border:1px solid #1C00FF;color:#fff !important;border-radius:100px;font-family:'primarybold','primary',sans-serif;font-size:16px;cursor:pointer;transition:.3s;box-shadow:0 5px 5px rgba(0,0,0,.18)}
.ecoded_container_newsletter .form form .container_submit .button:hover{background-color:#08caa7;border-color:#08caa7;color:#131312 !important;transform:translateY(-2px)}
.ecoded_container_newsletter .form form .container_legal{position:relative;display:block;width:100%;margin-bottom:16px;background:#fff;border:1px solid #ececec;padding:10px 12px;box-sizing:border-box;max-height:64px;overflow:hidden;overflow-y:auto;border-radius:10px;scrollbar-width:none}
.ecoded_container_newsletter .form form .container_legal::-webkit-scrollbar{display:none}
.ecoded_container_newsletter .form form .container_legal p{font-size:12px !important;line-height:18px !important;margin:0 !important;color:#777}
.ecoded_container_newsletter .form form .container_legal p a{color:#08caa7;font-size:inherit !important;line-height:inherit !important}
.ecoded_container_newsletter .form form .container_terms{position:relative;display:block;width:100%;text-align:center}
.ecoded_container_newsletter .form form .container_terms input{position:absolute;opacity:0;pointer-events:none;width:auto}
.ecoded_container_newsletter .form form .container_terms label{position:relative;font-size:14px;line-height:24px;padding-left:30px;box-sizing:border-box;margin:0;color:#555;cursor:pointer;display:inline-block}
.ecoded_container_newsletter .form form .container_terms label::after{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:18px;height:18px;border:2px solid #b9b9b9;border-radius:4px;box-sizing:border-box}
.ecoded_container_newsletter .form form .container_terms label a{color:#08caa7;font-size:inherit !important;line-height:inherit !important}
.ecoded_container_newsletter .form form .container_terms label.label_error::after{border-color:#e23b3b}
.ecoded_container_newsletter .form form .container_terms input[type="checkbox"]:checked ~ label::before{content:"\2713";position:absolute;top:50%;left:3px;transform:translateY(-50%);color:#08caa7;font-size:13px;font-weight:bold;z-index:10}
.ecoded_container_newsletter .form form .form_error{display:none;position:relative;width:100%;color:#e23b3b;font-size:14px;line-height:20px;margin:10px 0;text-align:center}
.ecoded_container_newsletter .form form .form_error_show{display:block}
/* Modal de confirmación */
.container_modal{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);padding:20px;box-sizing:border-box;z-index:1500}
.container_modal .container_modal_width{position:relative;display:block;background:#fff;border-radius:20px;padding:50px 24px 30px;box-sizing:border-box;text-align:center;max-width:560px;width:100%}
@media (min-width:768px){.container_modal .container_modal_width{padding:60px 50px 44px}}
.container_modal .container_modal_width h2{font-size:28px !important;line-height:36px !important;margin:0 0 14px !important;color:#131312 !important;font-family:'secondary','primary',sans-serif !important;font-weight:bold !important;text-align:center !important}
.container_modal .container_modal_width p{margin:0 !important;font-size:16px !important;line-height:24px !important;color:#555 !important;text-align:center !important}
@media (min-width:768px){.container_modal .container_modal_width p{font-size:18px;line-height:28px}}
.container_modal .container_modal_width .buttons{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:32px}
.container_modal .container_modal_width .buttons .button{background:#1C00FF;font-size:16px;margin:0 10px;color:#fff !important;padding:12px 24px;border-radius:100px;cursor:pointer;min-width:160px;transition:.3s}
.container_modal .container_modal_width .buttons .button:hover{background:#08caa7;color:#131312}
.container_modal .container_modal_width .close{position:absolute;display:block;top:18px;right:18px;width:22px;height:22px;cursor:pointer}
.container_modal .container_modal_width .close::after{content:'+';position:absolute;font-size:24px;line-height:22px;top:-3px;left:2px;transform:rotate(45deg);color:#131312}
.container_modal_hide{display:none}