/*====================MOVIL====================*/

@media(max-width:701px){

.internal-content{
position:fixed;
top:230px;
bottom:75px;
left:0;
width:100%;
margin:0;
display:flex;
flex-direction:column;
justify-content:flex-start;
padding-top:20px;
}

.marketplace-intro{
margin:0;
}

.professionals-subtitle{
margin:0 auto -20px;
}

.professional-actions{
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
}

.close-page-x{
display:flex !important;
position:fixed !important;
top:20px !important;
right:20px !important;
width:38px !important;
height:38px !important;
align-items:center !important;
justify-content:center !important;
font-size:32px !important;
font-weight:100;
color:#ffffff !important;
text-decoration:none !important;
z-index:999999 !important;
opacity:1 !important;
visibility:visible !important;
}
}

/*====================TABLET====================*/

@media(min-width:702px) and (max-width:900px){

.internal-content{
position:fixed !important;
top:360px !important;
bottom:75px !important;
left:0 !important;
width:100% !important;
margin:0 !important;
padding:20px 0 0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:flex-start !important;
overflow:visible !important;
z-index:10 !important;
}

.marketplace-intro{
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}

.professionals-subtitle{
display:block !important;
width:80% !important;
max-width:700px !important;
margin:0 auto !important;
color:#ffffff !important;
opacity:.8 !important;
font-size:20px !important;
line-height:1.8 !important;
text-align:center !important;
}

.professional-actions{
flex:1 !important;
width:100% !important;
margin:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
}

.footer-bottom{
display:block !important;
position:fixed !important;
left:0 !important;
bottom:0 !important;
width:100% !important;
margin:0 !important;
padding:20px 0 !important;
color:#ffffff !important;
text-align:center !important;
z-index:9999 !important;
}

.footer-bottom p{
margin:0 !important;
color:#ffffff !important;
}

.close-page-x{
display:flex !important;
position:fixed !important;
top:30px !important;
right:30px !important;
width:48px !important;
height:48px !important;
align-items:center !important;
justify-content:center !important;
font-size:42px !important;
color:#ffffff !important;
text-decoration:none !important;
z-index:999999 !important;
opacity:1 !important;
visibility:visible !important;
}
}


/*====================PC====================*/

@media(min-width:901px){

.internal-content{
position:fixed;
top:340px;
bottom:80px;
left:0;
width:100%;
margin:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
padding-top:20px;
}

.marketplace-intro{
width:100%;
margin:0;
text-align:center;
}

.professionals-subtitle{
width:80%;
max-width:540px;
margin:30px auto;
text-align:center;
color:#ffffff;
}

.professional-actions{
flex:1;
width:90%;
max-width:1100px;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

.close-page{
display:flex;
}

.footer-bottom{
position:fixed;
left:0;
bottom:0;
width:100%;
margin:0;
}

.close-page-x{
display:flex !important;
position:fixed !important;
top:30px !important;
right:30px !important;
width:48px !important;
height:48px !important;
align-items:center !important;
justify-content:center !important;
font-size:42px !important;
color:#ffffff !important;
text-decoration:none !important;
z-index:999999 !important;
opacity:1 !important;
visibility:visible !important;
}
}

.register-btn,
.login-btn{
width:320px !important;
max-width:90% !important;
height:62px !important;
margin:0 auto 26px !important;
padding:0 24px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:14px !important;
box-sizing:border-box !important;
background:#05090f !important;
color:#ffffff !important;
border:2px solid #1b7cff !important;
border-radius:15px !important;
font-size:20px !important;
font-weight:700 !important;
text-decoration:none !important;
transition:.3s !important;
}

.register-btn{
box-shadow:0 0 18px rgba(27,124,255,.65) !important;
}

.login-btn{
box-shadow:none !important;
}

.register-btn::before{
content:"👤";
font-size:22px;
flex-shrink:0;
}

.login-btn::before{
content:"🔑";
font-size:22px;
flex-shrink:0;
}