@font-face {font-family:"Tusker";src:url("assets/fonts/TuskerGrotesk-4700Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face {font-family:"Touche";src:url("assets/fonts/Touche-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family:"Touche";src:url("assets/fonts/Touche-Semibold.otf") format("opentype");font-weight:600 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--navy:#0a143f;--navy-light:#172b59;--green:#078327;--yellow:#f4a500;--cream:#fbfaf4;--muted:#bfc8db;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--navy);color:var(--cream);font-family:"Touche",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.site-main{min-height:100svh}
.hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:var(--navy)}
.hero::before{content:"";position:absolute;left:-230px;bottom:-420px;width:780px;height:780px;background:radial-gradient(circle,rgba(20,55,110,.44),transparent 63%);pointer-events:none;z-index:-1}
.pattern-panel{position:absolute;z-index:-1;inset:0 0 0 56%;background-image:url("assets/images/pattern-nacional.png");background-size:1180px auto;background-position:center;box-shadow:inset 22px 0 80px rgba(3,9,37,.07);animation:pattern-reveal 1.1s ease both}
.pattern-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,63,.04),rgba(10,20,63,.02))}
.hero-wrap{max-width:1536px;min-height:100svh;margin:0 auto;display:flex;flex-direction:column;position:relative;padding:36px clamp(24px,5.4vw,102px) 28px}
.topline,.bottomline{display:flex;justify-content:space-between;align-items:center;gap:18px;position:relative;z-index:2}
.topline-right,.bottomline{font-size:11px;letter-spacing:.16em;font-weight:600}
.topline-right{color:#fff;display:flex;align-items:center;gap:13px;background:rgba(10,20,63,.83);border:1px solid rgba(255,255,255,.22);padding:13px 18px;border-radius:100px;backdrop-filter:blur(10px)}
.topline-dot{opacity:.44}
.star{color:var(--yellow);font-size:16px;line-height:0}
.wordmark{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;line-height:1}
.wordmark-symbol{width:32px;height:32px;display:inline-flex;position:relative;align-items:end;overflow:hidden;gap:1px}
.wordmark-symbol span{display:block;height:26px;width:15px;border-radius:13px 13px 8px 8px;transform:skewY(-10deg);background:var(--green)}
.wordmark-symbol span+span{background:var(--yellow);height:32px;transform:skewY(9deg)}
.wordmark-name{font-family:"Touche",Arial,sans-serif;font-weight:700;font-size:25px;letter-spacing:-.075em}
.wordmark-period{color:var(--yellow)}
.hero-grid{flex:1;display:grid;grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);align-items:center;min-height:580px;position:relative}
.copy{position:relative;z-index:2;padding:52px 20px 56px 0;max-width:765px;animation:copy-reveal .95s cubic-bezier(.2,.8,.2,1) both}
.eyebrow{display:flex;align-items:center;gap:13px;color:#e8edfa;font-size:11px;font-weight:600;letter-spacing:.2em;white-space:nowrap;margin:0 0 24px}
.green-pip{width:8px;height:8px;border-radius:50%;background:#3eca58;box-shadow:0 0 0 5px rgba(62,202,88,.13)}
.dash{width:24px;height:1px;background:rgba(255,255,255,.36)}
h1{margin:0;font-family:"Tusker",Impact,"Arial Narrow",sans-serif;font-size:clamp(100px,11.7vw,200px);letter-spacing:.014em;font-weight:700;line-height:1.05;text-transform:uppercase;white-space:nowrap}
h1 span{color:var(--yellow)}
.description{margin:29px 0 34px;max-width:470px;color:#d9e0ef;font-size:clamp(15px,1.18vw,18px);line-height:1.63;font-weight:400}
.actions{display:flex;flex-wrap:wrap;gap:12px;max-width:720px}
.action{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:63px;padding:15px 19px;text-decoration:none;border-radius:10px;border:1px solid transparent;font-family:"Touche",Arial,sans-serif;font-weight:600;font-size:12px;letter-spacing:.045em;transition:background .2s ease,color .2s ease,box-shadow .25s ease,transform .25s ease,border-color .25s ease;white-space:nowrap}
.action svg{width:24px;height:24px;flex:none}
.action .arrow{font-size:22px;margin-left:auto;line-height:1}
.action-whatsapp{background:#077823;color:#fff;box-shadow:0 12px 36px rgba(0,0,0,.16);min-width:250px}
.action-whatsapp:hover{background:#078327;transform:translateY(-3px);box-shadow:0 16px 42px rgba(0,0,0,.24)}
.action-instagram{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.40);color:#fff;min-width:248px}
.action-instagram:hover{background:#f9f8f3;color:var(--navy);border-color:#f9f8f3;transform:translateY(-3px)}
.action:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.contact-line{display:flex;gap:12px;align-items:center;margin-top:33px;color:#aab6ce;font-size:11px;letter-spacing:.03em}
.small-line{height:1px;width:36px;background:var(--yellow)}
.logo-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:100%;min-height:530px;margin-right:calc(clamp(24px,5.4vw,102px)*-1);margin-left:-20px}
.logo-disc{width:min(42vw,530px);aspect-ratio:1;max-width:530px;border-radius:50%;background:#fafaf6;display:grid;place-items:center;border:12px solid rgba(255,255,255,.26);background-clip:padding-box;box-shadow:0 30px 100px rgba(0,0,0,.36),0 0 0 1px rgba(10,20,63,.22);position:relative;transform:rotate(-3deg);animation:disc-enter 1.2s cubic-bezier(.22,.85,.24,1) both}
.logo-disc::before{content:"";position:absolute;inset:-22px;border:1.5px dashed rgba(255,255,255,.78);border-radius:50%;pointer-events:none;animation:halo-spin 65s linear infinite}
.official-logo{display:block;width:86%;height:auto;max-height:92%;object-fit:contain;animation:logo-float 5s ease-in-out infinite;filter:drop-shadow(0 8px 5px rgba(6,17,50,.10))}
.decor-star{position:absolute;color:#ffefba;font-size:44px;text-shadow:0 2px 0 var(--navy);animation:glitter 3.4s ease-in-out infinite}
.decor-star-one{left:8%;top:14%}.decor-star-two{right:6%;bottom:15%;font-size:27px;animation-delay:1.5s}
.badge-side{position:absolute;right:-20px;top:50%;transform:rotate(90deg) translateX(50%);transform-origin:top right;color:var(--navy);font-size:10px;letter-spacing:.23em;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.2)}
.badge-side span{color:#f9fbff}
.bottomline{color:#abb5cb;margin-top:auto}
.bottomline-right{display:inline-flex;align-items:center;padding:9px 13px;background:rgba(10,20,63,.83);border-radius:5px;color:rgba(255,255,255,.82)}
@keyframes disc-enter{from{opacity:0;transform:translateY(35px) rotate(3deg) scale(.89)}to{opacity:1;transform:translateY(0) rotate(-3deg) scale(1)}}
@keyframes copy-reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes pattern-reveal{from{opacity:.4;filter:saturate(.6)}to{opacity:1;filter:saturate(1)}}
@keyframes logo-float{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-10px) rotate(-.8deg)}}
@keyframes halo-spin{to{transform:rotate(360deg)}}
@keyframes glitter{0%,100%{opacity:.72;transform:scale(.95)}50%{opacity:1;transform:scale(1.13)}}
@media (min-width:1537px){h1{font-size:190px}}
@media (max-width:1280px){.hero-wrap{padding-inline:44px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.88fr)}h1{font-size:clamp(99px,12vw,154px)}.logo-disc{width:min(43vw,490px)}.logo-stage{margin-right:-44px}.actions{max-width:290px}.action{width:100%;justify-content:flex-start}.badge-side{right:5px}}
@media (max-width:820px){.hero-wrap{padding:24px 22px 22px}.pattern-panel{inset:auto 0 0;height:52%;background-size:1040px auto;background-position:center bottom}.pattern-panel::after{background:linear-gradient(180deg,var(--navy),rgba(10,20,63,.65) 23%,rgba(10,20,63,.04) 80%)}.topline-right{font-size:9px;gap:7px;padding:11px 12px}.wordmark-name{font-size:23px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.copy{padding:46px 0 0;max-width:100%}h1{font-size:clamp(100px,20vw,174px)}.description{margin:26px 0 28px}.actions{max-width:none;flex-wrap:nowrap}.action{width:auto;min-width:0;flex:1;min-height:58px;padding:10px 14px;font-size:11px}.contact-line{margin-top:20px}.logo-stage{min-height:400px;margin:0;padding:27px 0 24px}.logo-disc{width:min(69vw,400px)}.badge-side{display:none}.bottomline{margin-top:8px}.decor-star-one{left:17%;top:12%}.decor-star-two{right:12%;bottom:10%}}
@media (max-width:600px){.hero-wrap{padding:20px 19px 18px}.hero{min-height:100svh}.topline-right{display:none}.wordmark-symbol{height:28px;width:28px}.wordmark-name{font-size:23px}.copy{padding:46px 0 0}.eyebrow{font-size:9px;letter-spacing:.12em;gap:9px;margin-bottom:22px}.dash{width:14px}h1{font-size:clamp(106px,29vw,173px);line-height:1.05}.description{font-size:15px;margin:26px 0 25px;line-height:1.57}.desktop-break{display:none}.actions{flex-direction:column;gap:10px}.action{min-height:58px;justify-content:flex-start;padding:12px 17px;width:100%;font-size:12px}.contact-line{margin-top:22px}.logo-stage{min-height:360px;padding:24px 0 16px}.logo-disc{width:min(76vw,344px);border-width:8px}.logo-disc::before{inset:-15px}.pattern-panel{height:39%;background-size:880px auto}.bottomline{font-size:8px;letter-spacing:.10em;gap:6px}.bottomline-right{padding:7px 8px}.decor-star{font-size:31px}.decor-star-two{font-size:21px}}
@media (max-width:380px){.hero-wrap{padding-inline:16px}.wordmark-name{font-size:20px}.eyebrow{font-size:8px}.copy{padding-top:35px}h1{font-size:clamp(91px,27.5vw,108px)}.description{margin:21px 0}.action{min-height:53px}.logo-stage{min-height:315px}.logo-disc{width:min(75vw,290px)}.contact-line{font-size:10px}.bottomline{font-size:7px}}
@media (max-height:740px) and (min-width:821px){.hero-wrap{padding-top:19px;padding-bottom:16px}.copy{padding-top:30px;padding-bottom:20px}h1{font-size:clamp(97px,9.8vw,166px)}.logo-stage{min-height:445px}.logo-disc{max-width:450px}.description{margin-top:22px;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.all-links{color:#dfe6f5;text-decoration:none;border-bottom:1px solid rgba(244,165,0,.6);padding-block:6px;transition:color .2s,border-color .2s}
.all-links:hover{color:#fff;border-color:var(--yellow)}
.all-links:focus-visible{outline:3px solid var(--yellow);outline-offset:4px;border-radius:2px}
@media (max-width:820px){.bottomline{background:linear-gradient(0deg,rgba(10,20,63,.92),rgba(10,20,63,0));margin-inline:-22px;padding:26px 22px 0;color:#d5dcec}}
@media (max-width:600px){.bottomline{margin-inline:-19px;padding-inline:19px}}
@media (max-width:360px){h1{font-size:clamp(84px,26vw,100px)}}
@media (hover:none){.action:hover{transform:none}}
.action:active{transform:scale(.985)}