@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    font-family: 'Nunito';
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
    line-height: 1;
}

main, article, aside, figure, footer, header, nav, section, details, summary,img {
    display: block;
}

html {
    box-sizing: border-box;
}

*,*:before,*:after {
    box-sizing: inherit;
}

img,object,embed {
    max-width: 100%;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

input,button,textarea,select,optgroup,option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: none;
}

input,button,textarea,select {
    *font-size: 100%;
}

fieldset,input,button,textarea,select {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}

a {
    text-decoration: none;
}

table {
    font-size: inherit;
    font: 100%;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

td, td img {
    vertical-align: top;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

body {
    font: 400 16px/26px;
    color: #727272;
    text-rendering: optimizelegibility !important;
    background: #f5f7f7;
    background: #1c1c1c;
}

* {
    scrollbar-width: auto;
    scrollbar-color: #8fc9ef;
    scroll-behavior: smooth;
}

/*::-webkit-scrollbar {
    width: 6px;
}

*::-webkit-scrollbar-track {
    background: #fff;
}

*::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #8fc9ef;
}

::-webkit-selection {
    background: #8fc9ef;
    color: #fff;
}*/

::selection {
    background: #8fc9ef;
    color: #fff;
}

::-moz-selection {
    background: #8fc9ef;
    color: #fff;
}

@keyframes dots-1 {
    from {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }
}

@keyframes dots-2 {
    from {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes dots-3 {
    from {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }
}

@keyframes dots-4 {
    from {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }
}

@keyframes dots-5 {
    from {
        opacity: 0;
    }

    95% {
        opacity: 1;
    }
}

.dots {
    text-align: center;
    display: inline-block;
}

.dots span {
    animation: dots-1 1s infinite steps(1);
}

.dots span:first-child + span {
    animation-name: dots-2;
}

.dots span:first-child + span + span {
    animation-name: dots-3;
}

.dots span:first-child + span + span + span {
    animation-name: dots-4;
}

.dots span:first-child + span + span + span + span {
    animation-name: dots-5;
}

nav {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

._320 nav {
    zoom: .8;
}

ul.nav {
    display: flex;
    border-radius: 45px;
    box-shadow: 0 0 13px -1px rgb(0 0 0 / 25%);
    background: #fff;
}

ul.nav > li {position: relative;}

ul.nav > li > b {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    transition: all 0.5s ease;
    background: #1c1c1c;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 10px;
    padding: 6px 10px;
    line-height: 12px;
    color: #fff;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
}

ul.nav > li:hover > b {
    opacity: 1;
    visibility: visible;
    top: -32px;
}

ul.nav > li span {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    position: relative;
    cursor: pointer;
}

ul.nav > li span:after {content:'';width: 50px;height: 50px;position: absolute;background: #1c1c1c;transition: all 0.5s ease;opacity: 0;visibility: hidden;transform: scale(0);border-radius: 100%;}
ul.nav > li:hover span:after, ul.nav > li.ativo span:after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

ul.nav > li span:before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-color: #1c1c1c;
    z-index: 3;
    position: relative;
    transition: all 0.5s ease;
}

ul.nav > li:hover span:before, ul.nav > li.ativo span:before {
    background-color: #fff;
}

ul.nav > li.acesso span:before {
    mask-image: url("data:image/svg+xml,%3Csvg width='463' height='528' viewBox='0 0 463 528' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M215.333 2.06793C191.467 7.1346 173.2 16.6012 156.533 32.3346C150.533 37.9346 142.933 46.7346 139.6 51.6679C136.267 56.6012 105.867 110.335 72 171.268C38.1333 232.068 8 286.068 5.2 291.001C2.4 296.068 0 301.001 0 301.935C0 303.001 2.53333 304.468 5.73333 305.401C11.8667 307.001 56.6667 319.535 60.1333 320.735C61.8667 321.135 64.1333 318.201 69.3333 308.335C73.2 301.135 83.3333 282.601 92 267.268C100.533 251.801 127.467 202.868 152 158.335C176.4 113.801 199.067 74.0679 202.267 69.9346C219.6 47.9346 240.933 40.3346 264.8 47.6679C284.933 53.8012 294.133 64.2013 292.933 79.0013C292.267 86.0679 290.133 90.4679 270.533 125.668C258.667 147.135 246.4 168.735 243.333 173.935C238.533 181.935 164.8 313.135 152 336.601C149.6 341.001 139.467 359.001 129.6 376.601C107.333 416.201 104.667 421.668 101.733 436.201C99.6 447.268 99.6 448.468 101.733 458.601C104.8 473.135 109.467 482.601 118.8 492.601C158 534.468 242.8 539.668 294 503.268C303.6 496.468 316.133 483.401 322.8 473.268C327.333 466.335 346.533 432.068 426.4 288.601C444.267 256.335 459.867 229.268 460.8 228.468C463.6 226.201 463.2 221.268 460.267 221.268C458.933 221.268 445.2 217.668 429.6 213.268C414 208.868 400.667 205.268 400.133 205.268C399.467 205.268 384.4 231.801 366.533 264.201C348.8 296.735 323.867 341.801 311.333 364.601C298.8 387.268 283.2 415.668 276.667 427.535C263.6 451.535 255.6 462.468 245.333 469.935C230.533 480.735 216.667 483.535 199.6 479.135C183.867 475.135 174.267 468.335 170.133 458.335C167.467 452.068 167.467 447.135 170 439.935C172 434.468 208.933 367.135 218.667 351.268C221.467 346.868 230.8 330.335 239.6 314.601C248.4 298.868 269.733 260.735 286.933 229.935C361.067 97.4012 358.933 101.668 360.8 83.6679C361.867 72.8679 358.933 59.0012 353.2 47.8012C348.267 37.8012 334.933 24.0679 323.867 17.5346C312.933 11.1346 294.667 4.0679 283.2 1.93457C269.6 -0.732098 228.133 -0.598737 215.333 2.06793Z' fill='black'/%3E%3C/svg%3E%0A");
    mask-size: 40px 40px;
    background-color: #fff;
    width: 40px;
    height: 40px;
}

ul.nav > li[caminho="visita-virtual"] span:before {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9V7C2 4 4 2 7 2H17C20 2 22 4 22 7V9' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 15V17C2 20 4 22 7 22H17C20 22 22 20 22 17V15' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.69995 9.26001L12 12.33L17.2599 9.28003' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17.7701V12.3201' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.76 6.29006L7.55998 8.07009C6.83998 8.47009 6.23999 9.48008 6.23999 10.3101V13.7001C6.23999 14.5301 6.82998 15.5401 7.55998 15.9401L10.76 17.7201C11.44 18.1001 12.56 18.1001 13.25 17.7201L16.45 15.9401C17.17 15.5401 17.77 14.5301 17.77 13.7001V10.3101C17.77 9.48008 17.18 8.47009 16.45 8.07009L13.25 6.29006C12.56 5.90006 11.44 5.90006 10.76 6.29006Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

ul.nav > li[caminho="sair"] span:before {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4399 14.62L19.9999 12.06L17.4399 9.5' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.76001 12.0601H19.93' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.76 20C7.34001 20 3.76001 17 3.76001 12C3.76001 7 7.34001 4 11.76 4' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

ul.nav > li[caminho="compras"] span:before {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 22H5C3 22 2 21 2 19V11C2 9 3 8 5 8H10V19C10 21 11 22 13 22Z' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.11 4C10.03 4.3 10 4.63 10 5V8H5V6C5 4.9 5.9 4 7 4H10.11Z' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8V13' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 8V13' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 17H15C14.45 17 14 17.45 14 18V22H18V18C18 17.45 17.55 17 17 17Z' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 13V17' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 19V5C10 3 11 2 13 2H19C21 2 22 3 22 5V19C22 21 21 22 19 22H13C11 22 10 21 10 19Z' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

ul.nav > li[caminho="carteira"] span:before {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.04 13.55C17.62 13.96 17.38 14.55 17.44 15.18C17.53 16.26 18.52 17.05 19.6 17.05H21.5V18.24C21.5 20.31 19.81 22 17.74 22H6.26C4.19 22 2.5 20.31 2.5 18.24V11.51C2.5 9.44001 4.19 7.75 6.26 7.75H17.74C19.81 7.75 21.5 9.44001 21.5 11.51V12.95H19.48C18.92 12.95 18.41 13.17 18.04 13.55Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 12.4101V7.8401C2.5 6.6501 3.23 5.59006 4.34 5.17006L12.28 2.17006C13.52 1.70006 14.85 2.62009 14.85 3.95009V7.75008' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5588 13.9702V16.0302C22.5588 16.5802 22.1188 17.0302 21.5588 17.0502H19.5988C18.5188 17.0502 17.5288 16.2602 17.4388 15.1802C17.3788 14.5502 17.6188 13.9602 18.0388 13.5502C18.4088 13.1702 18.9188 12.9502 19.4788 12.9502H21.5588C22.1188 12.9702 22.5588 13.4202 22.5588 13.9702Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12H14' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

ul.nav > li[caminho="projetos"] span:before {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3195_632)'%3E%3Cpath d='M21.81 3.94012C20.27 7.78012 16.41 13.0001 13.18 15.5901L11.21 17.1701C10.96 17.3501 10.71 17.5101 10.43 17.6201C10.43 17.4401 10.42 17.2401 10.39 17.0501C10.28 16.2101 9.89999 15.4301 9.22999 14.7601C8.54999 14.0801 7.71999 13.6801 6.86999 13.5701C6.66999 13.5601 6.46999 13.5401 6.26999 13.5601C6.37999 13.2501 6.54999 12.9601 6.75999 12.7201L8.31999 10.7501C10.9 7.52012 16.14 3.64012 19.97 2.11012C20.56 1.89012 21.13 2.05012 21.49 2.42012C21.87 2.79012 22.05 3.36012 21.81 3.94012Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.43 17.6201C10.43 18.7201 10.01 19.77 9.22 20.57C8.61 21.18 7.78 21.6001 6.79 21.7301L4.33 22.0001C2.99 22.1501 1.84 21.01 2 19.65L2.27 17.1901C2.51 15.0001 4.34 13.6001 6.28 13.5601C6.48 13.5501 6.69 13.56 6.88 13.57C7.73 13.68 8.56 14.0701 9.24 14.7601C9.91 15.4301 10.29 16.21 10.4 17.05C10.41 17.24 10.43 17.4301 10.43 17.6201Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.24 14.47C14.24 11.86 12.12 9.73999 9.51001 9.73999' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.12 12.73L20.86 13.46C22.35 14.95 22.35 16.42 20.86 17.91L17.9 20.87C16.43 22.34 14.94 22.34 13.47 20.87' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M3.11001 10.5101C1.64001 9.02006 1.64001 7.55006 3.11001 6.06006L6.07001 3.10006C7.54001 1.63006 9.03001 1.63006 10.5 3.10006L11.24 3.84006' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M11.25 3.8501L7.54999 7.5501' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20.12 12.73L17.16 15.68' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3195_632'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

ul.nav > li[caminho="pasta-de-obra"] span:before {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 10V13' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 10H18C15 10 14 9 14 6V2L22 10Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.7601 18.2601C11.4101 18.4301 11.4101 21.8301 13.7601 22.0001H19.3201C19.9901 22.0001 20.6501 21.7501 21.1401 21.3001C22.7901 19.8601 21.9101 16.9801 19.7401 16.7101C18.9601 12.0201 12.1801 13.8001 13.7801 18.2701' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

ul.nav > li[caminho="cadastro"] span:before {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.14 21.62C17.26 21.88 16.22 22 15 22H8.99998C7.77998 22 6.73999 21.88 5.85999 21.62C6.07999 19.02 8.74998 16.97 12 16.97C15.25 16.97 17.92 19.02 18.14 21.62Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 2H9C4 2 2 4 2 9V15C2 18.78 3.14 20.85 5.86 21.62C6.08 19.02 8.75 16.97 12 16.97C15.25 16.97 17.92 19.02 18.14 21.62C20.86 20.85 22 18.78 22 15V9C22 4 20 2 15 2ZM12 14.17C10.02 14.17 8.42 12.56 8.42 10.58C8.42 8.60002 10.02 7 12 7C13.98 7 15.58 8.60002 15.58 10.58C15.58 12.56 13.98 14.17 12 14.17Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.58 10.58C15.58 12.56 13.98 14.17 12 14.17C10.02 14.17 8.42004 12.56 8.42004 10.58C8.42004 8.60002 10.02 7 12 7C13.98 7 15.58 8.60002 15.58 10.58Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

ul.nav li.acesso {
}

ul.nav li.acesso span {background: #1c1c1c;border-radius: 100%;margin: 0 12px;transform: scale(1.2);}

ul.nav li.acesso ul {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    bottom: 0;
    background: #fff;
    min-width: 250px;
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);
    left: 165%;
    transform: translateX(-50%);
    padding: 10px 10px 20px;
    z-index: -1;
    border-radius: 10px 10px 0 0;
    transition: all 0.5s ease;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

ul.nav li.acesso ul li.obra {
    border-radius: 10px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.5s ease;
}
ul.nav li.acesso ul li.obra:hover, ul.nav li.acesso ul li.obra.ativo {
    border-color: #0019a1;
}
ul.nav li.acesso ul li.obra b {
    font-size: 16px;
    color: #000;
    width: max-content;
    min-width: calc(100% - 70px);
    padding-right: 20px;
}
ul.nav li.acesso ul li.obra em.compartilhar {
    cursor: pointer;
}
ul.nav li.acesso ul li.obra em.compartilhar:after {content:'';mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 13.4V16.4C17 20.4 15.4 22 11.4 22H7.6C3.6 22 2 20.4 2 16.4V12.6C2 8.6 3.6 7 7.6 7H10.6' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 13.4H13.8C11.4 13.4 10.6 12.6 10.6 10.2V7L17 13.4Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6 2H15.6' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 5C7 3.34 8.34 2 10 2H12.62' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.9999 8V14.19C21.9999 15.74 20.7399 17 19.1899 17' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 8H19C16.75 8 16 7.25 16 5V2L22 8Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background: #000;opacity: 0.3;width: 24px;height: 24px;display: block;transition: all 0.5s ease;}
ul.nav li.acesso ul li.obra em.compartilhar:hover:after {
    opacity: 1;
}
ul.nav li.acesso ul li.obra em.excluir {
    margin-left: auto;
    cursor: pointer;
}
ul.nav li.acesso ul li.obra em.excluir:after {content:'';mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 5.97998C17.67 5.64998 14.32 5.47998 10.98 5.47998C9 5.47998 7.02 5.57998 5.04 5.77998L3 5.97998' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.85 9.14001L18.2 19.21C18.09 20.78 18 22 15.21 22H8.79002C6.00002 22 5.91002 20.78 5.80002 19.21L5.15002 9.14001' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.33 16.5H13.66' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 12.5H14.5' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width: 24px;height: 24px;display: block;background: red;opacity: 0.3;transition: all 0.5s ease;}
ul.nav li.acesso ul li.obra em.excluir:hover:after {
    opacity: 1;
}
ul.nav li.acesso:hover ul {
    opacity: 1;
    visibility: visible;
    bottom: 100%;
}

ul.nav li.acesso ul li {padding: 10px;}
ul.nav li.acesso ul li.adicionarObra {
    display: flex;
    background: #0019a1;
    color: #fff;
    font-size: 14px;
    width: 100%;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 3px #0019a15c;
    cursor: pointer;
    gap: 7px;
    justify-content: center;
}
ul.nav li.acesso ul li.adicionarObra:hover {
    box-shadow: 0 0 0 0px #0019a15c;
    background: #1430c9;
}
ul.nav li.acesso ul li.adicionarObra em {
    display: flex;
    align-items: center;
}
ul.nav li.acesso ul li.adicionarObra em:after {content:'';mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9V7C2 4 4 2 7 2H17C20 2 22 4 22 7V9' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 15V17C2 20 4 22 7 22H17C20 22 22 20 22 17V15' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.69995 9.26001L12 12.33L17.2599 9.28003' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17.7701V12.3201' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.76 6.29006L7.55998 8.07009C6.83998 8.47009 6.23999 9.48008 6.23999 10.3101V13.7001C6.23999 14.5301 6.82998 15.5401 7.55998 15.9401L10.76 17.7201C11.44 18.1001 12.56 18.1001 13.25 17.7201L16.45 15.9401C17.17 15.5401 17.77 14.5301 17.77 13.7001V10.3101C17.77 9.48008 17.18 8.47009 16.45 8.07009L13.25 6.29006C12.56 5.90006 11.44 5.90006 10.76 6.29006Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color: #fff;width: 20px;height: 20px;display: block;mask-size: 100%;background-size: contain;}
ul.nav li.acesso ul li.adicionarObra b {}
._320 .container {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
}

.container {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    overflow-y: auto;
    position: absolute;
    left: 20px;
    top: 20px;
    background: #fff;
    border-radius: 20px;
}


.janelaCadastro{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
}
.janelaCadastro.ativo {
    opacity: 1;
    visibility: visible;
}
    .janelaCadastro:after {content:'';}
    .janelaCadastro:before {content:"";position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.9;z-index: 2;}
.janelaCadastro .centro {
    z-index: 4;
    position: absolute;
    width: auto;
    height: auto;
    background: #fff;
    border-radius: 20px;
    left: 50%;
    transform: translateX(-50%);
    top: 170px;
    box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.1);
}
.janelaCadastro .fechar {
    position: absolute;
    color: #e70b0b;
    font-weight: 700;
    right: 30px;
    top: 10px;
    transition: all 0.5s ease;
    cursor: pointer;
}
.janelaCadastro .fechar:before {content: 'X';}
.janelaCadastro .fechar:hover:before {}
.janelaCadastro .centro:after {content: 'Usuário';position: absolute;top: -50px;color: #fff;font-size: 30px;font-weight: 600;text-transform: uppercase;left: 50%;transform: translateX(-50%);width: max-content;}
.janelaCadastro .centro h2 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-align: center;
}
.janelaCadastro .centro p {
    text-align: center;
    font-size: 18px;
    max-width: 358px;
    margin: 0 auto;
    padding-top: 10px;
    line-height: 20px;
}
.janelaCadastro .centro p b {font-weight: 600; color: #000
                                             }

.janelaCadastro .centro form {}
.janelaCadastro .centro form ul {
    border-radius: 20px;
    border: 1px solid #eee;
    margin-bottom: -40px;
    background: #fff;
    box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.1);
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.janelaCadastro .centro form ul li {
    display: flex;
    flex-direction: column;
}
.janelaCadastro .centro form ul li.previsao {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.janelaCadastro .centro form ul li.previsao select {
    border: 1px solid #eee;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    color: #000;
    transition: all 0.5s ease;
    width: 65%;
}
.janelaCadastro .centro form ul li.previsao input {
    width: 30%;
}
.janelaCadastro .centro form ul li.orcamento {
    position: relative;
}
.janelaCadastro .centro form ul li.orcamento input {
    padding-left: 35px;
}
.janelaCadastro .centro form ul li.orcamento:after{content: 'R$';font: 400 16px / 26px;color: #727272;position: absolute;bottom: 8px;left: 10px;}
.janelaCadastro .centro form ul li label {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.janelaCadastro .centro form ul li input {
    border: 1px solid #eee;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    color: #000;
    transition: all 0.5s ease;
}
.janelaCadastro .centro form ul li input:hover {
    border-color: #0019a1;
}
.janelaCadastro .centro form ul li input:focus {
    border-color: #000;
}
.janelaCadastro .centro form ul li span.legenda {
    position: absolute;
    top: calc(100% + 60px);
    color: #fff;
    max-width: 300px;
    font-size: 15px;
    line-height: 17px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.janelaCadastro .centro form ul li button {
    background: #0019a1;
    color: #fff;
    font-size: 20px;
    width: max-content;
    margin: 0 auto -10px;
    padding: 10px 25px 10px 25px;
    border-radius: 10px;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 3px #0019a15c;
    cursor: pointer;
}
.janelaCadastro .centro form ul li button:hover {
    box-shadow: 0 0 0 0px #0019a15c;
    background: #1430c9;
}