
.cosmox-page{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7;color:#424245;background:#f5f5f7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cosmox-page *,.cosmox-page *::before,.cosmox-page *::after{box-sizing:border-box;margin:0;padding:0}.cosmox-page img{max-width:100%;height:auto;display:block}.cosmox-page a{color:#1a56db;text-decoration:none}.cosmox-page a:hover{text-decoration:underline}.cosmox-hero{background:linear-gradient(135deg,#1a56db 0%,#5e5ce6 100%);color:#fff;padding:clamp(34px,6vw,64px) clamp(16px,4vw,32px);text-align:center;position:relative;overflow:hidden}.cosmox-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 65%,rgba(245,158,11,.1) 0%,transparent 55%),radial-gradient(ellipse at 75% 25%,rgba(94,92,230,.12) 0%,transparent 50%);pointer-events:none}.cosmox-hero-inner{max-width:800px;margin:0 auto;position:relative;z-index:1}.cosmox-hero-badge{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 18px;font-size:.78rem;font-weight:600;color:rgba(255,255,255,.88);margin-bottom:24px;letter-spacing:.04em;text-transform:uppercase}.cosmox-hero h1{font-size:clamp(27px,5vw,44px);font-weight:700;line-height:1.14;color:#fff;margin-bottom:16px;letter-spacing:-.03em}.cosmox-hero-subtitle{font-size:clamp(15px,2.5vw,18px);color:rgba(255,255,255,.78);max-width:600px;margin:0 auto 32px;line-height:1.65}.cosmox-hero-stats{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:16px}.cosmox-stat{text-align:center;min-width:100px}.cosmox-stat-num{font-size:clamp(24px,4vw,32px);font-weight:700;color:#f59e0b;line-height:1;letter-spacing:-.02em}.cosmox-stat-label{font-size:.78rem;color:rgba(255,255,255,.6);margin-top:4px;letter-spacing:-.01em}.cosmox-content{max-width:1080px;margin:0 auto;padding:clamp(16px,3vw,24px)}.cosmox-section{margin-bottom:clamp(34px,6vw,56px)}.cosmox-section h2{font-size:clamp(20px,3.4vw,26px);font-weight:700;color:#1d1d1f;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.cosmox-section-intro{font-size:clamp(15px,2.3vw,17px);color:#6e6e73;line-height:1.7;margin-bottom:24px}.cosmox-intro{font-size:clamp(15px,2.3vw,17px);line-height:1.8;color:#424245;margin-bottom:48px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:24px}.cosmox-timeline{position:relative;padding-left:clamp(24px,4vw,40px)}.cosmox-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#1a56db,rgba(26,86,219,.15))}.cosmox-tl-item{position:relative;margin-bottom:28px;padding-left:24px}.cosmox-tl-item::before{content:"";position:absolute;left:-17px;top:6px;width:12px;height:12px;border-radius:50%;background:#1a56db;border:2px solid #fff;box-shadow:0 0 0 3px rgba(26,86,219,.2)}.cosmox-tl-year{font-size:.82rem;font-weight:700;color:#1a56db;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.cosmox-tl-text{font-size:.95rem;color:#424245;line-height:1.65}.cosmox-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cosmox-product-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;overflow:hidden;text-align:center;transition:transform .2s,box-shadow .2s}.cosmox-product-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}.cosmox-product-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.cosmox-product-name{padding:12px 8px 4px;font-weight:650;color:#1d1d1f;font-size:.92rem;letter-spacing:-.01em}.cosmox-product-desc{padding:0 8px 12px;font-size:.82rem;color:#6e6e73;line-height:1.5}.cosmox-factory{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.cosmox-factory-img img{width:100%;border-radius:12px;display:block}.cosmox-factory-info h3{font-size:1.1rem;font-weight:700;color:#1d1d1f;margin-bottom:8px;letter-spacing:-.01em}.cosmox-factory-info ul{list-style:none}.cosmox-factory-info li{font-size:.92rem;color:#424245;padding:6px 0 6px 22px;position:relative;line-height:1.6}.cosmox-factory-info li::before{content:"\2713";position:absolute;left:0;top:6px;color:#30d158;font-weight:700;font-size:.75rem}.cosmox-certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.cosmox-cert-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.cosmox-cert-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}.cosmox-cert-card img{width:80px;height:80px;object-fit:contain;margin:0 auto 10px;display:block}.cosmox-cert-name{font-weight:650;color:#1d1d1f;font-size:.88rem;letter-spacing:-.01em}.cosmox-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.cosmox-video-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;overflow:hidden}.cosmox-video-card .cosmox-video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.cosmox-video-card .cosmox-video-wrap iframe,.cosmox-video-card .cosmox-video-wrap video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.cosmox-video-label{padding:10px 14px;font-size:.85rem;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.cosmox-contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:32px}.cosmox-contact-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}.cosmox-contact-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}.cosmox-contact-icon{font-size:2rem;margin-bottom:8px;display:block}.cosmox-contact-label{font-size:.78rem;font-weight:600;color:#6e6e73;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.cosmox-contact-value{font-size:1rem;font-weight:650;color:#1d1d1f;line-height:1.5;letter-spacing:-.01em}.cosmox-map{margin-bottom:32px;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.07)}.cosmox-map iframe{width:100%;height:320px;border:0;display:block}.cosmox-cta-group{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:32px}.cosmox-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;font-size:15px;font-weight:600;border-radius:999px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;border:none;min-height:46px;letter-spacing:-.01em}.cosmox-btn:hover{transform:translateY(-1px)}.cosmox-btn-primary{background:#1a56db;color:#fff;box-shadow:0 4px 20px rgba(26,86,219,.2)}.cosmox-btn-primary:hover{box-shadow:0 8px 30px rgba(26,86,219,.3);filter:brightness(1.08)}.cosmox-btn-whatsapp{background:#25d366;color:#fff;box-shadow:0 4px 18px rgba(37,211,102,.25)}.cosmox-btn-whatsapp:hover{filter:brightness(1.08)}.cosmox-btn-amber{background:#f59e0b;color:#fff;box-shadow:0 4px 18px rgba(245,158,11,.2)}.cosmox-btn-amber:hover{filter:brightness(1.08)}.cosmox-updated{text-align:center;font-size:.82rem;color:#6e6e73;padding-top:32px;border-top:1px solid rgba(0,0,0,.07);margin-top:48px}@media(max-width:768px){.cosmox-factory{grid-template-columns:1fr}.cosmox-products-grid{grid-template-columns:repeat(2,1fr)}.cosmox-certs-grid{grid-template-columns:repeat(3,1fr)}.cosmox-video-grid{grid-template-columns:1fr}.cosmox-contact-grid{grid-template-columns:repeat(2,1fr)}.cosmox-hero h1{font-size:clamp(22px,5vw,32px)}.cosmox-section h2{font-size:clamp(17px,3vw,22px)}.cosmox-btn{padding:10px 22px;font-size:.9rem;min-height:44px}}@media(max-width:480px){.cosmox-products-grid{grid-template-columns:1fr}.cosmox-certs-grid{grid-template-columns:repeat(2,1fr)}.cosmox-contact-grid{grid-template-columns:1fr}.cosmox-cta-group{flex-direction:column;align-items:stretch}.cosmox-cta-group .cosmox-btn{text-align:center;justify-content:center}.cosmox-hero{padding:32px 16px}.cosmox-hero h1{font-size:clamp(20px,6vw,28px)}.cosmox-hero-stats{gap:16px}}
