@charset "UTF-8";
/* ProtectMe - banner de boas-vindas do cupom de parceiro (toastr com toastClass "toast pm-cupom").
   Formato de ingresso: recortes em meia-lua nas laterais, corpo #b5f9ff, canhoto à direita (#009baa) com picote e "CUPOM" na vertical.
   O recorte é feito com mask (o conteúdo vem do banco e o componente não muda); a sombra fica no contêiner para seguir o recorte.
   Autossuficiente: não depende do CSS da página. Versionar pelo nome (cupom-banner.1.X.css). */
#toast-container.toast-top-right{top:88px;right:20px;filter:drop-shadow(0 16px 24px rgba(24,24,27,.24)) drop-shadow(0 1px 2px rgba(24,24,27,.12))}
#toast-container > .toast.pm-cupom{--canhoto:56px;--furo:13px;--picote:9px;
 position:relative;width:392px;opacity:1;background:#b5f9ff none;color:#18181b;font-family:Figtree,"Helvetica Neue",Arial,sans-serif;
 border:0;border-radius:16px;outline:0;padding:22px calc(var(--canhoto) + 24px) 20px 28px;margin:0 0 10px;box-shadow:none;
 -webkit-mask:radial-gradient(circle var(--furo) at 0 50%,#0000 98%,#000) ,radial-gradient(circle var(--furo) at 100% 50%,#0000 98%,#000),
  radial-gradient(circle var(--picote) at calc(100% - var(--canhoto)) 0,#0000 98%,#000),radial-gradient(circle var(--picote) at calc(100% - var(--canhoto)) 100%,#0000 98%,#000);
 -webkit-mask-composite:source-in;
 mask:radial-gradient(circle var(--furo) at 0 50%,#0000 98%,#000) ,radial-gradient(circle var(--furo) at 100% 50%,#0000 98%,#000),
  radial-gradient(circle var(--picote) at calc(100% - var(--canhoto)) 0,#0000 98%,#000),radial-gradient(circle var(--picote) at calc(100% - var(--canhoto)) 100%,#0000 98%,#000);
 mask-composite:intersect;
 animation:pmCupom .7s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}
#toast-container > .toast.pm-cupom:hover{box-shadow:none;opacity:1;cursor:default}
/* canhoto: faixa #009baa (R0 G155 B170) com "CUPOM" em branco; 19px 800 = texto grande, contraste 3,35:1 >= 3:1 */
#toast-container > .toast.pm-cupom:before{content:"CUPOM";display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;width:var(--canhoto);
 background:#009baa;color:#fff;font:800 19px/1 Figtree,"Helvetica Neue",Arial,sans-serif;letter-spacing:.24em;writing-mode:vertical-rl;transform:rotate(180deg);padding-top:.24em;margin:0;opacity:1;text-indent:0}
/* picote: tracejado branco logo dentro do canhoto */
#toast-container > .toast.pm-cupom:after{content:"";position:absolute;top:14px;bottom:14px;right:calc(var(--canhoto) - 7px);border-left:2px dashed rgba(255,255,255,.75)}
@keyframes pmCupom{from{opacity:0;transform:perspective(600px) rotateX(-35deg)}}
#toast-container > .pm-cupom .toast-title{display:inline-block;font-size:12px;font-weight:700;line-height:1.4;color:#c2410c;background:#fff7ed;border:1px solid #fdba74;border-radius:999px;padding:2px 10px;margin-bottom:10px}
#toast-container > .pm-cupom .toast-message{font-size:15px;line-height:1.45;color:#3f3f46}
#toast-container > .pm-cupom .toast-message > br:first-child,#toast-container > .pm-cupom .toast-message b + br{display:none}
#toast-container > .pm-cupom .toast-message b{font-weight:inherit}
#toast-container > .pm-cupom .toast-message h3{display:block;font-family:inherit;font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1.2;color:#18181b;margin:4px 0 12px;padding-bottom:12px;border-bottom:2px dashed rgba(0,155,170,.45)}
#toast-container > .pm-cupom .toast-message a{color:#18181b;text-decoration:underline}
/* fechar: no alto do canhoto */
#toast-container > .pm-cupom .toast-close-button{position:absolute;z-index:1;right:calc((var(--canhoto) - 30px) / 2);top:12px;width:30px;height:30px;border-radius:50%;color:#fff;text-shadow:none;opacity:1;font-size:20px;line-height:28px;text-align:center}
#toast-container > .pm-cupom .toast-close-button:hover,#toast-container > .pm-cupom .toast-close-button:focus{background:rgba(255,255,255,.2);color:#fff}
#toast-container > .pm-cupom .toast-close-button:focus-visible{outline:2px solid #fff;outline-offset:1px}
#toast-container > .pm-cupom .toast-progress{display:none}
@media (max-width:600px){#toast-container.toast-top-right{top:76px;left:16px;right:16px}#toast-container > .toast.pm-cupom{width:auto;--canhoto:48px;padding:20px calc(var(--canhoto) + 18px) 18px 24px}}
@media (prefers-reduced-motion:reduce){#toast-container > .toast.pm-cupom{animation:none}}