.pagina_hotspots {margin: 15px 0;display: grid;}

.pagina_hotspots .campo1 {

    background: yellow;
    border: 1px solid;
    display: grid;
    grid-template-columns: auto auto auto;
    place-content: space-between;
    /*
    display: flex;
    flex-wrap: wrap;
    place-content: space-between;
    */

}

.pagina_hotspots .campo1 .bandeira {
    display: flex;
    align-items: center;
}

.pagina_hotspots .campo1 .bandeira>img {

    max-width: 36px;
    margin: 0px 0 -2px 0;

}

.pagina_hotspots .campo1 .titulo {

    padding: 5px;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;

}

.pagina_hotspots .descricao {

    background: #919100;
    color: white;
    border: 1px solid grey;
    padding: 5px;

}

.pagina_hotspots .campo2 {

    display: grid;
    display: flex;
    flex-wrap: wrap;

}

.pagina_hotspots .campo2 .campo2Div1 {
    flex: 1 auto;
    max-width: 30%;
    min-width: fit-content;
}

.pagina_hotspots .campo2 .campo2Div1>div>svg {
    max-width: 85%;
    margin: auto;
    z-index: 1;
    max-height: 85%;
    transform: rotate(320deg);
}

.pagina_hotspots .campo2 .campo2Div2 {
    flex: 1 auto;
}

.pagina_hotspots_sugerido {
    color: black;
    display: flex;
    position: absolute;
    place-content: space-between;
    place-items: normal;
    gap: 10px;
    filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 2px white);
    padding: 5px;
    width: calc(100% - 35px);
    max-width: 1013px;
}

.pagina_hotspots .campo2 .campo2Div2 .iconText {}

.pagina_hotspots .campo2 .campo2Div2 .iconText>font {
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    place-items: center;
    gap: 3px;
}

.pagina_hotspots .campo2 .campo2Div2 .iconText svg {
    max-width: 15px;
    max-height: 15px;
}

.pagina_hotspots .campo3 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 3px;
    fill: #5b5b5b;
    color: #5b5b5b;
}

.pagina_hotspots .campo3 .iconTextCont {
    flex: 1 auto;
    border: 1px solid grey;
    padding: 3px;
    display: flex;
    place-content: space-around;
}

.pagina_hotspots .campo3 .iconTextCont>font {
    display: flex;
    gap: 3px;
    place-content: center;
    place-items: center;
    place-content: space-around;
}

.pagina_hotspots .campo3 .iconTextCont svg {
    max-width: 25px;
    min-width: 20px;
    max-height: 25px;
}

.pagina_hotspots .campo3 .iconTextCont .cont {

    width: fit-content;
    height: fit-content;
    display: inline;
    padding: 3px;
    border-radius: 10px;
    border: 1px solid grey;
}

.pagina_hotspots .campo3 .iconTextCont .text {}

.pagina_hotspots .campo1 .title {}

.pagina_hotspots .campo1 svg {}

.pagina_hotspots .campo2 img {}

/*08/02/24*/


.pagina_hotspot_contentor {
    display: flex;
    flex-wrap: wrap;
    background: white;
    padding: 10px;
    margin: 10px 0;
    place-items: center;
    gap: 3px;
    place-content: space-between;
}

.pagina_hotspot_users_list {
    flex: 1 156px;
    display: flex;
    place-items: center;
    border: 1px solid #0000002e;
    border-radius: 15px;
    padding: 3px;
    width: max-content;
    min-width: fit-content;
    transition: 0.4s;
}

.pagina_hotspot_users_list>.icocont{
    flex:unset !important;    
}

.pagina_hotspot_users_visitas{
    margin: auto;
    border: 1px solid #0000002e;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 4px;
    padding:3px; 
    text-align: center;
}

.pagina_hotspot_users_visitas p{
    margin: 5px 0;
}

