/* Handheld proportions within the overlapping hero composition. */
.cl-hero-visual .cl-device.cl-zebra-device{width:350px;left:50%}
@media(max-width:1100px){.cl-hero-visual .cl-device.cl-zebra-device{width:335px;left:47%}}
@media(max-width:800px){.cl-hero-visual .cl-device.cl-zebra-device{width:320px;left:43%}}
@media(max-width:600px){.cl-hero-visual .cl-device.cl-zebra-device{width:320px;left:50%}}
/* Soft blue at the page entrance, fading before the handheld composition. */
.coletor-page::before{height:800px;background:linear-gradient(180deg,#dcecf6 0%,#eaf4fa 35%,#f5f9fc 66%,#fff 100%)}
.coletor-page .cl-hero{background:linear-gradient(180deg,transparent 0,transparent 420px,#ffffffb3 590px,#fff 730px,#eef5f8 100%)}
@media(max-width:600px){
 .coletor-page::before{height:720px}
 .coletor-page .cl-hero{background:linear-gradient(180deg,transparent 0,transparent 380px,#fff 660px,#eef5f8 100%)}
}