:root{--paper: #F7F2E6; --paper-2: #EFE4CC; --ink: #2B1A10; --ink-soft: #6E5B49; --line: rgba(43, 26, 16, 0.12); --blue: #0E6FB0; --blue-deep: #0A4E7D; --blue-light: #3FA9E0; --blue-tint: #DDEDF8; --brown: #3D2411; --brown-deep: #1A0D04; --gold: #E3A43C; --gold-deep: #B9791F; --gold-light: #FFD37E; --gold-soft: #FBE7C0; --font: 'Plus Jakarta Sans', system-ui, sans-serif; --container: 1180px; --radius-lg: 26px; --radius-md: 18px; --radius-sm: 12px;}
*{box-sizing: border-box;}
html{scroll-behavior: smooth; overflow-x: hidden; width: 100%;}
body{margin: 0px; font-family: var(--font); color: var(--ink); background: var(--paper); overflow-x: hidden; line-height: 1.6;}
img{max-width: 100%; display: block;}
a{color: inherit;}
.container{max-width: var(--container); margin: 0px auto; padding: 0px 24px;}
h1, h2, h3{font-family: var(--font); font-weight: 800; letter-spacing: -0.01em; line-height: 1.15; margin: 0px; color: var(--ink);}
h2{font-size: clamp(28px, 3.8vw, 42px);}
h3{font-size: clamp(18px, 2vw, 21px); font-weight: 700;}
p{margin: 0px;}
.grad-text{color: rgb(168, 80, 31); font-weight: 900;}
.ambient-glow{position: fixed; inset: 0px; z-index: -1; pointer-events: none; background: radial-gradient(600px 420px at 88% 4%, rgba(227, 164, 60, 0.16), transparent 60%), radial-gradient(560px 420px at 4% 22%, rgba(14, 111, 176, 0.11), transparent 60%), radial-gradient(500px 500px at 70% 78%, rgba(61, 36, 17, 0.06), transparent 65%); animation: 22s ease-in-out 0s infinite alternate none running driftGlow;}
@keyframes driftGlow { 
  0% { transform: translate(0px, 0px) scale(1); }
  100% { transform: translate(-1.5%, 1.5%) scale(1.04); }
}
.reveal{opacity: 0; transform: translateY(34px); transition: opacity 800ms cubic-bezier(0.16, 0.8, 0.2, 1), transform 800ms cubic-bezier(0.16, 0.8, 0.2, 1); will-change: transform, opacity;}
.reveal.is-visible{opacity: 1; transform: translateY(0px);}
.reveal-1{transition-delay: 80ms;}
.reveal-2{transition-delay: 160ms;}
.reveal-3{transition-delay: 240ms;}
.reveal-4{transition-delay: 320ms;}
@media (prefers-reduced-motion: reduce) {*{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}.reveal{opacity: 1; transform: none;}}
.btn{display: inline-flex; align-items: center; gap: 9px; font-weight: 700; font-size: 15px; padding: 15px 28px; border-radius: 999px; text-decoration: none; border: 1.5px solid transparent; cursor: pointer; position: relative; transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 260ms, background 220ms, border-color 220ms; white-space: nowrap;}
.btn-primary{background: linear-gradient(120deg, var(--blue-light) 0%, var(--blue) 50%, var(--blue-deep) 100%); color: rgb(255, 255, 255); box-shadow: rgba(227, 164, 60, 0) 0px 0px 0px 0px, rgba(14, 111, 176, 0.38) 0px 12px 26px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset; animation: 3.2s ease-in-out 0s infinite normal none running btnPulse;}
@keyframes btnPulse { 
  0%, 100% { box-shadow: rgba(227, 164, 60, 0) 0px 0px 0px 0px, rgba(14, 111, 176, 0.38) 0px 12px 26px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset; }
  50% { box-shadow: rgba(227, 164, 60, 0.12) 0px 0px 0px 7px, rgba(14, 111, 176, 0.44) 0px 14px 30px, rgba(255, 255, 255, 0.35) 0px 1px 0px inset; }
}
.btn-primary:hover{transform: translateY(-3px); box-shadow: rgba(227, 164, 60, 0.18) 0px 0px 0px 5px, rgba(14, 111, 176, 0.46) 0px 18px 34px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset;}
.btn-ghost{background: rgba(255, 255, 255, 0.5); border-color: rgba(227, 164, 60, 0.55); color: var(--brown); box-shadow: rgba(227, 164, 60, 0.15) 0px 0px 0px 1px inset;}
.btn-ghost:hover{background: var(--gold-soft); border-color: var(--gold-deep); transform: translateY(-3px); box-shadow: rgba(185, 121, 31, 0.22) 0px 10px 22px;}
.site-header{position: sticky; top: 0px; z-index: 100; background: rgba(247, 242, 230, 0.82); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line);}
.site-header .container{display: flex; align-items: center; justify-content: space-between; height: 78px;}
.brand{display: flex; align-items: center; gap: 11px; text-decoration: none;}
.brand img{height: 57px; width: auto; border-radius: 9px;}
.brand-name{font-weight: 800; font-size: 16.5px; color: var(--ink); line-height: 1.1;}
.brand-sub{display: block; font-weight: 700; font-size: 10px; letter-spacing: 0.1em; color: var(--gold-deep); text-transform: uppercase;}
.main-nav{display: flex; align-items: center; gap: 2px;}
.main-nav a{font-weight: 600; font-size: 14px; text-decoration: none; color: var(--ink-soft); padding: 10px 15px; border-radius: 999px; transition: background 180ms, color 180ms;}
.main-nav a:hover{background: var(--blue-tint); color: var(--blue-deep);}
.main-nav a.active{background: linear-gradient(120deg, var(--blue-light), var(--blue-deep)); color: rgb(255, 255, 255); box-shadow: rgba(14, 111, 176, 0.32) 0px 4px 14px;}
.menu-toggle{display: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 44px; height: 44px; border-radius: 999px; align-items: center; justify-content: center; cursor: pointer; color: var(--ink);}
.menu-toggle:hover{background: var(--blue-tint);}
.menu-toggle svg{width: 22px; height: 22px;}
.mobile-panel{position: fixed; inset: 78px 0px 0px; background: var(--paper); transform: translateY(-14px); opacity: 0; pointer-events: none; transition: opacity 260ms, transform 260ms; z-index: 99; overflow-y: auto;}
.mobile-panel.open{opacity: 1; transform: translateY(0px); pointer-events: auto;}
.mobile-panel .container{padding-top: 28px; padding-bottom: 40px;}
.mobile-panel nav{display: flex; flex-direction: column; gap: 2px;}
.mobile-panel a{font-weight: 700; font-size: 23px; text-decoration: none; color: var(--ink); padding: 14px 4px; border-bottom: 1px solid var(--line);}
.mobile-panel .btn{margin-top: 24px; width: 100%; justify-content: center;}
@media (max-width: 920px) {.main-nav{display: none;}.menu-toggle{display: inline-flex;}.header-actions .btn-primary{display: none;}}
@media (min-width: 921px) {.mobile-panel{display: none;}}
.hero{padding-top: 64px; padding-bottom: 40px; display: grid; gap: 48px; grid-template-columns: 1fr; align-items: center;}
@media (min-width: 900px) {.hero{grid-template-columns: 1.05fr 0.95fr; padding-top: 76px; padding-bottom: 56px;}}
.hero h1{font-size: clamp(34px, 4.8vw, 56px); margin-top: 20px;}
.hero p.lead{font-size: 17.5px; color: var(--ink-soft); margin-top: 20px; max-width: 480px;}
.hero-ctas{display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px;}
@media (max-width: 560px) {.hero-ctas{flex-wrap: nowrap; gap: 10px;}.hero-ctas .btn{flex: 1 1 0px; min-width: 0px; padding: 13px 12px; font-size: 13.5px; white-space: normal; text-align: center; justify-content: center;}}