.pagina_hotspot_users_list:hover {
    filter: drop-shadow(2px 4px 6px #00000030);
    background: white;
    border-color: transparent;
}

.pagina_hotspot_users_list>div {
    display: flex;
}

.pagina_hotspot_users_list * {
    font-weight: 100 !important;
    font-size: 12px;
}

.pagina_hotspot_users_msg {
    margin: auto;
}

.pagina_hotspot_users_msg>svg {
    width: 20px !important;
    height: 20px !important;
    margin: 2px !important;
    padding: 2px;
    fill: #ff9b00;
    margin: 0 auto;
}

/*
CSS PARA COR AUTOMATICA

.pagina_hotspots {

    margin: 15px 0;

}

.pagina_hotspots .campo1 {

    background: yellow;
    border: 1px solid;
    display: grid;
    grid-template-columns: auto auto auto;
    place-content: space-between;

}

.pagina_hotspots .campo1 .bandeira {
    display: flex;
    align-items: center;
}

.pagina_hotspots .campo1 .bandeira>img {

    max-width: 36px;
    margin: 0px 0 -2px 0;

}

.pagina_hotspots .campo1 .titulo {

    padding: 5px;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;

}

.pagina_hotspots .campo1 .descricao {

    background: #0000006e;
    color: white;
    border: 1px solid;
    padding: 5px;
    max-width: 50vw;

}

.pagina_hotspots .campo2 {

    display: grid;
    display: flex;
    flex-wrap: wrap;

}

.pagina_hotspots .campo2 .campo2Div1 {
    flex: 1 auto;
    max-width: 30%;
    min-width: fit-content;
}

.pagina_hotspots .campo2 .campo2Div1>div>svg {
    max-width: 85%;
    margin: auto;
    z-index: 1;
    max-height: 85%;
}

.pagina_hotspots .campo2 .campo2Div2 {
    flex: 1 auto;
}

.pagina_hotspots_sugerido {
    color: black;
    display: flex;
    position: absolute;
    place-content: space-between;
    place-items: normal;
    max-width: calc(100% - 35px);
    gap: 10px;
    filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 2px white);
    width: inherit;
    padding: 5px;
}

.pagina_hotspots .campo2 .campo2Div2 .iconText {}

.pagina_hotspots .campo2 .campo2Div2 .iconText>font {
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    place-items: center;
    gap: 3px;
}

.pagina_hotspots .campo2 .campo2Div2 .iconText svg {
    max-width: 15px;
    max-height: 15px;
}

.pagina_hotspots .campo3 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 3px;
    fill: #5b5b5b;
    color: #5b5b5b;
}

.pagina_hotspots .campo3 .iconTextCont {
    flex: 1 auto;
    border: 1px solid grey;
    padding: 3px;
    display: flex;
    place-content: space-around;
}

.pagina_hotspots .campo3 .iconTextCont>font {
    display: flex;
    gap: 3px;
    place-content: center;
    place-items: center;
    place-content: space-around;
}

.pagina_hotspots .campo3 .iconTextCont svg {
    max-width: 25px;
    min-width: 20px;
    max-height: 25px;
}
.pagina_hotspots .campo3 .iconTextCont .cont{
    background: rgb(205, 188, 255);
}
.pagina_hotspots .campo3 .iconTextCont .cont:empty:after{
    content:"0";
    margin:-4px;
    border-radius: inherit;
    border: inherit;
    padding:inherit;
    background-color: white;
}
.pagina_hotspots .campo3 .iconTextCont .cont {

    width: fit-content;
    height: fit-content;
    display: inline;
    padding: 3px;
    border-radius: 10px;
    border: 1px solid grey;
}
*/

.pagina_hotspots_navegacao .content{
    background: transparent;
}
.pagina_hotspots_navegacao .novomenufiltro>.botoes{
    display: flex;
    gap: 3px;
}

.pagina_hotspots_navegacao .novomenufiltro>.botoes>span{
    background: white;
    border: 1px solid grey !important;
}

.pagina_hotspots_navegacao .novomenufiltro>.botoes>span>span{
    /*background: #cdbcff !important;*/
}

.pagina_hotspots_navegacao .novomenufiltro>.botoes .corpo{
    display: none;
}

.map{
    --top: -40px;
    --right: -40px;
    --bottom: -120px;
    --left: -15px;
    padding: 0 !important;
    margin: var(--top) var(--right) var(--bottom) var(--left) !important;
    width: calc(100% + (var(--left) - var(--right))) !important;
    height: calc(100% + (var(--top) - var(--bottom))) !important;
}

.map #sublocalmapahotsdiv{
    height: 100%;
    width: 100%;
}