/* CSS DO INDEX */
body {background: linear-gradient(to right, #E8EDF1, #F2F7FB);overflow: hidden;}

::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); }
::-webkit-scrollbar { height: 5px; width: 5px; background: rgba(0, 0, 0, 0.03); }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); }


/* LOGOTIPO CONCEPT PRIME */
div.cprime {padding: 0px !important;text-align: center;margin-top: 20px;margin-bottom: 40px;position: relative;z-index: 2;}
div.cprime > img.esfera { width: 45px; }
div.cprime > img.descricao {height: 120px;margin-left: 8px;vertical-align: super;}





/* ESFERAS DOS SISTEMAS */
img.background { width: 100%;  }
img.dark_background {top: -12vh;left: 0;width: 100%;position: relative;}

a.box-cph {width: 14.5%;height: 24%;background-color: transparent;position: absolute;left: calc(50% - 7.2%);top: calc(50% - 22%);border-radius: 100%;/* border: 2px solid black; */}

a.box-pdv {width: 9%;height: 15%;background-color: transparent;position: absolute;left: 12.8%;top: 17%;border-radius: 100%;/* border: 2px solid black; */}
a.box-erp {width: 9%;height: 15%;background-color: transparent;position: absolute;left: 75%;top: 15.5%;border-radius: 100%;/* border: 2px solid black; */}

a.box-concierge {width: 9%;height: 15%;background-color: transparent;position: absolute;left: 20.5%;top: 26.5%;border-radius: 100%;/* border: 2px solid black; */}
a.box-checkin {width: 8%;height: 13%;background-color: transparent;position: absolute;left: 71%;top: 28%;border-radius: 100%;/* border: 2px solid black; */}

a.box-governanca {width: 9%;height: 15%;background-color: transparent;position: absolute;left: 6.2%;top: 39%;border-radius: 100%;/* border: 2px solid black; */}
a.box-checkout {width: 8%;height: 13%;background-color: transparent;position: absolute;left: 75.4%;top: 39.2%;border-radius: 100%;/* border: 2px solid black; */}

a.box-crm {width: 9%;height: 15%;background-color: transparent;position: absolute;left: 15.9%;top: 49.2%;border-radius: 100%;/* border: 2px solid black; */}
a.box-cpconnect {width: 8%;height: 13%;background-color: transparent;position: absolute;left: 63.5%;top: 44%;border-radius: 100%;/* border: 2px solid black; */}