@keyframes spinGlow { 
  100% { transform: rotate(360deg); }
}












.section{padding: 88px 0px;}
.section-alt{background: var(--paper-2);}
.section-head{max-width: 620px; margin-bottom: 44px;}
.section-head h2{margin-top: 0px;}
.section-head p{margin-top: 14px; font-size: 16.5px; color: var(--ink-soft);}


.grid{display: grid; gap: 22px;}
@media (min-width: 720px) {.grid-3{grid-template-columns: repeat(3, 1fr);}.grid-4{grid-template-columns: repeat(4, 1fr);}}
.card{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 28px; position: relative; overflow: hidden; box-shadow: rgba(43, 26, 16, 0.06) 0px 10px 26px; transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 260ms, border-color 260ms;}
.card::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(135deg, rgba(227, 164, 60, 0.1), transparent 55%); opacity: 0; transition: opacity 260ms; pointer-events: none;}
.card:hover{transform: translateY(-6px); box-shadow: rgba(43, 26, 16, 0.14) 0px 22px 42px, rgba(227, 164, 60, 0.35) 0px 0px 0px 1px;}
.card:hover::after{opacity: 1;}
.icon-tile{width: 44px; height: 44px; border-radius: 13px; background: linear-gradient(135deg, var(--blue-tint), #C9E6F5); color: var(--blue-deep); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; box-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px inset, rgba(14, 111, 176, 0.16) 0px 6px 14px; transition: transform 260ms cubic-bezier(0.3, 1.4, 0.4, 1); position: relative; z-index: 1;}
.card:hover .icon-tile{transform: scale(1.1) rotate(-4deg);}
.icon-tile svg{width: 22px; height: 22px;}
.card h3{margin-top: 2px; position: relative; z-index: 1;}
.card p{position: relative; z-index: 1;}
.segment-card{display: flex; align-items: center; gap: 14px; padding: 20px;}
.segment-card .icon-tile{margin-bottom: 0px;}
.segment-card span{font-weight: 700; font-size: 14.5px; position: relative; z-index: 1;}

@keyframes ctaShift { 
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}


@keyframes shine { 
  0%, 100% { transform: rotate(12deg) translateX(0px); }
  50% { transform: rotate(12deg) translateX(60%); }
}





.site-footer{background: var(--brown-deep); color: rgb(243, 234, 216); padding: 60px 0px 26px;}
.footer-top{display: grid; gap: 36px; grid-template-columns: 1.3fr 1fr 1fr; padding-bottom: 36px; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.footer-top .brand-name{color: rgb(255, 255, 255);}
.footer-top .brand-sub{color: var(--gold-light);}
.footer-top p.desc{color: rgb(201, 187, 169); font-size: 14px; max-width: 320px; margin-top: 14px;}
.footer-h{font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold-light); font-weight: 700; margin-bottom: 14px;}
.footer-links{display: flex; flex-direction: column; gap: 10px;}
.footer-links a{text-decoration: none; color: rgb(243, 234, 216); font-weight: 500; font-size: 14px; transition: color 180ms;}
.footer-links a:hover{color: var(--gold-light);}
.footer-bottom{padding-top: 22px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 12.5px; color: rgb(166, 149, 127);}
@media (max-width: 780px) {.footer-top{grid-template-columns: 1fr;}}











@media (max-width: 780px) {.section{padding: 60px 0px;}}
.wa-float{position: fixed; right: 20px; bottom: 20px; z-index: 200; width: 58px; height: 58px; border-radius: 50%; background: linear-gradient(135deg, rgb(41, 208, 106), rgb(29, 168, 81)); display: flex; align-items: center; justify-content: center; box-shadow: rgba(29, 168, 81, 0.42) 0px 10px 24px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset; color: rgb(255, 255, 255); text-decoration: none; animation: 2.6s ease-in-out 0s infinite normal none running waPulse; transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 200ms;}
.wa-float svg{width: 28px; height: 28px;}
.wa-float:hover{transform: translateY(-3px) scale(1.05); box-shadow: rgba(29, 168, 81, 0.5) 0px 14px 30px, rgba(255, 255, 255, 0.35) 0px 1px 0px inset;}
@keyframes waPulse { 
  0%, 100% { box-shadow: rgba(29, 168, 81, 0.42) 0px 10px 24px, rgba(41, 208, 106, 0.35) 0px 0px 0px 0px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset; }
  50% { box-shadow: rgba(29, 168, 81, 0.42) 0px 10px 24px, rgba(41, 208, 106, 0) 0px 0px 0px 10px, rgba(255, 255, 255, 0.35) 0px 1px 0px inset; }
}
@media (max-width: 560px) {.wa-float{right: 16px; bottom: 16px; width: 52px; height: 52px;}.wa-float svg{width: 25px; height: 25px;}}
@media (prefers-reduced-motion: reduce) {.wa-float{animation: auto ease 0s 1 normal none running none;}}






























































.partner-hero{gap: 40px;}
.partner-hero h1{font-size: clamp(34px, 3.8vw, 49px); margin-top: 0px;}
.partner-note{margin-top: 24px; font-size: 12px; color: var(--ink-soft);}
.partner-visual{padding: 34px 24px 26px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(145deg,#fff8eb,var(--paper-2)); text-align: center; box-shadow: rgba(43, 26, 16, 0.12) 0px 24px 60px;}
.partner-visual img{width: 100%; height: 330px; object-fit: contain;}
.partner-visual p{margin-top: 18px; font-weight: 700; color: var(--brown);}
.commercial-card p{margin-top: 16px; color: var(--ink-soft);}












.form-card{scroll-margin-top: 100px;}
.form-card h2{font-size: 30px;}
.form-card > p{color: var(--ink-soft); margin-top: 14px; font-size: 14px;}
.form-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; margin-top: 24px;}
.form-grid label{display: flex; flex-direction: column; gap: 8px; font-weight: 700; font-size: 13px;}
.form-grid input, .form-grid select, .form-grid textarea{width: 100%; min-width: 0px; border: 1px solid rgba(43, 26, 16, 0.22); border-radius: 10px; background: rgb(255, 253, 247); color: var(--ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; font-weight: 400; padding: 13px 12px;}
.form-grid textarea{resize: vertical;}
.field-full{grid-column: 1 / -1;}
.field-note{font-size: 12px; color: var(--ink-soft); margin-top: 18px;}
.form-submit{margin-top: 24px; font-family: inherit; white-space: normal;}
:focus-visible{outline: 3px solid var(--blue); outline-offset: 4px;}
.mobile-panel:not(.open){visibility: hidden;}

@media (min-width: 921px) and (max-width: 1200px) {.header-actions .btn-primary{display: none;}.main-nav a{padding: 10px;}}
@media (max-width: 899px) {.partner-visual img{height: 280px;}}
@media (max-width: 560px) {.form-grid{grid-template-columns: 1fr;}.commercial-card .btn{white-space: normal;}.form-card{padding: 24px;}}
.reseller-page .section-head{max-width: none;}
.reseller-page .section-head .start-highlight{display: block; margin: 0px 0px 16px; font-size: clamp(29px, 4vw, 44px); line-height: 1.15; font-weight: 800; letter-spacing: -0.02em; color: var(--blue-deep);}
.reseller-form-layout{display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: 56px; align-items: start;}
.reseller-form-intro p{margin-top: 22px; color: var(--ink-soft); font-size: 17px;}
#formulario{scroll-margin-top: 105px;}


























@media (max-width: 899px) {.reseller-form-layout{grid-template-columns: 1fr; gap: 32px;}}



.grad-text, .reseller-page .section-head .start-highlight, .reseller-form-intro h2{color: rgb(168, 80, 31);}












h2{font-size: clamp(25px, 2.8vw, 34px); line-height: 1.22;}
h3{font-size: clamp(18px, 1.7vw, 20px); line-height: 1.3;}
.hero h1, .partner-hero h1{font-size: clamp(30px, 3.4vw, 43px); line-height: 1.2;}

.section-head{max-width: none; width: 100%; text-align: center; margin: 0px auto 36px;}
.section-head h2, .section-head p{max-width: none;}



.reseller-page .section-head .start-highlight{font-size: clamp(26px, 2.8vw, 34px); margin-bottom: 12px;}
.form-card h2{font-size: 27px;}


.reseller-page .commercial-card{height: 100%;}
.reveal{opacity: 1; transform: none; will-change: auto;}
.reveal-ready .reveal:not(.is-visible){opacity: 0; transform: translateY(22px);}
.reveal-ready .reveal{transition: opacity 650ms, transform 650ms cubic-bezier(0.16, 0.8, 0.2, 1);}
@media (max-width: 560px) {.reveal-ready .reveal{transition-duration: 500ms; transition-delay: 0ms;}.section-head{margin-bottom: 28px;}}
@media (prefers-reduced-motion: reduce) {.reveal-ready .reveal:not(.is-visible){opacity: 1; transform: none;}}


.section-symbol, .step-symbol{display: inline-flex; justify-content: center; align-items: center; color: rgb(168, 80, 31); background: var(--gold-soft); width: 44px; height: 44px; border-radius: 13px; margin-bottom: 16px;}
.section-symbol svg, .step-symbol svg{width: 25px; height: 25px;}

.step-heading{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.step-heading .step-symbol{margin-bottom: 0px;}
.reveal-ready .reveal{transition: none;}

.form-honeypot{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
.form-status{margin-top: 18px; color: var(--blue-deep); font-size: 14px;}
.form-submit:disabled{opacity: 0.65; cursor: wait; animation: auto ease 0s 1 normal none running none;}
:root{--radius-md: 16px; --radius-lg: 24px;}
body{line-height: 1.65;}
h1, h2, h3{letter-spacing: -0.025em;}
.site-header{background: rgba(247, 242, 230, 0.96);}
.main-nav a{font-size: 13px;}
.btn{padding: 13px 24px; font-size: 14px;}
.btn-primary{animation: auto ease 0s 1 normal none running none; background: linear-gradient(125deg, rgb(22, 131, 188), rgb(10, 83, 127)); box-shadow: rgba(14, 111, 176, 0.18) 0px 6px 16px;}
.btn-primary:hover{box-shadow: rgba(14, 111, 176, 0.24) 0px 9px 22px; transform: translateY(-2px);}
.ambient-glow{animation: auto ease 0s 1 normal none running none; opacity: 0.6;}

.card{border: 1px solid rgba(80, 53, 28, 0.09); box-shadow: rgba(43, 26, 16, 0.043) 0px 6px 20px;}
.card:hover{transform: translateY(-3px); box-shadow: rgba(43, 26, 16, 0.08) 0px 12px 28px;}
.form-card:hover{transform: none;}
.section-alt{background: rgb(240, 231, 211);}
.section-head{margin-bottom: 40px;}
.partner-visual{box-shadow: rgba(43, 26, 16, 0.07) 0px 12px 32px; border-color: rgba(80, 53, 28, 0.1);}


.section-symbol, .step-symbol{background: rgb(248, 232, 205); border: 1px solid rgba(168, 80, 31, 0.08);}


























.brand img{border-radius: 0px;}
@media (max-width: 759px) {main .hero, main .reseller-form-intro{text-align: center;}main .hero-ctas{justify-content: center;}main .commercial-card, main .grid > .card{text-align: center;}main .grid > .card > .icon-tile{margin-left: auto; margin-right: auto;}main .segment-card{text-align: left;}main .form-card, main .form-grid{text-align: left;}}
.step-heading{justify-content: flex-start;}
@media (max-width: 780px) {main .grid > .card.segment-card{display: grid; grid-template-columns: 42px minmax(0px, 1fr); gap: 16px; align-items: center; padding: 18px 20px; text-align: left;}main .grid > .card.segment-card > .icon-tile{width: 42px; height: 42px; margin: 0px; justify-self: start;}main .grid > .card.segment-card > span{text-align: left; font-size: 14px; line-height: 1.5;}.step-heading{justify-content: center;}.site-footer{padding: 40px 0 calc(88px + env(safe-area-inset-bottom)); text-align: center;}.footer-top{grid-template-columns: minmax(0px, 1fr); gap: 30px; padding-bottom: 28px;}.footer-top > div{min-width: 0px;}.footer-top .brand{justify-content: center;}.footer-top .brand > span{text-align: left;}.footer-top p.desc{max-width: 340px; margin: 16px auto 0px; font-size: 14px; line-height: 1.7;}.footer-h{margin-bottom: 12px;}.footer-links{align-items: center; gap: 4px;}.footer-links a{padding: 7px 0px; max-width: 100%; overflow-wrap: anywhere; line-height: 1.5;}.footer-bottom{flex-direction: column; align-items: center; justify-content: center; gap: 8px; font-size: 12px; line-height: 1.7;}.wa-float{width: 46px; height: 46px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); animation: auto ease 0s 1 normal none running none;}.wa-float svg{width: 23px; height: 23px;}}
.cookie-banner[hidden]{display: none;}
.cookie-banner{position: fixed; inset: auto 0px 0px; z-index: 500; background: rgb(255, 253, 247); border-top: 1px solid var(--line); box-shadow: rgba(43, 26, 16, 0.08) 0px -8px 32px; padding: 22px 0 calc(22px + env(safe-area-inset-bottom)); max-height: 80dvh; overflow: auto;}
.cookie-inner{display: flex; gap: 28px; align-items: center;}
.cookie-inner > div:first-child{flex: 1 1 0%;}
.cookie-banner h2{font-size: 20px; margin-bottom: 8px;}
.cookie-banner p{font-size: 13px; color: var(--ink-soft); line-height: 1.6;}
.cookie-banner a{color: var(--blue-deep);}
.cookie-actions{display: flex; gap: 10px; flex-shrink: 0;}
.cookie-choice{background: var(--blue-deep); color: white; border: 1px solid var(--blue-deep); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 700; padding: 12px 18px;}
.cookie-choice:hover{background: var(--blue);}
body.cookie-visible{padding-bottom: var(--cookie-height,200px);}
body.cookie-visible .wa-float{visibility: hidden;}
.privacy-footer{display: flex; justify-content: center; gap: 16px 28px; flex-wrap: wrap; margin-top: 22px; font-size: 13px;}
.privacy-footer button{background: none; border: 0px; padding: 0px; font: inherit; color: inherit; text-decoration: underline; cursor: pointer;}












@media (max-width: 900px) {.cookie-inner{flex-direction: column; align-items: stretch; gap: 16px;}.cookie-actions{justify-content: center;}}
@media (max-width: 560px) {.cookie-banner{padding-top: 18px;}.cookie-banner h2{font-size: 18px;}.cookie-actions .btn{flex: 1 1 0%; white-space: normal; justify-content: center; text-align: center;}}
@font-face { font-family: "Plus Jakarta Sans"; src: url("../fonts/plus-jakarta-sans.ttf?v=16") format("truetype"); font-weight: 200 800; font-style: normal; font-display: swap; }
.site-icon{display: inline-block; width: 24px; height: 24px; flex-shrink: 0; vertical-align: middle;}
.icon-tile .site-icon{width: 22px; height: 22px;}
.menu-toggle .site-icon{width: 22px; height: 22px;}
.btn .site-icon{width: 16px; height: 16px;}
.btn-primary .site-icon, .wa-float .site-icon{filter: brightness(0) invert(1);}

.wa-float .site-icon{width: 25px; height: 25px;}
.footer-bottom{flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 8px;}
.privacy-footer{margin-top: 16px; align-items: center;}
.privacy-footer a, .privacy-footer button{font-size: 13px; line-height: 1.6;}
.mobile-panel .btn-primary, .header-actions .btn-primary{color: rgb(255, 255, 255);}