:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#07111c}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#07111c}#app,#tour{width:100vw;height:100vh;display:block}#fade{position:fixed;z-index:2;inset:0;background:#070c12;opacity:0;pointer-events:none}.brand{position:fixed;z-index:3;top:clamp(18px,4vw,44px);left:clamp(18px,5vw,78px);display:flex;align-items:center;gap:14px;color:#e6b54a;letter-spacing:.2em;font-size:10px;font-weight:800}.brand img{width:116px;height:48px;object-fit:contain;object-position:left;mix-blend-mode:screen}.intro{position:fixed;z-index:3;left:50%;top:50%;width:auto;padding:0;background:transparent;border:0;box-shadow:none;text-align:center;transform:translate(-50%,-50%);transition:opacity .45s,transform .45s}.intro.hidden{opacity:0;pointer-events:none;transform:translate(-50%,calc(-50% + 16px))}.intro p,.intro h1,.intro span{display:none}.intro button,.restart{background:#d89d2e;color:#07111d;border:0;font-weight:900;text-transform:uppercase;letter-spacing:.16em;cursor:pointer}.intro button{margin:0;min-width:300px;padding:24px 44px;font-size:19px;box-shadow:0 14px 30px #000a}.intro small{display:block;margin-top:12px;color:#f1e7d5;font-size:12px;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 5px #000}.hint,.status{position:fixed;z-index:3;font-size:11px;letter-spacing:.08em;color:#cbd4dc;background:#06111ebd;padding:10px 12px}.hint{bottom:18px;left:50%;transform:translateX(-50%)}.status{top:clamp(78px,10vw,105px);left:clamp(18px,5vw,78px);border-left:2px solid #d89d2f}.audio-control{position:fixed;z-index:4;bottom:70px;left:50%;transform:translateX(-50%);border:1px solid #f0bb4a;background:#0a1420ef;color:#f7d98e;padding:13px 18px;font:800 12px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;box-shadow:0 7px 18px #0008}.audio-control[hidden]{display:none}.restart{position:fixed;z-index:3;right:18px;bottom:18px;margin:0;border-radius:50%;padding:0;width:43px;height:43px;font-size:24px}.restart:focus-visible,.intro button:focus-visible,.audio-control:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:600px){.brand span{display:none}.brand img{width:94px}.intro{top:50%}.intro button{min-width:240px;padding:20px 32px;font-size:17px}.hint{font-size:9px;white-space:nowrap}.status{top:75px}.audio-control{bottom:62px;font-size:10px;padding:11px 14px}}
.tour-switch{border:1px solid #d89d2e;background:#07111cd9;color:#f3d89d;padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.site-page{min-height:100vh;color:#15202d;background:radial-gradient(circle at 88% 4%,#f9e3bb 0,#eee5d5 26%,#f5f1e9 70%)}body.site-mode{overflow:auto;background:#eee6d7}body.site-mode #app{display:none}body.tour-mode{overflow:hidden}body.tour-mode .site-page{display:none}.site-nav{position:sticky;top:0;z-index:8;min-height:82px;padding:14px clamp(20px,6vw,92px);display:flex;align-items:center;gap:clamp(18px,4vw,60px);background:#f8f4ecd9;backdrop-filter:blur(12px);border-bottom:1px solid #ded4c2}.site-logo{display:flex;align-items:center}.site-logo img{width:126px;height:50px;object-fit:contain;object-position:left}.site-nav nav{display:flex;gap:clamp(14px,2vw,30px);margin-right:auto}.site-nav nav a{color:#314051;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.site-actions{display:flex;align-items:center;gap:10px}.whatsapp-link,.site-tour-button,.primary-button,.secondary-button{border:1px solid #bd861a;text-decoration:none;padding:12px 16px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.whatsapp-link{color:#283849;border-color:#6e7c66}.site-tour-button,.primary-button{color:#0a1722;background:#d99e2f;border-color:#d99e2f}.secondary-button{color:#18293b;border-color:#18293b;background:transparent}.site-tour-button{background:#152434;color:#f8e2ae;border-color:#152434}.site-hero{min-height:min(650px,calc(100vh - 82px));padding:clamp(56px,10vw,144px) clamp(20px,8vw,150px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);align-items:center;gap:clamp(40px,8vw,150px);background:linear-gradient(117deg,#06121de8 0 52%,#172532b5 52% 100%),url('./assets/ibofm-logo-oficial.jpeg');background-size:cover;background-position:center;color:#f6f0e6}.hero-copy{max-width:760px}.eyebrow{margin:0 0 15px;color:#dca332;font-size:11px;font-weight:900;letter-spacing:.14em;line-height:1.45}.site-hero h1{max-width:680px;margin:0;font-size:clamp(42px,7vw,92px);line-height:.94;letter-spacing:-.055em}.hero-text{max-width:560px;margin:30px 0;color:#d8d6d0;font-size:clamp(16px,2vw,20px);line-height:1.6}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-panel{padding:30px;background:#f6eee1;color:#162331;box-shadow:18px 18px 0 #d79a2a}.hero-panel span{display:block;color:#bc841d;font-size:11px;font-weight:900;letter-spacing:.16em}.hero-panel strong{display:block;margin:13px 0 7px;font-size:28px;line-height:1.05}.hero-panel p{line-height:1.55}.hero-panel button{padding:0;border:0;background:none;color:#1f3042;font-size:13px;font-weight:900;text-decoration:underline}.site-section{padding:clamp(70px,10vw,135px) clamp(20px,8vw,150px)}.site-section h2,.experience-band h2{max-width:780px;margin:0;color:#172535;font-size:clamp(34px,5vw,66px);letter-spacing:-.05em;line-height:1}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.feature-grid article{padding:28px;background:#fffdf8;border-top:4px solid #d89d2e;box-shadow:0 10px 24px #17253512}.feature-grid span{color:#c98a1e;font-weight:900}.feature-grid h3{font-size:25px;margin:40px 0 12px}.feature-grid p{margin:0;color:#536170;line-height:1.6}.experience-band{margin:0 clamp(20px,5vw,80px);padding:clamp(38px,6vw,82px);display:flex;align-items:end;justify-content:space-between;gap:30px;background:#142535;color:#f8f3e9}.experience-band h2{color:#f8f3e9}.site-footer{padding:46px clamp(20px,8vw,150px);display:flex;align-items:center;justify-content:space-between;gap:25px;background:#0b1824;color:#d6dce0;font-size:13px}.site-footer img{width:120px;height:46px;object-fit:contain;object-position:left}.site-footer a{color:#e4ad43;font-weight:800;text-decoration:none}.site-page :focus-visible,.tour-switch:focus-visible{outline:3px solid #e2a52e;outline-offset:3px}@media(max-width:760px){.tour-switch{padding:9px 10px;font-size:9px}.site-nav{padding:12px 18px}.site-nav nav,.whatsapp-link--small{display:none}.site-logo img{width:104px}.site-actions{margin-left:auto}.site-tour-button{padding:10px 11px;font-size:10px}.site-hero{grid-template-columns:1fr;padding:70px 24px}.hero-panel{max-width:360px}.feature-grid{grid-template-columns:1fr}.experience-band,.site-footer{margin:0;display:block}.experience-band .primary-button{margin-top:26px}.site-footer>*{display:block;margin:14px 0}.site-footer img{margin-top:0}}
.brand{top:24px!important;left:24px!important;gap:16px!important;padding:12px 16px!important;background:#07111cf2!important;border:1px solid #d89d2e!important;border-radius:6px;box-shadow:0 8px 20px #0008}.brand img{width:164px!important;height:62px!important}.brand span{font-size:13px!important;letter-spacing:.14em!important;color:#ffd36a!important}.tour-switch{padding:14px 18px!important;font-size:13px!important;letter-spacing:.07em!important;color:#fff4d2!important;background:#bd7f16!important;border:2px solid #ffd06a!important;border-radius:4px}.intro button{min-width:380px!important;padding:28px 62px!important;font-size:23px!important;letter-spacing:.18em!important;border:3px solid #ffe1a0!important;border-radius:4px}.intro small{font-size:15px!important;margin-top:16px!important;color:#fff8e5!important;background:#07111ce6;padding:8px 12px;border-radius:4px}.audio-control{bottom:78px!important;padding:18px 28px!important;font-size:16px!important;letter-spacing:.09em!important;border:3px solid #ffd36a!important;border-radius:5px;background:#07111cf5!important;color:#fff4d2!important}.hint{display:none!important}.status{font-size:14px!important;padding:12px 16px!important;background:#07111cf2!important;color:#fff5da!important;border-left:4px solid #f0b541!important;border-radius:3px}@media(max-width:760px){.brand{top:14px!important;left:14px!important;padding:8px 10px!important;gap:8px!important}.brand img{width:120px!important;height:46px!important}.brand span{display:none}.tour-switch{font-size:11px!important;padding:11px 12px!important}.intro button{min-width:300px!important;padding:24px 36px!important;font-size:19px!important}.audio-control{bottom:62px!important;width:calc(100% - 36px);font-size:14px!important;padding:16px 12px!important}.status{top:96px!important;left:14px!important;font-size:12px!important}}
