/* IDENTIDADE AZUL PETROLEO — ECOBAG CURITIBA */
:root{--dark:#0b2233;--green:#f2a52d;--cream:#f6f3ec;--ink:#102b3a;--muted:#aebdc7;--line:#294356;--forest:#0b2233;--lime:#f2a52d}
html{scroll-behavior:smooth}body{background:#0b2233;color:#f6f3ec;font-family:'DM Sans',Arial,sans-serif}
.top{background:#071927!important;color:#b7c8d2!important;border-bottom:1px solid #284356}
.header{background:#0b2233!important;border-bottom:1px solid #294357!important;box-shadow:none!important;position:sticky;top:0;z-index:50}
.header-inner{max-width:1200px!important;padding:13px 24px!important;gap:20px}
.header .logo{width:150px!important;max-height:62px!important;object-fit:contain;background:#fff;border-radius:8px;padding:4px 10px}
.nav a{color:#eaf1f4!important;font-size:13px!important}.nav a:hover{color:#f2a52d!important}
.nav a:last-child{background:#f2a52d!important;color:#0b2233!important;border-radius:32px!important;padding:13px 24px!important}
.hero,.hero-carousel,.hero-slide{background:radial-gradient(circle at 82% 22%,#214b61 0%,#13364d 35%,#0b2233 77%)!important}
.hero-grid{max-width:1200px!important;min-height:620px!important;grid-template-columns:1.08fr .92fr!important;gap:7%!important;align-items:center!important}
.hero h1,.hero .slide-title{color:#f8f4ee!important;font-size:clamp(43px,5vw,73px)!important;font-weight:800!important;line-height:1.04!important;letter-spacing:-.055em!important}
.hero .lead{color:#bdcbd3!important;font-size:18px!important;line-height:1.75!important}.hero .lead strong,.hero-price strong{color:#f2a52d!important}
.hero .eyebrow{color:#f2a52d!important;border:1px solid #5a5c4d!important;background:#243b49!important;border-radius:40px!important;padding:9px 17px!important;letter-spacing:.13em!important}
.hero-smallprint{color:#b0bec7!important}.hero-price{color:#e9f0f4!important}
.btn,.hero-actions .btn{background:#f2a52d!important;color:#0b2233!important;border-radius:35px!important;padding:16px 26px!important;font-weight:800!important;border:1px solid #f2a52d!important}
.btn-dark,.hero-actions .btn-dark{background:transparent!important;color:#f8f4ee!important;border:1px solid #617b8d!important}
.hero-art{min-height:480px!important;border-radius:25px!important;background:linear-gradient(145deg,#b6a99b,#ece5d9 65%,#d3c9bb)!important;box-shadow:0 25px 65px #0005!important}
.hero-art-alt{background:linear-gradient(135deg,#9caeb0,#e9e0cf)!important}.hero-art:before{color:#1c3e4b!important}
.carousel-controls{z-index:3}.carousel-arrow,.carousel-dot{accent-color:#f2a52d}
.strip{background:#071927!important;border-block:1px solid #284153!important;color:#e9f0f4!important}.strip-inner{padding:25px 0!important}
.roar-style-intro{background:#0b2233!important;color:#fff!important;padding:110px 0!important}
.roar-style-intro h2,.roar-style-intro p{color:#f8f4ee!important}.roar-style-intro p{color:#b7c7d0!important}
.intro-card{background:#16384e!important;border:1px solid #375369!important;color:#fff!important;border-radius:22px!important}.intro-card strong{color:#f2a52d!important}.intro-card span{color:#d1dce2!important}
.section{background:#0b2233!important;padding:100px 0!important;color:#f8f4ee!important}.section-soft{background:#102e43!important}
.section-head h2,.split h2,.section h2,.cta h2{color:#f8f4ee!important}.section-head p,.section p{color:#bacbd5!important}.eyebrow{color:#f2a52d!important}
.product{background:#f8f6f0!important;border:1px solid #dae0dc!important;border-radius:18px!important;color:#102b3a!important;overflow:hidden}.product-art{background:#e4e9e4!important}.product-body h3,.product-body strong,.product-body p{color:#102b3a!important}.product-body p{color:#526575!important}.price-highlight{background:#f8ead1!important;border-radius:10px!important;padding:10px 13px!important;color:#0b2233!important}.price-highlight b{color:#0b2233!important}.textlink{color:#0b5062!important}
.feature,.panel,.faq details{background:#15384d!important;border:1px solid #34546a!important;color:#f7f5f0!important;border-radius:16px!important}.feature h3,.panel h2,.faq summary{color:#fff!important}.feature p,.panel p,.faq p{color:#b7cbd4!important}.number{color:#f2a52d!important}.bullets li{color:#d8e4ea!important}
.cta{background:#173d52!important;border:1px solid #46647a!important;border-radius:24px!important}.cta p{color:#c4d1d8!important}
.footer{background:#071927!important;color:#c6d4dc!important;border-top:1px solid #355168!important}.footer h3{color:#fff!important}.footer a{color:#d2e1e9!important}.footer .logo{background:#fff;border-radius:9px;padding:7px}
/* Inner pages share the same palette */
main{background:#0b2233}.wrap{max-width:1200px}.section .btn-dark{border-color:#718998!important}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr!important;min-height:auto!important;padding:60px 0 95px!important}.hero-art{min-height:300px!important}.hero h1,.hero .slide-title{font-size:clamp(38px,8vw,55px)!important}.nav{background:#0b2233!important}.header .logo{width:125px!important}.section{padding:65px 0!important}}

/* Logo branca sobre o azul-petroleo */
.header .logo,.footer .logo{background:transparent!important;border-radius:0!important;padding:0!important;object-fit:contain!important;width:175px!important;max-height:75px!important}
@media(max-width:800px){.header .logo{width:145px!important}}

/* Letreiros animados e vitrine de marcas — Ecobagz */
.strip{overflow:hidden!important;background:#071927!important;border-block:1px solid #2b4658!important;padding:0!important}
.ticker-track{display:flex;width:max-content;animation:tickerScroll 31s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;flex-shrink:0;gap:64px;padding:23px 32px}
.ticker-group span{color:#f2a52d!important;font-size:15px;font-weight:800;letter-spacing:.045em;white-space:nowrap}
@keyframes tickerScroll{to{transform:translateX(-50%)}}
.strip:hover .ticker-track,.brands-marquee:hover .brands-track{animation-play-state:paused}
.brands-section{background:#0b2233;color:#f6f3ec;padding:100px 0 80px;overflow:hidden}
.brands-heading{text-align:center;margin:0 auto 42px}.brands-heading .eyebrow{font-weight:800;letter-spacing:.14em;color:#f2a52d}
.brands-heading h2{font-size:clamp(27px,3.3vw,43px);max-width:850px;margin:14px auto;color:#fff;line-height:1.14}
.brands-heading p{color:#b8c8d2;max-width:720px;margin:0 auto}
.brands-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.brands-track{display:flex;width:max-content;animation:brandScroll 37s linear infinite;will-change:transform}
.brands-group{display:flex;flex-shrink:0;gap:22px;padding:5px 11px}
.brand-tile{width:230px;height:112px;border-radius:15px;background:#f7f8f6;color:#173246;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 3px 12px #0002;font-size:16px;letter-spacing:-.03em;font-weight:500}
.brand-tile strong{font-weight:900}.brand-mark{color:#f2a52d;font-size:33px}
@keyframes brandScroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.ticker-group{gap:35px;padding:18px}.ticker-group span{font-size:13px}.brands-section{padding:65px 0}.brand-tile{width:180px;height:90px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.brands-track{animation:none!important}.strip,.brands-marquee{overflow-x:auto}}