@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap";:root{--color-bg:#f3e6d8;--color-coral:#e57461;--color-azul-suave:#6f8fb3;--color-verde:#a9c4b0;--color-pessego:#f2bba7;--color-lilas:#cdb4db;--color-text-title:#3d5a73;--color-text-body:#4a5568;--color-text-muted:#718096;--color-surface:#fff;--color-border:#3d5a731a;--font-primary:"DM Sans", sans-serif;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--shadow-sm:0 4px 6px -1px #3d5a730d, 0 2px 4px -1px #3d5a7308;--shadow-md:0 10px 15px -3px #3d5a7314, 0 4px 6px -2px #3d5a730a;--shadow-lg:0 20px 25px -5px #3d5a731a, 0 10px 10px -5px #3d5a730a;--transition:.3s cubic-bezier(.4, 0, .2, 1);--glass-bg:#ffffffb3;--glass-border:#fff6;--blur-md:12px;--gradient-ludico:linear-gradient(135deg, var(--color-coral), var(--color-azul-suave))}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(var(--color-surface) 1px, transparent 1px);background-position:0 0;background-size:40px 40px;background-attachment:fixed;line-height:1.6}body:before{content:"";opacity:.03;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"noiseFilter\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23noiseFilter)\"/></svg>");width:200%;height:200%;position:fixed;top:-50%;left:-50%}h1,h2,h3,h4,h5,h6{color:var(--color-text-title);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:var(--color-coral);transition:var(--transition);text-decoration:none}a:hover{color:var(--color-text-title)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.text-brand-title{color:var(--color-text-title);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:700}.text-brand-subtitle{color:var(--color-text-body);max-width:800px;margin:0 auto 2rem;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:400}.text-brand-slogan{color:var(--color-azul-suave);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:500;display:block}.hero-section{text-align:center;padding:6rem 0 4rem;position:relative}.section-padding{padding:4rem 0}.section-padding p{font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.7}.section-padding h2.text-brand-title{font-size:clamp(1.4rem,3vw,2.2rem)}.section-title{text-align:center;margin-bottom:1rem;font-size:2.2rem}.section-desc{text-align:center;color:var(--color-text-body);max-width:700px;margin:0 auto 3rem;font-size:1.1rem}.btn-primary{background-color:var(--color-coral);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:50px;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #e5746166}.btn-primary:hover{color:#fff;background-color:#d16250;transform:translateY(-2px);box-shadow:0 6px 20px #e5746180}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-title);border:1px solid var(--color-border);cursor:pointer;transition:var(--transition);border-radius:50px;justify-content:center;align-items:center;padding:.8rem 2rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--color-azul-suave);color:var(--color-azul-suave)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:50px;align-items:center;margin-bottom:1rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-bncc{color:var(--color-azul-suave);background-color:#6f8fb31a}.badge-planejamento{color:var(--color-coral);background-color:#e574611a}.badge-kit{color:#5a7d63;background-color:#a9c4b026}.badge-historia{color:#c06c4d;background-color:#f2bba733}.kit-image{aspect-ratio:4/3;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);width:100%;overflow:hidden}.kit-image img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.kit-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.kit-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--color-azul-suave);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.kit-title{color:var(--color-text-title);margin-bottom:.5rem;font-size:1.1rem;font-weight:700;line-height:1.3}.kit-desc{color:var(--color-text-body);flex:1;margin-bottom:1rem;font-size:.9rem}.kit-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.price-box{flex-direction:column;gap:.1rem;display:flex}.price-old{color:var(--color-text-muted);font-size:.8rem;text-decoration:line-through}.price-current{color:var(--color-coral);font-size:1rem;font-weight:700}.btn-icon{color:var(--color-azul-suave);font-size:1.2rem}.kit-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;display:grid}.kit-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.kit-card:hover{box-shadow:var(--shadow-lg);border-color:#6f8fb34d;transform:translateY(-5px)}.kit-card-image{aspect-ratio:16/10;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);width:100%;position:relative;overflow:hidden}.kit-card-image img{object-fit:contain;width:100%;height:100%;transition:var(--transition);padding:1rem}.kit-card:hover .kit-card-image img{transform:scale(1.03)}.kit-card-content{flex-direction:column;flex:1;padding:2rem;display:flex}.kit-card-title{margin-bottom:.75rem;font-size:1.4rem;line-height:1.3}.kit-card-desc{color:var(--color-text-muted);flex:1;margin-bottom:1.5rem;font-size:.95rem}.site-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#f3e6d8f2;padding:1rem 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-text-title);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;display:flex}.logo-icon{background:var(--color-text-title);width:32px;height:32px;color:var(--color-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:none}.bar{background:var(--color-text-title);transform-origin:50%;border-radius:2px;width:24px;height:2px;transition:transform .25s,opacity .25s;display:block}.bar-top.open{transform:translateY(7px)rotate(45deg)}.bar-mid.open{opacity:0}.bar-bot.open{transform:translateY(-7px)rotate(-45deg)}.mobile-menu{border-top:1px solid var(--color-border);background:#f3e6d8fa;flex-direction:column;gap:0;max-height:0;transition:max-height .3s;display:none;overflow:hidden}.mobile-menu.open{max-height:300px}.mobile-menu a,.mobile-menu button{color:var(--color-text-title);border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;width:100%;box-shadow:none;background:0 0;border-top:none;border-left:none;border-right:none;border-radius:0;padding:1rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:block}.mobile-menu button.btn-primary{color:#fff;background:var(--color-coral);text-align:center;border-bottom:none;border-radius:50px;width:calc(100% - 3rem);margin:1rem 1.5rem}.product-hero{border-bottom:1px solid var(--color-border);background:#fff;padding:4rem 0}.product-hero .text-brand-title{font-size:clamp(1.5rem,3vw,2.5rem)}.product-hero p{font-size:clamp(.95rem,1.5vw,1.1rem)}.product-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=900px){.product-hero-grid{grid-template-columns:1fr}}.product-image-container{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:3rem}.product-image-container img{border-radius:var(--radius-sm);width:100%;height:auto;box-shadow:var(--shadow-sm)}.product-meta{border-bottom:1px solid var(--color-border);gap:1.5rem;margin:1.5rem 0;padding-bottom:1.5rem;display:flex}.meta-item{color:var(--color-text-title);align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;display:flex}.kit-card .text-brand-title,.kit-card h3.text-brand-title,.kit-card h4.text-brand-title{letter-spacing:-.01em;margin-bottom:.25rem;font-size:1rem}.rich-text{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:3rem}.rich-text-section{border-top:1px dashed var(--color-border);margin-top:2.5rem;padding-top:2.5rem}.rich-text-section:first-child{border-top:none;margin-top:0;padding-top:0}.rich-text-heading{color:var(--color-text-title);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.rich-text-heading:before{content:"";background-color:var(--color-coral);border-radius:2px;width:24px;height:4px;display:block}.rich-text-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.rich-text-li{background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.rich-text-li-icon{color:var(--color-coral);margin-top:.2rem;font-size:1.2rem;line-height:1}.rich-text-li-content strong{color:var(--color-text-title);margin-bottom:.25rem;display:block}.banner-membros{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);margin-top:4rem;padding:4rem;position:relative;overflow:hidden}.banner-membros:before{content:"";background:linear-gradient(90deg, var(--color-coral), var(--color-azul-suave), var(--color-verde));height:6px;position:absolute;top:0;left:0;right:0}.reveal{animation:.8s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media (width<=768px){.nav-links{display:none}.hamburger,.mobile-menu{display:flex}.container{padding:0 1rem}.hero-section{text-align:left;padding:3rem 0 2rem}.kit-grid{grid-template-columns:1fr;gap:1.5rem}.section-padding{padding:2.5rem 0}.product-hero{padding:2rem 0}.product-hero-grid{grid-template-columns:1fr;gap:2rem}.product-image-container{padding:1.5rem}.kit-card [style*="3.5rem"]{font-size:2.5rem!important}.kit-card [style*="3rem"]{font-size:2rem!important}.product-hero .btn-primary{justify-content:center;width:100%}section[style*="paddingBottom: '10rem'"]{padding-bottom:4rem}}.dashboard-hero{background:var(--gradient-ludico);color:#fff;border-bottom-right-radius:40px;border-bottom-left-radius:40px;margin-top:-100px;margin-bottom:4rem;padding:8rem 0 6rem;position:relative;overflow:hidden}.dashboard-hero:after{content:"";opacity:.2;background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"white\" fill-opacity=\"0.05\"/></svg>") 0 0/300px;position:absolute;inset:0}.dashboard-hero .text-brand-title{color:#fff;margin-bottom:1rem}.dashboard-hero p{color:#ffffffe6;max-width:600px;font-size:1.2rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-coral);transform:translateY(-8px)}.kit-preview-badges{gap:.5rem;margin-top:1rem;display:flex}.preview-badge{color:var(--color-azul-suave);background:#6f8fb31a;border-radius:6px;padding:.3rem .6rem;font-size:.7rem;font-weight:700}.empty-state{text-align:center;border-radius:var(--radius-lg);border:2px dashed var(--color-border);background:#fff;padding:4rem 2rem}.empty-state-icon{margin-bottom:1.5rem;font-size:4rem;display:block}
