:root{--color-primary: #009EE3;--color-primary-dk: #007bb5;--color-dark: #0f172a;--color-dark-soft: #1e293b;--color-mid: #334155;--color-muted: #64748b;--color-border: #e2e8f0;--color-bg: #f8fafc;--color-white: #ffffff;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--font-base: 'Inter',system-ui,-apple-system,sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 0.375rem;--radius-md: 0.75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.10);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--shadow-xl: 0 20px 60px rgba(0,0,0,.18);--transition: 0.2s ease;--container-max: 1200px;--container-pad: var(--space-4)}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{font-family: var(--font-base);font-size: var(--font-size-base);color: var(--color-dark);background-color: var(--color-bg);line-height: 1.6;-webkit-font-smoothing: antialiased}img,video{max-width: 100%;height: auto;display: block}a{color: var(--color-primary);text-decoration: none;transition: color var(--transition)}a:hover{color: var(--color-primary-dk)}ul,ol{list-style: none}button,input,select,textarea{font-family: inherit;font-size: inherit}button{cursor: pointer}.container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-pad)}.text-xs{font-size: var(--font-size-xs)}.text-sm{font-size: var(--font-size-sm)}.text-base{font-size: var(--font-size-base)}.text-lg{font-size: var(--font-size-lg)}.text-xl{font-size: var(--font-size-xl)}.text-2xl{font-size: var(--font-size-2xl)}.text-3xl{font-size: var(--font-size-3xl)}.text-4xl{font-size: var(--font-size-4xl)}.font-normal{font-weight: 400}.font-semibold{font-weight: 600}.font-bold{font-weight: 700}.font-extrabold{font-weight: 800}.text-center{text-align: center}.text-left{text-align: left}.text-right{text-align: right}.uppercase{text-transform: uppercase}.tracking-wide{letter-spacing: 0.05em}.tracking-wider{letter-spacing: 0.1em}.text-muted{color: var(--color-muted)}.text-primary{color: var(--color-primary)}.text-white{color: var(--color-white)}.text-dark{color: var(--color-dark)}.flex{display: flex}.inline-flex{display: inline-flex}.grid{display: grid}.block{display: block}.hidden{display: none}.items-center{align-items: center}.items-start{align-items: flex-start}.justify-center{justify-content: center}.justify-between{justify-content: space-between}.flex-col{flex-direction: column}.flex-wrap{flex-wrap: wrap}.gap-2{gap: var(--space-2)}.gap-3{gap: var(--space-3)}.gap-4{gap: var(--space-4)}.gap-6{gap: var(--space-6)}.gap-8{gap: var(--space-8)}.p-4{padding: var(--space-4)}.p-6{padding: var(--space-6)}.p-8{padding: var(--space-8)}.px-4{padding-inline: var(--space-4)}.py-2{padding-block: var(--space-2)}.py-4{padding-block: var(--space-4)}.py-8{padding-block: var(--space-8)}.py-16{padding-block: var(--space-16)}.mt-2{margin-top: var(--space-2)}.mt-4{margin-top: var(--space-4)}.mt-6{margin-top: var(--space-6)}.mt-8{margin-top: var(--space-8)}.mb-4{margin-bottom: var(--space-4)}.mb-6{margin-bottom: var(--space-6)}.mb-8{margin-bottom: var(--space-8)}.mx-auto{margin-inline: auto}.w-full{width: 100%}.h-full{height: 100%}.min-h-screen{min-height: 100vh}.max-w-sm{max-width: 24rem}.max-w-md{max-width: 28rem}.max-w-lg{max-width: 32rem}.max-w-xl{max-width: 36rem}.max-w-2xl{max-width: 42rem}.bg-white{background-color: var(--color-white)}.bg-dark{background-color: var(--color-dark)}.bg-dark-soft{background-color: var(--color-dark-soft)}.bg-primary{background-color: var(--color-primary)}.bg-slate-900{background-color: #0f172a}.bg-slate-800{background-color: #1e293b}.rounded{border-radius: var(--radius-sm)}.rounded-md{border-radius: var(--radius-md)}.rounded-lg{border-radius: var(--radius-lg)}.rounded-xl{border-radius: var(--radius-xl)}.rounded-2xl{border-radius: 1rem}.rounded-full{border-radius: var(--radius-full)}.shadow{box-shadow: var(--shadow-sm)}.shadow-md{box-shadow: var(--shadow-md)}.shadow-lg{box-shadow: var(--shadow-lg)}.shadow-xl{box-shadow: var(--shadow-xl)}.shadow-2xl{box-shadow: 0 25px 50px rgba(0,0,0,.25)}.overflow-hidden{overflow: hidden}.truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.relative{position: relative}.absolute{position: absolute}.fixed{position: fixed}.inset-0{inset: 0}@media (min-width: 640px){:root{--container-pad: var(--space-6)}}@media (min-width: 1024px){:root{--container-pad: var(--space-8)}}
.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: 0.75rem 1.5rem;font-weight: 700;font-size: var(--font-size-base);border-radius: var(--radius-xl);border: 2px solid transparent;cursor: pointer;text-decoration: none;transition: background-color var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition);white-space: nowrap;line-height: 1}.btn:hover{transform: translateY(-1px)}.btn:active{transform: translateY(0)}.btn-primary{background-color: var(--color-primary);color: var(--color-white);box-shadow: 0 4px 14px rgba(0,158,227,.35)}.btn-primary:hover{background-color: var(--color-primary-dk);color: var(--color-white);box-shadow: 0 6px 20px rgba(0,158,227,.45)}.btn-dark{background-color: var(--color-dark);color: var(--color-white)}.btn-dark:hover{background-color: var(--color-dark-soft);color: var(--color-white)}.btn-outline{background-color: transparent;border-color: var(--color-primary);color: var(--color-primary)}.btn-outline:hover{background-color: var(--color-primary);color: var(--color-white)}.btn-ghost{background-color: transparent;color: var(--color-muted)}.btn-ghost:hover{background-color: var(--color-border);color: var(--color-dark)}.btn-danger{background-color: var(--color-danger);color: var(--color-white)}.btn-danger:hover{background-color: #dc2626;color: var(--color-white)}.btn-sm{padding: 0.5rem 1rem;font-size: var(--font-size-sm);border-radius: var(--radius-md)}.btn-lg{padding: 1rem 2rem;font-size: var(--font-size-lg);border-radius: var(--radius-xl)}.btn-xl{padding: 1.125rem 2.5rem;font-size: var(--font-size-xl);font-weight: 800;border-radius: var(--radius-xl)}.btn-full{width: 100%}.card{background-color: var(--color-white);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);overflow: hidden}.card-body{padding: var(--space-6)}.card-header{padding: var(--space-4) var(--space-6);border-bottom: 1px solid var(--color-border);font-weight: 700;font-size: var(--font-size-lg)}.card-footer{padding: var(--space-4) var(--space-6);border-top: 1px solid var(--color-border);background-color: var(--color-bg)}.product-card{background-color: var(--color-white);border-radius: var(--radius-xl);box-shadow: var(--shadow-md);overflow: hidden;transition: box-shadow var(--transition),transform var(--transition)}.product-card:hover{box-shadow: var(--shadow-xl);transform: translateY(-3px)}.product-card__img{width: 100%;aspect-ratio: 16/9;object-fit: cover;background-color: var(--color-bg)}.product-card__body{padding: var(--space-5) var(--space-6)}.product-card__title{font-size: var(--font-size-lg);font-weight: 700;color: var(--color-dark);margin-bottom: var(--space-2)}.product-card__desc{font-size: var(--font-size-sm);color: var(--color-muted);margin-bottom: var(--space-4)}.product-card__price{font-size: var(--font-size-xl);font-weight: 800;color: var(--color-primary)}.card-cta{background: var(--color-primary);color: #fff;font-size: 0.85rem;font-weight: 700;padding: 0.6rem 1.25rem;border-radius: 12px;transition: filter var(--transition)}.card-cta:hover{color: #fff;filter: brightness(1.1)}.card-cta-off{background: #f1f5f9;color: #94a3b8;font-size: 0.85rem;font-weight: 700;padding: 0.6rem 1.25rem;border-radius: 12px}.badge{display: inline-flex;align-items: center;gap: var(--space-1);padding: 0.25rem 0.625rem;font-size: var(--font-size-xs);font-weight: 700;border-radius: var(--radius-full);text-transform: uppercase;letter-spacing: 0.05em;white-space: nowrap}.badge-primary{background-color: #e0f4fd;color: var(--color-primary)}.badge-success{background-color: #dcfce7;color: #16a34a}.badge-warning{background-color: #fef9c3;color: #ca8a04}.badge-danger{background-color: #fee2e2;color: #dc2626}.badge-muted{background-color: var(--color-border);color: var(--color-muted)}.badge-dark{background-color: var(--color-dark);color: var(--color-white)}.format-chip{display: inline-flex;align-items: center;padding: 0.375rem 0.75rem;font-size: var(--font-size-xs);font-weight: 800;border-radius: var(--radius-sm);border: 2px solid var(--color-border);color: var(--color-mid);background-color: var(--color-white);transition: border-color var(--transition),color var(--transition)}.format-chip:hover{border-color: var(--color-primary);color: var(--color-primary)}.form-group{display: flex;flex-direction: column;gap: var(--space-2)}.form-label{font-size: var(--font-size-xs);font-weight: 700;color: var(--color-muted);text-transform: uppercase;letter-spacing: 0.08em}.form-input,.form-select,.form-textarea{width: 100%;padding: 0.75rem 1rem;border: 1.5px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--font-size-base);color: var(--color-dark);background-color: var(--color-white);transition: border-color var(--transition),box-shadow var(--transition);outline: none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(0,158,227,.15)}.form-input::placeholder{color: var(--color-muted)}.form-textarea{resize: vertical;min-height: 100px}.form-error{font-size: var(--font-size-sm);color: var(--color-danger)}.form-hint{font-size: var(--font-size-xs);color: var(--color-muted)}.alert{padding: var(--space-4) var(--space-5);border-radius: var(--radius-md);font-size: var(--font-size-sm);font-weight: 500;border: 1px solid transparent}.alert-success{background-color: #f0fdf4;border-color: #bbf7d0;color: #166534}.alert-warning{background-color: #fffbeb;border-color: #fde68a;color: #92400e}.alert-danger{background-color: #fef2f2;border-color: #fecaca;color: #991b1b}.alert-info{background-color: #eff6ff;border-color: #bfdbfe;color: #1e40af}.navbar{position: sticky;top: 0;z-index: 100;background: #0F172AFA;padding-block: var(--space-6);border-bottom: 0.2rem solid #ffffff;box-shadow: 0px 0px 24px 0px #00000066}.navbar__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4)}.navbar__logo{height: 36px;width: auto}.navbar__nav{display: flex;align-items: center;gap: var(--space-6)}.navbar__link{color: rgba(255,255,255,.7);font-size: var(--font-size-sm);font-weight: 600;transition: color var(--transition)}.navbar__link:hover,.navbar__link.active{color: var(--color-white)}.navbar__link svg{height: 20px;padding: 0;width: 34px}.navbar__toggle{display: none;width: 44px;height: 44px;border: 0;border-radius: 10px;background: transparent;align-items: center;justify-content: center;flex-direction: column;gap: 5px;flex-shrink: 0;cursor: pointer}.navbar__toggle:focus-visible{outline: 3px solid var(--color-primary);outline-offset: 2px}.navbar__toggle span{display: block;width: 22px;height: 2px;border-radius: 2px;background: #fff;transition: transform .25s,opacity .2s}.navbar.is-open .navbar__toggle span:nth-child(1){transform: translateY(7px) rotate(45deg)}.navbar.is-open .navbar__toggle span:nth-child(2){opacity: 0}.navbar.is-open .navbar__toggle span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}#como-funciona{scroll-margin-top: 90px}.hero{background-color: var(--color-dark);color: var(--color-white);padding-block: var(--space-16)}.hero__title{font-size: clamp(2rem,5vw,3.5rem);font-weight: 800;line-height: 1.15;margin-bottom: var(--space-4)}.hero__subtitle{font-size: var(--font-size-lg);color: rgba(255,255,255,.7);margin-bottom: var(--space-8);max-width: 600px}.hero__price{font-size: var(--font-size-3xl);font-weight: 800;color: var(--color-primary)}.table-wrap{width: 100%;overflow-x: auto;border-radius: var(--radius-lg);border: 1px solid var(--color-border)}.table{width: 100%;border-collapse: collapse;font-size: var(--font-size-sm)}.table th{background-color: var(--color-bg);color: var(--color-muted);font-size: var(--font-size-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;padding: var(--space-3) var(--space-4);text-align: left;border-bottom: 1px solid var(--color-border);white-space: nowrap}.table td{padding: var(--space-3) var(--space-4);border-bottom: 1px solid var(--color-border);color: var(--color-dark);vertical-align: middle}.table tr:last-child td{border-bottom: none}.table tbody tr:hover{background-color: #f8fafc}.section{padding-block: var(--space-16)}.section-title{font-size: var(--font-size-2xl);font-weight: 800;color: var(--color-dark);margin-bottom: var(--space-2)}.section-subtitle{font-size: var(--font-size-base);color: var(--color-muted);margin-bottom: var(--space-8)}.products-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--space-6)}.footer{color: rgba(255,255,255,.6);padding-block: var(--space-12);font-size: var(--font-size-sm);background: #0f172a;border-top: 0.2rem solid #ffffff;box-shadow: 0px 0px 24px 0px #00000066}.footer a{color: rgba(255,255,255,.6);transition: color var(--transition)}.footer a:hover{color: var(--color-white)}.ft-grid{display: grid;grid-template-columns: minmax(0,1fr);gap: 2.5rem;padding-bottom: 2.5rem}@media (min-width: 768px){.ft-grid{grid-template-columns: 1.4fr 1fr 1.3fr;gap: 3rem}}.ft-title{margin-bottom: 1rem;font-size: 0.7rem;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,.5)}.ft-text{font-size: 0.84rem;line-height: 1.6;color: rgba(255,255,255,.55)}.ft-list{list-style: none;padding: 0;margin: 0}.ft-list li{margin-bottom: 0.55rem}.ft-list a,.ft-list span{font-size: 0.84rem;color: rgba(255,255,255,.55)}.ft-list a:hover{color: #fff}.ft-point{position: relative;margin-bottom: 0.6rem;padding-left: 1.35rem;font-size: 0.82rem;line-height: 1.55;color: rgba(255,255,255,.55)}.ft-point strong{font-weight: 700;color: rgba(255,255,255,.85)}.ft-point::before{content: '';position: absolute;left: 0;top: 0.42em;width: 7px;height: 7px;border-radius: 50%;background: var(--color-primary)}.ft-nums{display: flex;flex-wrap: wrap;gap: 1.5rem;padding: 1.25rem 0;margin-bottom: 1.5rem;border-top: 1px solid rgba(255,255,255,.08);border-bottom: 1px solid rgba(255,255,255,.08)}.ft-num{font-size: 1.05rem;font-weight: 800;color: #fff}.ft-num__label{margin-top: 0.1rem;font-size: 0.72rem;color: rgba(255,255,255,.4)}.ft-bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem}.ft-pay{display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem 1.25rem;margin-bottom: 1.5rem}.ft-pay__label{font-size: 0.7rem;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,.5)}.ft-pay__list{display: flex;flex-wrap: wrap;gap: 0.6rem}.ft-pay__badge{display: inline-flex;align-items: center;justify-content: center;min-height: 56px;padding: 0.1rem 0.2rem;border-radius: 12px;background: #fff;font-size: 0.82rem;font-weight: 800;color: #0f172a}.ft-pay__badge img{display: block;height: 44px;width: auto;max-width: 100%}@media (max-width: 480px){.ft-pay__badge{min-height: 50px;padding: 0.5rem 1rem}.ft-pay__badge img{height: 32px}}.ft-pay__note{font-size: 0.74rem;color: rgba(255,255,255,.4)}.scroll-top{position: fixed;bottom: 24px;right: 20px;z-index: 999;display: flex;width: 44px;height: 44px;border: 0;border-radius: 50%;align-items: center;justify-content: center;background: #113159;color: #fff;box-shadow: 0 4px 14px rgba(15,23,42,.35);cursor: pointer;opacity: 0;transform: translateY(8px);pointer-events: none;transition: opacity .25s,transform .25s,background .2s}.scroll-top.is-visible{opacity: 1;transform: translateY(0);pointer-events: auto}.scroll-top:hover{background: var(--color-primary,#009EE3)}.scroll-top:focus-visible{outline: 3px solid var(--color-primary,#009EE3);outline-offset: 2px}.spinner{width: 24px;height: 24px;border: 3px solid rgba(0,158,227,.2);border-top-color: var(--color-primary);border-radius: 50%;animation: spin .7s linear infinite;display: inline-block}@keyframes spin{to{transform: rotate(360deg)}}.admin-layout{display: grid;grid-template-columns: 220px 1fr;min-height: 100vh}.admin-sidebar{background-color: var(--color-dark);color: var(--color-white);padding: var(--space-6);display: flex;flex-direction: column;gap: var(--space-2)}.admin-sidebar__link{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);color: rgba(255,255,255,.65);font-size: var(--font-size-sm);font-weight: 600;transition: background-color var(--transition),color var(--transition)}.admin-sidebar__link:hover,.admin-sidebar__link.active{background-color: rgba(255,255,255,.08);color: var(--color-white)}.admin-main{background-color: var(--color-bg);padding: var(--space-8);overflow-y: auto}@media (max-width: 768px){.admin-layout{grid-template-columns: 1fr}.admin-sidebar{flex-direction: row;flex-wrap: wrap;padding: var(--space-3)}.products-grid{grid-template-columns: 1fr}.navbar{padding-block: 0.85rem}.navbar__nav{display: none}.navbar__toggle{display: flex}.navbar.is-open .navbar__nav{display: flex;flex-direction: column;align-items: stretch;gap: 0;position: absolute;top: 100%;left: 0;right: 0;padding: 0.4rem 1rem 1rem;background: #0f172a;border-bottom: 0.2rem solid #f2f2f2e3;box-shadow: 0 18px 30px rgba(0,0,0,.35)}.navbar.is-open .navbar__link{padding: 0.95rem 0.25rem;font-size: 1rem;border-bottom: 1px solid rgba(255,255,255,.08)}.navbar.is-open .navbar__link:last-child{border-bottom: 0}}