/* apepê by OMA — identidade staging.apepe.com: amarelo, cinza e preto. */
:root{--yellow:#fec505;--yellow-soft:#fffbe1;--navy:#171717;--violet:#535353;--pix:#919191;--oma:#4f4f4f;--red:var(--yellow);--red-dark:#efd13d;--ink:#2c2c2c;--bg:#fafaf7;--line:#ededeb}
body{background:var(--bg)}
button:focus-visible,a:focus-visible{outline-color:#d4bb28}
input:focus,select:focus,textarea:focus{border-color:#c6ae26!important;box-shadow:0 0 0 3px #fee25025}
.sidebar{background:#fff;border-right-color:#eeeeea}.brand{padding:0 0 23px}
.brand-lockup{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--navy);border-radius:13px;padding:16px 10px;min-height:79px}
.brand .brand-lockup .apepe-logo{width:120px;height:45px;object-fit:contain;object-position:center}
.brand-by{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#fff;border-radius:7px;padding:4px 5px 3px;min-width:43px}
.brand-by>span{font-size:9px;color:#888b91;line-height:1}
.brand .brand-by .oma-partner{width:43px;height:23px;object-fit:contain;object-position:center}
.nav button:hover{background:#fffdf0}.nav button.active{background:var(--yellow-soft);color:var(--navy);font-weight:700;box-shadow:inset 3px 0 0 var(--yellow)}
.nav button.active .icon{color:var(--navy)}.nav .nav-count{background:var(--yellow);color:#443c20}
.property{background:#fffef7;border-color:#eeebd8}.property>.icon:first-child{color:#958330}
.help-card{background:#fffdf1;border:1px solid #f4efcf}.help-card>.icon{color:#8f7c20}.help-card button{color:var(--navy)}
.eyebrow{color:#87751c}.text-link{color:#79671a}.text-link:hover{color:var(--navy)}
.btn{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.btn:hover{background:#f2d43e;border-color:#f2d43e}
.btn.secondary{background:white;color:#54545d;border-color:#e8e8ed}.btn.secondary:hover{background:#faf9f2}
.btn.soft{background:#fff9d8;color:#63551d;border-color:#f7ebaa}.btn.dark{background:var(--navy);border-color:var(--navy);color:white}.btn.dark:hover{background:#282828}
.icon-btn .dot{background:var(--yellow);width:6px;height:6px;box-shadow:0 0 0 1px #b5a450}
.avatar{background:#fff5c2;color:#655826}.role{background:#fffef8}.role:focus{border-color:#d0b73c}
.content{position:relative}.page-heading{position:relative;z-index:1}.demo-pill i{background:#cdb236}
.apepe-hero{background:#fffdf0;border:1px solid #f1e6a9;color:var(--ink);min-height:251px;padding:31px 34px;isolation:isolate}
.apepe-hero:after{display:none}.apepe-hero:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #eada833d;border-radius:50%;left:-245px;top:-100px;z-index:-1}
.apepe-hero .hero-copy{max-width:52%;z-index:2}.apepe-hero .eyebrow{color:#8f7a1e;font-size:9px}.apepe-hero h2{font-size:28px;line-height:1.42;letter-spacing:-1px;font-weight:700;color:#292929}.apepe-hero p{color:#838375;font-size:12px;max-width:350px;line-height:1.8}.apepe-hero .btn{border-radius:30px;padding:11px 18px}
.hero-art{position:absolute;inset:0 0 0 auto;width:46%;overflow:hidden;z-index:1}
.orbit{position:absolute;border:1px solid #e9d66470;border-radius:50%;width:280px;height:280px;right:5%;top:-15px}
.orbit-two{width:360px;height:360px;right:-15%;top:-55px;border-color:#f3e7a580}.orbit-three{width:155px;height:155px;right:22%;top:49px;background:#fff3a2;border:0;box-shadow:0 0 0 22px #fffae1}
.hero-note{position:absolute;display:flex;align-items:center;gap:11px;padding:15px 17px;background:#fff;box-shadow:0 8px 25px #65530e09;border:1px solid #eeead8;border-radius:12px;white-space:nowrap;text-align:left}
.note-one{top:49px;right:35px;transform:rotate(-4deg)}.note-two{top:139px;right:13px;transform:rotate(3deg)}
.hero-note:hover{transform:translateY(-3px)}.note-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#fff8c8;color:#807123;flex:none}
.note-two .note-icon{background:#f1f1f1;color:#737373}.hero-note b{display:block;font-size:11px;color:#373737;font-weight:700}.hero-note small{display:block;font-size:9px;color:#aaa894;margin-top:4px}.hero-note i{height:6px;width:6px;border-radius:50%;background:var(--yellow);margin-left:9px}.hero-art-caption{position:absolute;bottom:17px;right:36px;font-size:9px;letter-spacing:1px;color:#a89b64}
.stat:first-child .stat-icon{background:#fff7c7;color:#8b7720}.stat:nth-child(2) .stat-icon{background:#f2f2f2;color:#808080}.stat:nth-child(3) .stat-icon{background:#f3f3f3;color:#7e7e7e}.stat:nth-child(4) .stat-icon{background:#ebf8f1;color:#8f8f8f}.stat:hover{border-color:#e8d77e}
.quick{position:relative;background:#fff}.quick:hover{background:#fffdf2;border-color:#ead98a}.quick .icon{color:#666666}.quick:after{content:'';height:7px;width:7px;background:var(--yellow);border-radius:50%;position:absolute;top:17px;left:calc(50% + 9px);opacity:.85}
.bill-panel{position:relative;overflow:hidden;background:var(--navy);color:white;border-color:var(--navy)}
.bill-panel:after{content:'';position:absolute;width:230px;height:60px;border:2px solid #fee25055;border-radius:50%;bottom:-42px;left:-20px;transform:rotate(12deg);pointer-events:none}
.bill-panel .panel-heading h2{color:white;font-size:14px;max-width:270px;line-height:1.6}.bill-panel .panel-heading h2 svg{color:var(--yellow)}
.bill-panel .bill-label{color:#b8b8b8}.bill-panel .bill-value{color:#fff}.bill-panel .bill-info{color:#c7c7c7}.bill-panel .bill-bottom{border-color:#ffffff20;position:relative;z-index:1}.bill-panel .bill-bottom small{color:#b8b8b8;line-height:1.7}.bill-panel .pill.orange{background:#fff4aa;color:#5b4b0c}.bill-panel .pill.green{background:#f1f1f1;color:#5d5d5d}.bill-panel .bill-bottom .btn{font-size:11px}
.bottom-banner{background:#fffbe3;border-color:#f1e5a6}.bottom-banner .seal{background:white;color:#a48c26}.bottom-banner .btn.secondary{border-color:#e8d474;background:#fffdf2;color:#67571a}
.tabs button.active{color:var(--navy);border-bottom-color:var(--yellow)}.tabs button:hover{color:#7e6c26;background:#fffdf1}
.module-card .module-icon{background:#fff7ce;color:#8e7b24}.module-card:hover{border-color:#e5d478}.group-heading{color:#797a82}.news-icon{background:#fffbed;color:#9b9167}
.chart .bar{background:var(--navy)}.chart .bar.alt{background:#fee250}.legend i{background:var(--navy)}.legend .alt{background:var(--yellow)}.progress i{background:#d9b82c}.role-banner b{color:var(--navy)}
tr[data-row]:hover{background:#fffdf0}.role-banner{background:#fffef6}.filter-select:focus{border-color:#d3b940}
.catalog-hero{background:#fffbea;border:1px solid #f2e7b2}.catalog-hero .eyebrow{color:#958027}.catalog-hero .seal{color:#c4ab38}.catalog-hero h2{color:var(--navy)}.coupon .discount{color:var(--navy)}.coupon .eyebrow{color:#9b883c}.tag.active{background:var(--navy);border-color:var(--navy)}
.pill.red{background:#fff0f2;color:#5f5f5f}.pill.green{background:#ecf8f1;color:#737373}.pill.orange{background:#fff7dd;color:#ad812b}.pill.blue{background:#f3f3f3;color:#7c7c7c}
.search-results button:hover{background:#fff9d8}.search-results{border-color:#eee6bf}.bubble.mine{background:#fff8cf;color:#786722}.side-note .btn{color:#7d6b21}
.payment-option[data-paymethod="pix"]{color:#757575}.payment-option[data-paymethod="cartao"]{color:var(--violet)}.payment-option[data-paymethod="boleto"]{color:#8f7923}
.payment-option[data-paymethod="pix"].selected{background:#ecfbf4;border-color:var(--pix);color:#646464}.payment-option[data-paymethod="cartao"].selected{background:#f0f0f0;border-color:var(--violet);color:var(--violet)}.payment-option[data-paymethod="boleto"].selected{background:#fffbdf;border-color:#e3cb4b;color:#7d6b21}
.payment-option:hover{background:#fffdf1;border-color:#e3d48b}.payment-option[data-paymethod="pix"]:hover{background:#effcf7;border-color:#c7c7c7}.payment-option[data-paymethod="cartao"]:hover{background:#f4f4f4;border-color:#afafaf}
#payment-body[data-method="pix"] .btn:not(.secondary){background:#919191;border-color:#919191;color:#fff}#payment-body[data-method="cartao"] .btn:not(.secondary){background:var(--violet);border-color:var(--violet);color:white}
.form-actions .btn.secondary{color:#787878}.code-box{background:#fdfcf5;border-color:#ded6b4}.detail-preview{background:#fbfaf3}.footer strong{color:var(--navy)}.footer-by{color:#888875;font-size:9px}
.mobile-nav button.active{color:#8a7520}.mobile-nav button.active:before{content:'';height:4px;width:30px;position:absolute;top:0;background:var(--yellow);border-radius:0 0 4px 4px}.mobile-nav button{position:relative}.success-icon{background:#e8f9f0;color:#828282}
@media(max-width:1220px){.brand-lockup{padding:14px 8px;gap:7px}.brand .brand-lockup .apepe-logo{width:105px;height:40px}.brand .brand-by .oma-partner{width:39px;height:21px}.brand-by{min-width:39px}.hero-note{padding:13px;gap:8px}.hero-note b{font-size:10px}.hero-note small{font-size:8px}.note-one{right:17px}.note-two{right:6px}}
@media(max-width:960px){.hero-art{width:45%}.hero-note{max-width:95%;white-space:normal}.hero-note b{font-size:9px}.hero-note small{line-height:1.5}.hero-note i{display:none}.note-one{right:9px}.note-two{right:3px}.hero-art-caption{right:15px;font-size:8px}.apepe-hero h2{font-size:25px}.apepe-hero .hero-copy{max-width:54%}}
@media(max-width:700px){.mobile-menu{gap:10px;flex-shrink:0}.mobile-menu .brand-lockup{padding:5px 8px;min-height:0;gap:6px;border-radius:8px}.mobile-menu .brand-lockup .apepe-logo{width:73px;height:29px;object-fit:contain}.mobile-menu .brand-by{padding:2px 3px;min-width:30px;border-radius:4px;gap:0}.mobile-menu .brand-by>span{font-size:7px}.mobile-menu .brand-by .oma-partner{width:30px;height:17px;object-fit:contain}.topbar{padding:0 14px;gap:6px}.top-right{gap:7px}.role{max-width:103px;font-size:8px}.icon-btn{width:31px;height:32px}.mobile-menu>button{padding:0 3px}.apepe-hero{min-height:253px;padding:23px 21px;display:block}.apepe-hero .hero-copy{max-width:100%;padding-right:10px}.apepe-hero h2{font-size:23px;max-width:100%;letter-spacing:-.7px}.apepe-hero p{font-size:11px;max-width:250px;margin-bottom:16px}.apepe-hero .eyebrow{font-size:8px}.apepe-hero .hero-art{width:140px;right:-62px;top:44px;opacity:.45;z-index:-1}.hero-note,.hero-art-caption{display:none}.orbit{right:-20px;top:30px}.orbit-three{width:120px;height:120px;right:-60px;top:50px}.apepe-hero:before{top:-215px;left:-125px}.bill-panel .panel-heading h2{font-size:12px;max-width:220px}.bill-panel .bill-bottom .btn{font-size:10px;padding:10px}.bill-panel .bill-bottom small{font-size:9px}.footer-by{font-size:8px}.quick:after{top:13px}.sidebar .brand-lockup{justify-content:center;gap:12px}.sidebar .brand-lockup .apepe-logo{width:120px;height:45px}.sidebar .brand-by .oma-partner{width:43px;height:23px}}