html{scroll-behavior:smooth}

body, html {
   font-family: 'Roboto', sans-serif;
   padding: 0;
   margin: 0;
}
.bg-landing{ background:#fff;}
.container-box{ max-width:675px; width:100%; margin:0 auto;}
.header-img {
	max-width: 480px;
    width: 100%;
    display: block;
    margin: 0 auto;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
.form-suscribe {text-align:center; margin:10px auto; max-width:420px; width:100%; padding:10px}

#phone, #sms, #pin{
	border:none;
    border: 2px solid #91979E;
    color: #000;
    font-size:  16px;
    font-weight: 700;
    height: 40px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    width: 90%;
	font-family: 'Roboto', sans-serif;
	margin-bottom:10px;
	border-radius:8px;
}

#phone:focus, #sms:focus{outline:none}
.btn-suscribe{
	border: none;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    padding: 0;
    width: 90%;
    text-shadow: none;
    margin-bottom:45px;
	background:#EE122C;
	color:#fff;
	transition: .15s ease-in-out;
	align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
	
}
.btn-suscribe.disabled{background:#F0F0F0; color:#91979E}
.btn-suscribe:hover{opacity:0.9; color:#fff}
.legal{font-size:10px; text-align:center; max-width:340px; margin: 0 auto; padding:10px; color:#283342; background:#FFF6F6; align-items:center; margin-bottom:20px; margin-top:10px }
.legal img{margin-left:10px}
.legal .text{border-left:1px solid #E5E7E8; height:49px; padding:10px 15px; font-size:14px; margin-left:10px; text-align:left; line-height:1}
.tyc{text-align:center; line-height: 16px;font-size:14px; margin-bottom:20px}
.tyc a{color:#0FBDDF; text-decoration:underline;}
.bg-tyc{background: #ffff; color:#999;}
.bg-tyc h1{font-size:20px;}
.container-inner {padding:10px;}
.container-full{max-width:980px; margin:20px auto;}
.go-back{position:relative; color:#0000ff;text-decoration:none; border: 1px solid #0000ff; padding:5px 10px; font-size:14px; border-radius:150px}
.go-back:before{content:"<"; width:20px; margin-right:5px;  }
.container-full p {font-size:14px}


#loading{display:none}
#loading .loading-inner{height:100vh; background:rgba(0,0,0,0.7); width:100%; position:absolute;z-index:5; top: 0;display: flex;align-items: center;justify-content: center;}

 
.modal {
    z-index: 2;
    position: fixed;
    opacity: 1;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width:300px;
}
.modal h2{font-size:18px; }
.modal h3{font-size:16px; margin-top:0}
.modal p{font-size:14px; line-height:18px; margin-bottom: 20px;}
.modal-backdrop{z-index:1}
.modal .btn{width:163px; margin:10px 0}


.btn{border-radius:150px}
footer{background:#000; color:#fff; max-width:480px; width:100%; margin:45px auto 0 auto; padding:43px 20px}
.footer-title{display:flex; font-size:24px; font-weight:700; align-items:center; margin-bottom:10px}
.footer-title img{margin-right:10px}
footer ul{padding-inline-start:24px}
footer ul li{
font-weight:300;
font-size:14px;
line-height:16.41px;
margin-bottom:10px
}