/*====================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:60px 0 0 0;
}

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

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

.page-title{
text-align: 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:20px 0 0 0;
padding:0 !important;
}

.page-title{
text-align: center;
}

.professionals-subtitle{
    display:block !important;
    visibility:visible !important;
    opacity:.8 !important;

    width:80% !important;
    max-width:700px !important;

    margin:0 auto 30px !important;

    color:#ffffff !important;
    font-size:20px !important;
    line-height:1.8 !important;
    text-align:center !important;

    position:relative !important;
    z-index:20 !important;
}

.professional-actions{
    flex:0 !important;
    width:100% !important;
    margin:180px 0 0 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !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:20px 0 0 0;
text-align:center;
}

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

.page-title{
text-align: center;
}

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

.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;
}



@media(max-width:701px){

html{
    height:auto !important;
    min-height:100% !important;
    overflow-y:auto !important;
}

body.professionals-page{
    height:auto !important;
    min-height:100% !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
}

body.professionals-page .professionals-hero{
    position:relative !important;
    width:100% !important;
    height:100vh !important;
    height:100svh !important;
    min-height:100vh !important;
    min-height:100svh !important;
    overflow:hidden !important;
}

body.professionals-page .internal-header{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
}

body.professionals-page .internal-content{
    position:absolute !important;
    top:230px !important;
    bottom:75px !important;
    left:0 !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    overflow:visible !important;
}

body.professionals-page .footer-bottom{
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    width:100% !important;
}

body.professionals-page .close-page-x{
    position:absolute !important;
}

body.professionals-page .professionals-seo{
    position:relative !important;
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:55px 0 0 !important;
}

}

/*==================================================
  PROFESSIONALS - HEADER FIJO + SCROLL GENERAL
==================================================*/

body.professionals-page{
    min-height:100%;
    overflow-x:hidden !important;
    overflow-y:auto !important;
}


/* HEADER FIJO */
body.professionals-page .internal-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    z-index:1000 !important;
}


/* HERO */
body.professionals-page .professionals-hero{
    position:relative !important;
    width:100% !important;
    min-height:100vh !important;
    height:auto !important;
}


/* CONTENIDO PRINCIPAL */
body.professionals-page .internal-content{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;

    width:100% !important;

    margin:0 !important;

    min-height:100vh;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding-top:300px;
    padding-bottom:100px;
}


/* FOOTER */
body.professionals-page .footer-bottom{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    width:100% !important;
}


/* X */
body.professionals-page .close-page-x{
    position:fixed !important;
}


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

@media(max-width:701px){

    body.professionals-page .internal-content{
        min-height:100vh;
        padding-top:230px;
        padding-bottom:90px;

        justify-content:flex-start !important;
    }

    body.professionals-page .professional-actions{
        flex:0 !important;
        width:100% !important;
        margin:100px 0 0 0 !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;
    }

}


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

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

    body.professionals-page .internal-content{
        min-height:100vh;
        padding-top:380px !important;
        padding-bottom:100px;
    }

}


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

@media(min-width:901px){

    body.professionals-page .internal-content{
        min-height:100vh;
        padding-top:380px !important;
        padding-bottom:100px !important;
    }

}

body.professionals-page .professionals-seo h2{
    color:#ffffff !important;
}

body.professionals-page .professionals-seo h3{
    width:90%;
    max-width:900px;
    margin:35px auto 15px;
    color:#ffffff !important;
    text-align:center;
}

body.professionals-page .professionals-seo a{
    color:#3da5ff;
    font-weight:600;
    text-decoration:none;
}

body.professionals-page .professionals-seo a:hover{
    text-decoration:underline;
}