:root { --ink: #111111; --paper: #ffffff; --red: #d71920; --line: #dedede; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, sans-serif; }
.site-shell { min-height: 100vh; }
.site-header { padding: 24px clamp(20px, 5vw, 72px); border-bottom: 4px solid var(--ink); font-weight: 800; letter-spacing: 1px; }
.site-header a { color: var(--ink); text-decoration: none; }.site-header span { color: var(--red); }
.empty-state { padding: clamp(64px, 15vw, 180px) clamp(20px, 8vw, 160px); max-width: 1000px; }
.empty-state h1 { margin: 0; font-size: clamp(2.5rem, 7vw, 6rem); line-height: .95; letter-spacing: -2px; }.empty-state p { color: #555; font-size: 1.1rem; }
.hero-banner { position: relative; min-height: 460px; background: #111; color: #fff; overflow: hidden; }.hero-banner picture, .hero-banner img { position: absolute; inset: 0; width: 100%; height: 100%; }.hero-banner img { object-fit: cover; }.banner-copy { position: relative; z-index: 1; max-width: 760px; padding: clamp(48px, 8vw, 110px); text-shadow: 0 1px 3px #000; }.banner-copy h1 { font-size: clamp(2.3rem, 6vw, 5rem); margin: 0; }.banner-copy p { font-size: 1.2rem; }.button, button { display: inline-block; background: var(--red); border: 0; color: #fff; font: inherit; font-weight: bold; padding: 12px 18px; text-decoration: none; cursor: pointer; }.admin-body { background: #f6f6f6; }.login-box { width: min(440px, calc(100% - 40px)); margin: 10vh auto; padding: 32px; background: #fff; border-top: 5px solid var(--red); }.brand { color: var(--ink); font-weight: 800; text-decoration: none; letter-spacing: 1px; }.brand span { color: var(--red); }.login-box h1 { font-size: 1.7rem; }.login-box form, .banner-form { display: grid; gap: 16px; }.login-box label, .banner-form label { display: grid; gap: 6px; font-weight: bold; }.login-box input, .banner-form input, .banner-form textarea { border: 1px solid #aaa; padding: 11px; font: inherit; width: 100%; }.banner-form textarea { min-height: 100px; resize: vertical; }.admin-header { align-items: center; background: #111; color: #fff; display: flex; justify-content: space-between; padding: 16px clamp(20px, 5vw, 72px); }.admin-header .brand { color: #fff; }.button-secondary { background: #fff; border: 1px solid #999; color: #111; padding: 10px 14px; text-decoration: none; cursor: pointer; font: inherit; }.admin-shell { display: grid; grid-template-columns: 220px 1fr; min-height: calc(100vh - 64px); }.admin-shell nav { background: #1b1b1b; color: #fff; padding: 22px; display: grid; align-content: start; gap: 4px; }.admin-shell nav a, .admin-shell nav span { color: #fff; padding: 10px; text-decoration: none; }.admin-shell nav small { color: #aaa; }.admin-content { max-width: 1120px; padding: clamp(24px, 5vw, 64px); width: 100%; }.muted { color: #666; }.title-row { align-items: start; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 28px; }.title-row h1 { margin: 0; }.alert { border-left: 4px solid; padding: 12px; }.alert.error { background: #ffe5e5; border-color: #c51111; }.alert.success { background: #e5f9ea; border-color: #19763a; }.empty-panel { background: #fff; border: 1px solid var(--line); padding: 28px; }.banner-list { display: grid; gap: 12px; }.banner-row { align-items: center; background: #fff; border: 1px solid var(--line); display: grid; gap: 16px; grid-template-columns: 150px 1fr auto; padding: 12px; }.banner-row img { height: 80px; object-fit: cover; width: 150px; }.banner-row p { color: #666; margin: 6px 0 0; }.row-actions { align-items: center; display: flex; gap: 8px; }.button-danger { background: #9e1111; }.banner-form { background: #fff; border: 1px solid var(--line); max-width: 720px; padding: clamp(20px, 4vw, 36px); }.checkbox { display: flex !important; align-items: center; }.checkbox input { width: auto; }
@media (max-width: 700px) { .hero-banner { min-height: 520px; }.admin-shell { grid-template-columns: 1fr; min-height: 0; }.admin-shell nav { grid-template-columns: 1fr 1fr; }.admin-shell nav a { padding: 12px 10px; }.banner-row { grid-template-columns: 90px 1fr; }.banner-row img { width: 90px; height: 60px; }.row-actions { grid-column: 1 / -1; }.title-row { align-items: stretch; flex-direction: column; } }

/* Public website: approved Ultra composition. Admin rules above are retained. */
.ultra-public{--red:#f5192b;--black:#0b0b0c;--heading:Impact,Haettenschweiler,'Arial Narrow',sans-serif;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.ultra-public img{max-width:100%}.ultra-public a{text-decoration:none}.ultra-public :focus-visible{outline:3px solid #ffb936;outline-offset:5px}.skip-link{position:fixed;top:-90px;left:20px;z-index:30;padding:12px;background:white;color:black}.skip-link:focus{top:10px}.preview-notice{padding:6px 20px;background:#f4f4f4;text-align:center;font-size:11px;color:#555}
.public-header{height:90px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100% - 1200px)/2));position:relative;z-index:10;background:#fff}.public-brand{display:inline-flex;flex-direction:column;color:#050505;font:900 52px/.8 Arial,sans-serif;letter-spacing:-4px}.public-brand small{font:700 8px/1.8 Arial,sans-serif;letter-spacing:0;text-align:center}.public-nav{margin-left:auto;display:flex;align-items:center;gap:26px}.public-nav a{font-size:13px;color:#111;font-weight:600}.public-nav a:hover{color:var(--red)}.menu-toggle{display:none}.public-button,.budget-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 20px;background:var(--red);color:white;border-radius:5px;font-size:13px;font-weight:700;line-height:1.3}.public-button img,.budget-button img{width:18px;height:18px;filter:brightness(0) invert(1)}[aria-disabled=true]{cursor:default}.public-button--outline{border:1px solid #ffffffb0;background:transparent}.budget-button--dark{background:#111;border:1px solid #ffffff70}.section-wrap{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}
.public-hero{position:relative;isolation:isolate;background:var(--black);color:#fff;min-height:520px;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 25%;z-index:-2}.hero-photo picture{display:block;height:100%}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:65% 48%}.public-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0b0c 0%,#0b0b0cee 25%,#0b0b0c65 55%,#0b0b0c05 85%)}.hero-copy{max-width:1200px;margin:auto;padding:74px 24px 72px}.kicker{margin:0 0 16px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.hero-copy h1{max-width:600px;margin:0;font:400 clamp(48px,5vw,74px)/1.02 var(--heading);text-transform:uppercase;letter-spacing:-.5px}.hero-copy>p:not(.kicker){max-width:410px;margin:20px 0;font-size:18px;line-height:1.5}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.illustrative-label{position:absolute;right:12px;bottom:10px;font-size:10px;color:#fff;background:#0008;padding:2px 6px}.differentials{background:#141414;color:white;display:grid;grid-template-columns:repeat(3,1fr);padding:22px max(24px,calc((100% - 1152px)/2));gap:20px}.differentials>div{display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px}.differentials>div+div{border-left:1px solid #454545}.difference-icon{width:26px;height:26px;display:block;border:1.5px solid #fff;border-radius:4px}.difference-icon--medal{border-radius:50%;width:23px;height:23px}.difference-icon--truck{height:19px;border-radius:2px}
.factory-section{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-top:64px;padding-bottom:64px}.factory-media{aspect-ratio:16/9;position:relative;background:#eee;overflow:hidden;border-radius:5px}.factory-media>img{width:100%;height:100%;object-fit:cover;object-position:70% 45%}.factory-copy h2,.production-section h2,.uniforms-section h2,.instagram-section h2,.final-cta h2{font:400 clamp(30px,3vw,42px)/1.12 var(--heading);margin:0;letter-spacing:.1px}.factory-copy>p:not(.kicker){font-size:16px;max-width:390px;margin:18px 0}.factory-copy .demo-disclaimer{font-size:11px!important;color:#777;margin:12px 0}.video-launch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;background:#1119;border:1px solid #ffffffa0;border-radius:40px;padding:13px 20px;color:white;font-size:13px;white-space:nowrap}.video-launch span:first-child{font-size:19px}.text-action.video-launch{position:static;transform:none;background:none;border:none;border-radius:0;color:var(--red);padding:0;display:inline-flex;font-weight:700;font-size:14px}
.production-section{background:var(--black);color:white;padding:52px 0 42px}.section-intro{margin:12px 0 28px;color:#c7c7c7;font-size:15px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px;list-style:none;padding:0;margin:0}.step-image{aspect-ratio:1.85;position:relative;overflow:hidden;border-radius:5px;background:#232323}.step-image img{display:block;width:100%;height:100%;object-fit:cover}.step-image--demo img{object-position:center}.step-image>span{position:absolute;top:10px;left:10px;background:var(--red);border-radius:3px;padding:3px 9px;font-size:17px;font-weight:800}.steps-grid h3{font-size:14px;margin:10px 0 0}.steps-grid p{font-size:13px;color:#bbb}.demo-note{color:#999;font-size:10px;margin:24px 0 0}.uniforms-section{display:grid;grid-template-columns:1fr;gap:28px;padding-top:58px;padding-bottom:50px}.uniforms-copy{max-width:640px}.uniforms-copy p{max-width:640px}.uniforms-section p{max-width:340px;font-size:15px;margin:18px 0}.uniforms-section figure{margin:0;position:relative}.uniforms-section figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.uniforms-section figcaption{font-size:10px;color:#777;text-align:right}.instagram-section{display:grid;grid-template-columns:.85fr 1.5fr;gap:45px;align-items:center;padding-top:24px;padding-bottom:60px}.instagram-mark{width:27px;height:27px;margin-bottom:10px}.instagram-section strong{display:block;color:var(--red);font-size:16px;margin:10px 0}.instagram-section p{font-size:14px;margin:10px 0 20px}.instagram-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.instagram-grid figure{margin:0;position:relative;overflow:hidden;border-radius:5px;aspect-ratio:9/16;background:#eee}.instagram-grid img{width:100%;height:100%;object-fit:cover;display:block}.instagram-grid figcaption{position:absolute;bottom:6px;right:5px;font-size:9px;color:white;background:#0009;padding:2px 4px}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--red);color:white;padding:34px max(24px,calc((100% - 1152px)/2))}.final-cta h2{font-size:34px}.final-cta p{font-size:14px;margin:8px 0 0}.final-cta .budget-button{min-width:215px}.public-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--black);color:white;padding:30px max(24px,calc((100% - 1152px)/2))}.public-footer .public-brand{color:white;font-size:44px}.public-footer nav{display:flex;gap:25px}.public-footer nav a{font-size:12px;color:#bbb}.instagram-footer{width:23px;height:23px;filter:brightness(0) invert(1)}.whatsapp-float{position:fixed;bottom:20px;right:20px;width:52px;height:52px;border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;box-shadow:0 3px 12px #0003;z-index:15}.whatsapp-float img{width:28px;height:28px;filter:brightness(0) invert(1)}.video-dialog{width:min(960px,94vw);padding:46px 0 0;background:#111;border:none}.video-dialog::backdrop{background:#000c}.dialog-close{position:absolute;right:0;top:0;padding:10px 18px}.video-frame{aspect-ratio:16/9}.video-frame iframe{width:100%;height:100%;border:none}
@media(max-width:1000px){.public-header{gap:18px;padding:0 24px}.public-nav{gap:16px}.public-nav a{font-size:12px}.hero-copy{padding-left:32px}.factory-section{gap:30px}.instagram-section{gap:25px}}
@media(max-width:700px){.public-header{height:72px;padding:0 20px;gap:14px}.public-brand{font-size:40px}.public-brand small{font-size:7px}.budget-button--header{margin-left:auto;font-size:11px;min-height:38px;padding:8px 10px}.budget-button--header img{width:15px;height:15px}.menu-toggle{display:block;background:transparent;color:#111;padding:8px 0;font-size:12px}.public-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;box-shadow:0 8px 12px #0001;padding:20px;flex-direction:column;align-items:stretch;gap:0}.public-nav.is-open{display:flex}.public-nav a{padding:12px;font-size:14px}.preview-notice{font-size:9px;padding:5px 15px}.public-hero{min-height:540px;display:flex;align-items:flex-end}.hero-photo{inset:0}.hero-photo img{object-position:68% center}.public-hero:after{background:linear-gradient(0deg,#0b0b0c 0%,#0b0b0ce0 36%,#0b0b0c22 100%)}.hero-copy{padding:190px 22px 38px;width:100%}.hero-copy h1{font-size:44px;max-width:340px;line-height:1.05}.hero-copy .kicker{font-size:10px;margin-bottom:12px}.hero-copy>p:not(.kicker){font-size:15px;max-width:310px;margin:14px 0}.hero-actions{gap:10px;margin-top:22px}.hero-actions>*{width:100%}.illustrative-label{font-size:8px;bottom:5px}.differentials{padding:18px 12px;gap:8px}.differentials>div{flex-direction:column;gap:8px;text-align:center;font-size:10px;line-height:1.4}.section-wrap{padding-left:22px;padding-right:22px}.factory-section{grid-template-columns:1fr;gap:24px;padding-top:38px;padding-bottom:38px}.factory-copy h2,.production-section h2,.uniforms-section h2,.instagram-section h2{font-size:32px}.factory-copy>p:not(.kicker){font-size:15px}.production-section{padding:36px 0}.steps-grid{grid-template-columns:1fr;gap:16px}.steps-grid article{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:14px}.step-image{aspect-ratio:1.35}.step-image>span{top:5px;left:5px;font-size:12px;padding:2px 6px}.steps-grid h3{font-size:13px;margin:0}.steps-grid article>p{grid-column:2;margin:0}.uniforms-section{grid-template-columns:1fr;gap:16px;padding-top:28px;padding-bottom:28px}.instagram-section{grid-template-columns:1fr;gap:24px;padding-top:36px;padding-bottom:36px}.uniforms-section p{font-size:14px;margin:12px 0}.instagram-grid{gap:7px}.instagram-grid figcaption{font-size:7px;padding:1px 2px}.final-cta{flex-direction:column;align-items:stretch;text-align:center;padding:30px 22px}.final-cta h2{font-size:31px}.public-footer{flex-wrap:wrap;padding:28px 22px 80px;gap:25px}.public-footer nav{order:3;width:100%;gap:20px}.whatsapp-float{right:14px;bottom:14px}.kicker{font-size:10px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Keep existing administrative factory/gallery utilities. */
.admin-section{margin-top:52px}.compact-form{margin-bottom:24px}.gallery-admin{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gallery-admin article{background:#fff;border:1px solid #ddd;padding:10px}.gallery-admin img{aspect-ratio:1.33;object-fit:cover;width:100%}

/* Correct vector icons; overrides the former geometric placeholders. */
.differentials .difference-icon{display:block;flex:0 0 28px;width:28px;height:28px;border:0;border-radius:0;margin:0;filter:brightness(0) invert(1)}
.differentials .difference-icon::before,.differentials .difference-icon::after{content:none}
.public-button img,.budget-button img{display:block;flex-shrink:0;width:20px;height:20px;object-fit:contain}
.whatsapp-float img{display:block;width:30px;height:30px;object-fit:contain}
.instagram-mark{display:block;width:28px;height:28px;filter:invert(21%) sepia(97%) saturate(4417%) hue-rotate(340deg) brightness(99%) contrast(95%)}
@media(max-width:700px){.budget-button--header img{width:18px;height:18px}.differentials .difference-icon{flex:0 0 26px;width:26px;height:26px}}
/* Etapa 04: galeria de uniformes e destaques do Instagram (preserva composicao existente). */
.uniforms-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.uniforms-gallery figure{margin:0}.uniform-frame{aspect-ratio:3/4;overflow:hidden;border-radius:5px;background:#eee}.uniform-frame img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.uniform-frame--demo img{object-fit:contain}.uniforms-gallery figcaption{font-size:14px;color:#555;margin-top:8px}
.instagram-grid a.instagram-item{display:block;border-radius:5px;overflow:hidden}
.instagram-grid a.instagram-item figure{margin:0}
@media(max-width:700px){.uniforms-gallery{grid-template-columns:1fr;gap:14px;max-width:440px}}
.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.footer-contact{display:grid;gap:6px;max-width:300px;align-content:center}.footer-contact strong{color:#fff;font-size:13px}.footer-contact a,.footer-contact span{color:#bbb;font-size:12px;line-height:1.5}