.sc-subscription{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #eadfe5;border-radius:20px;color:#334155;background:#fff;box-sizing:border-box;font:14px 'DM Sans',sans-serif;box-shadow:0 24px 90px #18202f33}.sc-subscription::backdrop{background:#17223366;backdrop-filter:blur(4px)}.sc-subscription *{box-sizing:border-box}.sc-subscription header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 25px;border-bottom:1px solid #eee7ec}.sc-subscription header small,.sc-sub-pix>small{color:#e91e50;letter-spacing:2px;font-size:10px;font-weight:700}.sc-subscription h2{margin:6px 0;font:700 23px Manrope,sans-serif}.sc-subscription h3{font:700 17px Manrope,sans-serif}.sc-subscription header button{width:36px;height:36px;border:1px solid #eadfe5;border-radius:10px;background:#fff;color:inherit;cursor:pointer;font-size:20px}.sc-sub-body{padding:24px}.sc-sub-body>p{color:#7b7989;line-height:1.7;margin:0 0 18px}.sc-subscription label{display:flex;flex-direction:column;gap:8px;font-size:12px}.sc-subscription select,.sc-subscription textarea{width:100%;padding:12px;border:1px solid #e5dce3;border-radius:9px;background:#fff;color:inherit;font:inherit}.sc-subscription textarea{height:86px;overflow-wrap:anywhere;resize:vertical;font-size:12px}.sc-sub-summary{padding:20px;border:1px solid #f0d4de;border-radius:14px;background:#fff6f9;display:grid;gap:10px;margin-bottom:20px}.sc-sub-summary>strong{font:800 30px Manrope,sans-serif;color:#243b48}.sc-sub-summary small{font-size:12px;font-weight:400}.sc-sub-summary>span:last-child{font-size:12px;color:#897b85}.sc-sub-terms{padding:16px 0;line-height:1.6}.sc-sub-terms label{display:flex;flex-direction:row;align-items:flex-start;gap:9px}.sc-sub-terms input{flex:none;accent-color:#ef174d;margin-top:3px}.sc-subscription .button{white-space:normal;min-height:40px;cursor:pointer}.sc-subscription [disabled]{opacity:.5;cursor:default}.sc-subscription [data-sub-feedback]{margin:16px 0;color:#187b58}.sc-subscription [data-sub-feedback].is-error{color:#b92b45}.sc-sub-invoices{margin-top:24px}.sc-sub-invoices>p{font-size:12px;color:#898494}.sc-sub-invoices article{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eee8ee;padding:15px 0}.sc-sub-invoices article>div{display:grid;gap:7px;min-width:0}.sc-sub-invoices article>div:last-child{text-align:right;flex:none}.sc-sub-invoices span{font-size:11px;color:#898494;line-height:1.5}.sc-sub-invoices .sc-sub-paid{color:#14835b}.sc-sub-pix{text-align:center;padding:22px;border:1px solid #f0d4de;border-radius:15px;background:#fffcfd}.sc-sub-pix h3{font-size:30px;margin:12px 0}.sc-sub-pix>p{font-size:12px;color:#87818d}.sc-sub-qr{max-width:272px;width:100%;background:#fff;padding:16px;margin:20px auto}.sc-sub-qr canvas,.sc-sub-qr img{max-width:100%;height:auto!important;image-rendering:pixelated}.sc-sub-pix label{text-align:left}.sc-sub-pix .button{width:100%;margin-top:12px}.sc-subscription :focus-visible{outline:2px solid #eb2657;outline-offset:3px}@media(max-width:480px){.sc-subscription header,.sc-sub-body{padding:18px 16px}.sc-subscription h2{font-size:19px}.sc-sub-pix{padding:16px 10px}.sc-sub-invoices article{gap:8px}.sc-sub-invoices article>div:last-child{max-width:125px}.sc-sub-invoices .button{padding:9px 12px;font-size:11px}}

.sc-subscription header{position:sticky;top:0;z-index:2;background:#fff}

.sc-trial-banner [data-sub-open]{background:#ef174d;color:#fff;border:0;border-radius:8px;padding:9px 14px;font:600 12px "DM Sans",sans-serif;cursor:pointer;flex-shrink:0}.sc-trial-banner [data-sub-open]:focus-visible{outline:2px solid #243b48;outline-offset:3px}

/* Aviso do teste: texto e ação formam um conjunto centralizado. */
.reference-layout #companyTrialBanner{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:12px 20px;box-sizing:border-box;min-height:60px;margin:16px 0 18px;padding:11px 18px;border:1px solid #f0b7c9;border-left:3px solid #ed174d;border-radius:10px;background:linear-gradient(100deg,#fff1f6,#fff9fb);box-shadow:0 4px 15px #b8285110;color:#913b5c;font-size:13px;line-height:1.7}
#companyTrialBanner>[data-trial-label]{flex:0 1 auto;min-width:0;text-align:center;overflow-wrap:anywhere;font-weight:500}
#companyTrialBanner>[data-sub-open]{min-height:36px;padding:9px 16px;border:1px solid #e90e46;box-shadow:0 3px 9px #e91e5026;transition:background .15s,box-shadow .15s}
#companyTrialBanner>[data-sub-open]:hover{background:#d90e41;box-shadow:0 4px 12px #e91e5033}
@media(max-width:700px){.reference-layout #companyTrialBanner{flex-direction:column;gap:10px;margin-top:14px;padding:13px 15px}#companyTrialBanner>[data-trial-label]{flex:none;width:100%}#companyTrialBanner>[data-sub-open]{align-self:center}}
