/*
 Por Dentro do Bairro
 Modal localização profissional
*/

.regiao-modal-overlay{

position:fixed;
inset:0;
background:rgba(15,23,42,.65);
backdrop-filter:blur(4px);
display:none;
align-items:center;
justify-content:center;
z-index:99999;
padding:20px;

}


.regiao-modal-overlay.active{

display:flex;

}


.regiao-modal-card{

width:100%;
max-width:430px;
background:#fff;
border-radius:28px;
padding:35px 30px;
text-align:center;
box-shadow:0 30px 80px rgba(0,0,0,.3);
animation:regiaoEntrada .35s ease;

}


.regiao-modal-icon{

width:75px;
height:75px;
margin:0 auto 20px;
border-radius:50%;
background:#ef5350;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;

}


.regiao-modal-icon.success{

background:#16a34a;

}


.regiao-modal-card h2{

color:#12355b;
font-size:26px;
margin-bottom:15px;

}


.regiao-modal-card p{

color:#475569;
line-height:1.6;

}


.regiao-modal-card h3{

color:#ef5350;
font-size:25px;

}


.regiao-ativar,
.regiao-continuar{

width:100%;
padding:14px;
border:0;
border-radius:14px;
background:#ef5350;
color:white;
font-weight:800;
cursor:pointer;
margin-top:20px;

}


.regiao-depois{

width:100%;
padding:12px;
border:0;
background:none;
color:#64748b;
cursor:pointer;
margin-top:10px;

}


@keyframes regiaoEntrada{

from{
opacity:0;
transform:translateY(30px) scale(.95);
}

to{
opacity:1;
transform:none;
}

}


@media(max-width:480px){

.regiao-modal-card{

padding:28px 20px;

}

}


.pdb-regiao-indicador{
    display:none;
    text-align:center;
    padding:8px 10px;
    font-size:13px;
    color:#475569;
    font-weight:600;
}

.pdb-regiao-indicador i{
    color:#ef5350;
    margin-right:5px;
}

.pdb-regiao-indicador strong{
    color:#12355b;
}

@media(max-width:600px){

    .pdb-regiao-indicador{
        font-size:12px;
        padding:7px 5px;
    }

}