.cmp-modalnovo__overlay{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,0.6);z-index:9999;align-items:center;justify-content:center}
.cmp-modalnovo__overlay.is-open{display:flex}
.cmp-modalnovo__window{position:relative;display:flex;width:90%;max-width:785px;padding:40px;flex-direction:column;justify-content:center;align-items:flex-start;gap:40px;border-radius:24px;background-color:#173598;background-size:cover;background-position:left top;box-shadow:0 8px 32px rgba(0,0,0,0.35);box-sizing:border-box}
@media(max-width:600px){.cmp-modalnovo__window{width:calc(100% - 30px);padding:24px;gap:24px;border-radius:16px}
}
.cmp-modalnovo__close{position:absolute;top:23px;right:23px;display:flex;width:39px;height:39px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:16px;background:rgba(241,241,244,0.05);border:0;cursor:pointer;flex-shrink:0;box-sizing:border-box;transition:background-color .2s}
.cmp-modalnovo__close:hover{background:rgba(241,241,244,0.15)}
.cmp-modalnovo__close svg{width:24px;height:24px;flex-shrink:0;aspect-ratio:1 / 1;display:block}
.cmp-modalnovo__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:490px}
.cmp-modalnovo__title{margin:0;color:#fff;font-family:Archia,sans-serif;font-style:normal;font-weight:500;line-height:1.25}
.cmp-modalnovo__description{margin:0;color:#8dc3ff;font-size:1.25rem;font-family:Archia,sans-serif;line-height:1.25}
.cmp-modalnovo__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px}
.cmp-modalnovo__btn-primary{display:flex;height:40px;padding:14px 24px;justify-content:center;align-items:center;gap:8px;border-radius:14px;background:#ffe10d;border:0;cursor:pointer;color:#11246a;font-family:Archia,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.32px;box-sizing:border-box;text-decoration:none;white-space:nowrap;transition:opacity .2s}
.cmp-modalnovo__btn-primary:hover{opacity:.9}
.cmp-modalnovo__btn-primary svg{width:14px;height:14px;flex-shrink:0;aspect-ratio:1 / 1;display:block}
.cmp-modalnovo__btn-secondary{display:flex;height:40px;padding:14px 24px;justify-content:center;align-items:center;gap:8px;border-radius:14px;background:rgba(255,239,65,0.00);border:0;cursor:pointer;color:#8dc3ff;font-family:Archia,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.32px;box-sizing:border-box;white-space:nowrap;transition:background-color .2s}
.cmp-modalnovo__btn-secondary:hover{background:rgba(141,195,255,0.08)}
.cmp-modalnovo__trigger{display:inline-block;padding:10px 20px;background-color:#555;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:14px}
.cmp-modalnovo__trigger:hover{background-color:#333}