/* Reset e Base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#e4e4e7;background:linear-gradient(135deg,#0a0a0b 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:#00d4ff;text-decoration:none;transition:all .3s ease}
a:hover,a:focus{color:#ff6b35;outline:2px solid #00d4ff;outline-offset:2px;text-shadow:0 0 10px rgba(0,212,255,0.5)}
button{font-family:inherit;cursor:pointer;border:none;transition:all .3s ease}
ul{list-style:none}

/* Container e Grid */
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.grid{display:grid;gap:2rem}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}

/* Header */
.header{background:linear-gradient(135deg,rgba(26,26,46,0.95),rgba(22,33,62,0.95));border-bottom:2px solid #00d4ff;position:fixed;top:0;width:100%;z-index:1000;backdrop-filter:blur(20px);box-shadow:0 4px 20px rgba(0,212,255,0.1)}
.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}


.logo{display:flex;align-items:center}
.logo img{max-width:none;width:auto;height:50px;filter:drop-shadow(0 0 15px rgba(0,212,255,0.7));transition:all .3s ease}
.logo:hover img{filter:drop-shadow(0 0 20px rgba(255,107,53,0.8));transform:scale(1.05)}
.logo a{display:block}
.menu-toggle{display:flex;flex-direction:column;gap:4px;background:linear-gradient(135deg,#00d4ff,#ff6b35);padding:12px;border-radius:10px;box-shadow:0 4px 15px rgba(0,212,255,0.3)}
.menu-toggle span{width:26px;height:3px;background:#fff;transition:all .3s ease;border-radius:2px}
.menu-toggle:hover{transform:scale(1.05);box-shadow:0 6px 25px rgba(0,212,255,0.5)}
.nav{display:none;position:absolute;top:100%;left:0;width:100%;background:linear-gradient(135deg,rgba(26,26,46,0.98),rgba(22,33,62,0.98));border-top:2px solid #00d4ff;backdrop-filter:blur(15px)}
.nav-list{padding:1rem 0}
.nav-list li{border-bottom:1px solid rgba(0,212,255,0.2)}
.nav-list a{display:block;padding:1rem 1.5rem;color:#e4e4e7;font-weight:600;position:relative;overflow:hidden}
.nav-list a::before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,#00d4ff,#ff6b35);transition:width .3s ease;z-index:-1}
.nav-list a:hover::before{width:100%}
.nav-list a:hover{color:#fff;transform:translateX(10px)}

/* Botões */
.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d4ff,#ff6b35);color:#fff;padding:1.2rem 3rem;border-radius:50px;font-weight:700;text-align:center;transition:all .3s ease;border:2px solid transparent;box-shadow:0 10px 30px rgba(0,212,255,0.4);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;font-size:1rem}
.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.6s ease}
.btn-primary:hover::before{left:100%}
.btn-primary:hover,.btn-primary:focus{background:linear-gradient(135deg,#ff6b35,#00d4ff);transform:translateY(-4px) scale(1.05);box-shadow:0 20px 50px rgba(0,212,255,0.5);color:#fff}
.btn-primary img{margin-right:10px;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,0.7))}

/* Seções */
section{padding:6rem 0;position:relative}
section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="15" height="15" patternUnits="userSpaceOnUse"><path d="M 15 0 L 0 0 0 15" fill="none" stroke="rgba(0,212,255,0.03)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}

/* Hero */
.hero{background:linear-gradient(135deg,rgba(26,26,46,0.9) 0%,rgba(22,33,62,0.9) 50%,rgba(10,10,11,0.9) 100%);padding:8rem 0 6rem;text-align:center;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,0.15) 0%,transparent 70%);pointer-events:none}
.hero-icon{margin:0 auto 3rem;width:120px;height:120px;background:linear-gradient(135deg,rgba(0,212,255,0.2),rgba(255,107,53,0.2));border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #00d4ff;animation:heroIconPulse 3s ease-in-out infinite;box-shadow:0 0 40px rgba(0,212,255,0.3)}
.hero-icon img{filter:brightness(0) saturate(100%) invert(50%) sepia(100%) saturate(2000%) hue-rotate(180deg) brightness(120%) contrast(120%) drop-shadow(0 0 10px rgba(0,212,255,0.8))}
@keyframes heroIconPulse{0%{box-shadow:0 0 40px rgba(0,212,255,0.3),0 0 0 0 rgba(0,212,255,0.7)}50%{box-shadow:0 0 60px rgba(255,107,53,0.4),0 0 0 20px rgba(255,107,53,0)}100%{box-shadow:0 0 40px rgba(0,212,255,0.3),0 0 0 0 rgba(0,212,255,0)}}
.hero h2{font-size:3.5rem;font-weight:900;margin-bottom:2rem;background:linear-gradient(135deg,#00d4ff,#ff6b35,#00d4ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;text-shadow:0 0 30px rgba(0,212,255,0.5)}
.hero p{font-size:1.2rem;color:#cbd5e1;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;text-shadow:0 2px 15px rgba(0,0,0,0.7);line-height:1.7}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Cards */
.benefit-card,.plan-card,.app-card,.category-card,.gallery-item{background:linear-gradient(135deg,rgba(26,26,46,0.8),rgba(22,33,62,0.8));border:2px solid rgba(0,212,255,0.2);border-radius:20px;padding:2rem;text-align:center;transition:all .4s ease;backdrop-filter:blur(15px);position:relative;overflow:hidden}
.benefit-card::before,.plan-card::before,.app-card::before,.category-card::before,.gallery-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,212,255,0.05),rgba(255,107,53,0.05));opacity:0;transition:opacity .4s ease;pointer-events:none}
.benefit-card:hover::before,.plan-card:hover::before,.app-card:hover::before,.category-card:hover::before,.gallery-item:hover::before{opacity:1}
.benefit-card:hover,.plan-card:hover,.app-card:hover,.category-card:hover,.gallery-item:hover{border-color:#00d4ff;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,212,255,0.3)}

/* Cards com imagens */
.category-card,.gallery-item{padding:0;overflow:hidden}
.category-card img,.gallery-item img{width:100% !important;height:320px !important;object-fit:cover;border-radius:20px 20px 0 0;display:block !important;opacity:1 !important;visibility:visible !important}
.category-card h3,.gallery-item h3{padding:1.5rem 1.5rem 0.5rem;margin:0}
.category-card p,.gallery-item p{padding:0 1.5rem 1.5rem;margin:0}
.category-card:hover img,.gallery-item:hover img{transform:scale(1.05)}

/* Ajustes responsivos para imagens */
@media (max-width:640px){
.category-card img,.gallery-item img{height:320px !important}
}

@media (min-width:641px) and (max-width:1024px){
.category-card img,.gallery-item img{height:280px !important}
}

@media (min-width:1025px){
.category-card img,.gallery-item img{height:320px !important}
}

/* Ícones SVG - Colorização Melhorada - AZUL CIANO */
.benefit-card img[src*=".svg"],.category-card img[src*=".svg"],.step-icon img[src*=".svg"],.section-icon{
    filter:brightness(0) saturate(100%) invert(67%) sepia(100%) saturate(1500%) hue-rotate(180deg) brightness(120%) contrast(120%);
    transition:all .4s ease;
    margin:0 auto 1.5rem;
    width:64px;
    height:64px;
    display:block;
}

.benefit-card:hover img[src*=".svg"],.category-card:hover img[src*=".svg"]{
    filter:brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(2000%) hue-rotate(15deg) brightness(120%) contrast(120%);
    transform:scale(1.15) rotate(8deg);
}

/* Ícones de Aplicativos - SVG e PNG */
.app-card img[src*=".svg"]{
    filter:brightness(0) saturate(100%) invert(67%) sepia(100%) saturate(1500%) hue-rotate(180deg) brightness(120%) contrast(120%);
    transition:all .4s ease;
    margin:0 auto 1.5rem;
    width:48px;
    height:48px;
    display:block;
}

.app-card img[src*=".png"]{
    transition:all .4s ease;
    margin:0 auto 1.5rem;
    width:48px;
    height:48px;
    filter:drop-shadow(0 0 10px rgba(0,212,255,0.5));
    display:block;
}

.app-card:hover img[src*=".svg"]{
    filter:brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(2000%) hue-rotate(15deg) brightness(120%) contrast(120%);
    transform:scale(1.15);
}

.app-card:hover img[src*=".png"]{
    transform:scale(1.15);
    filter:drop-shadow(0 0 15px rgba(255,107,53,0.7));
}

.benefit-card h3,.plan-card h3,.app-card h3,.category-card h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.benefit-card p,.category-card p{color:#cbd5e1;font-size:1rem;line-height:1.6}

/* Planos */
.plan-card{position:relative}
.plan-card.featured{border-color:#ff6b35;background:linear-gradient(135deg,rgba(255,107,53,0.1),rgba(0,212,255,0.1))}
.plan-card.featured::before{content:"⭐ Mais Popular";position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff6b35,#00d4ff);color:#fff;padding:0.5rem 1.5rem;border-radius:25px;font-size:0.85rem;font-weight:700;box-shadow:0 4px 15px rgba(255,107,53,0.4)}
.plan-card ul{text-align:left;margin:2rem 0}
.plan-card li{padding:0.75rem 0;color:#e4e4e7;position:relative;padding-left:2rem;font-weight:500}
.plan-card li::before{content:"✓";position:absolute;left:0;color:#00d4ff;font-weight:bold;font-size:1.2rem}

/* Como Funciona */
.step{text-align:center;position:relative;padding:2rem}
.step-icon{margin:0 auto 2rem;width:100px;height:100px;background:linear-gradient(135deg,rgba(0,212,255,0.2),rgba(255,107,53,0.2));border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #00d4ff;position:relative;box-shadow:0 10px 30px rgba(0,212,255,0.2)}
.step-icon img{filter:brightness(0) saturate(100%) invert(50%) sepia(100%) saturate(1500%) hue-rotate(180deg) brightness(120%) contrast(120%);width:50px;height:50px}
.step-number{width:35px;height:35px;background:linear-gradient(135deg,#ff6b35,#00d4ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:bold;color:#fff;position:absolute;top:-15px;right:-15px;box-shadow:0 4px 15px rgba(255,107,53,0.4)}
.step h3{font-size:1.4rem;margin-bottom:1rem;color:#f4f4f5;font-weight:700}
.step p{color:#cbd5e1;font-size:1.1rem;line-height:1.6}

/* Aplicativos */
.apps{background:linear-gradient(135deg,rgba(26,26,46,0.95),rgba(22,33,62,0.95))}
.apps h2{text-align:center;color:#f4f4f5;margin-bottom:1rem;font-size:2.5rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.apps-note{text-align:center;color:#ff6b35;font-weight:600;margin-bottom:3rem;font-style:italic;font-size:1.1rem;text-shadow:0 2px 10px rgba(255,107,53,0.3)}

/* Categorias */
.categories{background:linear-gradient(135deg,rgba(22,33,62,0.95),rgba(26,26,46,0.95))}
.categories h2{text-align:center;color:#f4f4f5;margin-bottom:3rem;font-size:2.5rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.categories .grid{grid-template-columns:1fr}

@media (min-width:640px){
.categories .grid{grid-template-columns:repeat(2,1fr) !important}
}

@media (min-width:768px){
.categories .grid{grid-template-columns:repeat(3,1fr) !important}
}

/* FAQ */
.faq h2{text-align:center;color:#f4f4f5;margin-bottom:3rem;font-size:2.5rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.faq-item{background:linear-gradient(135deg,rgba(26,26,46,0.8),rgba(22,33,62,0.8));border:2px solid rgba(0,212,255,0.2);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease;backdrop-filter:blur(10px);position:relative}
.faq-item:hover{border-color:#00d4ff;box-shadow:0 10px 30px rgba(0,212,255,0.2)}
.faq-question{color:#00d4ff;margin-bottom:0;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0;transition:color .3s ease;user-select:none}
.faq-question:hover{color:#ff6b35}
.faq-toggle{font-size:1.5rem;font-weight:bold;transition:transform .3s ease;color:#00d4ff}
.faq-item.active .faq-toggle{transform:rotate(45deg);color:#ff6b35}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease-out;margin-top:0}
.faq-item.active .faq-answer{max-height:300px;margin-top:1rem}
.faq-answer p{color:#e4e4e7;line-height:1.8;font-size:1rem;margin:0;padding:1rem 0 0 0}

/* Galeria de Conteúdo */
.content-gallery{background:linear-gradient(135deg,rgba(10,10,11,0.95),rgba(26,26,46,0.95));padding:6rem 0}
.content-gallery h2{text-align:center;color:#f4f4f5;margin-bottom:3rem;font-size:2.5rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.gallery-item h3{color:#00d4ff;padding:1.5rem 1.5rem 0.5rem;font-size:1.3rem;font-weight:700}
.gallery-item p{color:#cbd5e1;padding:0 1.5rem 1.5rem;font-size:1rem;line-height:1.6}

/* Depoimentos */
.social-proof{background:linear-gradient(135deg,rgba(22,33,62,0.9),rgba(26,26,46,0.9))}
.social-proof h2{text-align:center;color:#f4f4f5;margin-bottom:3rem;font-size:2.5rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.testimonial{background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(255,107,53,0.1));border-left:4px solid #00d4ff;padding:2rem;border-radius:15px;backdrop-filter:blur(10px);transition:all .3s ease}
.testimonial:hover{border-left-color:#ff6b35;transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,212,255,0.2)}
.testimonial p{font-style:italic;color:#e4e4e7;margin-bottom:1rem;font-size:1.1rem;line-height:1.7}
.testimonial cite{color:#00d4ff;font-size:1rem;font-weight:600}

/* CTA Final */
.final-cta{background:linear-gradient(135deg,rgba(26,26,46,0.9),rgba(22,33,62,0.9));text-align:center;padding:8rem 0}
.final-cta h2{font-size:2.8rem;margin-bottom:2rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}
.final-cta p{font-size:1.3rem;color:#cbd5e1;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}

/* Institucional */
.institutional{background:linear-gradient(135deg,rgba(22,33,62,0.9),rgba(10,10,11,0.9))}
.institutional h2{color:#f4f4f5;margin-bottom:2rem;text-align:center;font-size:2.5rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Cards Institucionais */
.institutional-card{background:linear-gradient(135deg,rgba(26,26,46,0.8),rgba(22,33,62,0.8));border:2px solid rgba(0,212,255,0.2);border-radius:20px;padding:2rem;text-align:center;transition:all .4s ease;backdrop-filter:blur(15px);position:relative;overflow:hidden}
.institutional-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,212,255,0.05),rgba(255,107,53,0.05));opacity:0;transition:opacity .4s ease;pointer-events:none}
.institutional-card:hover::before{opacity:1}
.institutional-card:hover{border-color:#00d4ff;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,212,255,0.3)}
.institutional-card img{filter:brightness(0) saturate(100%) invert(67%) sepia(100%) saturate(1500%) hue-rotate(180deg) brightness(150%) contrast(150%) !important;transition:all .4s ease;margin:0 auto 1.5rem;width:48px;height:48px}
.institutional-card:hover img{filter:brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(2000%) hue-rotate(15deg) brightness(130%) contrast(130%) !important;transform:scale(1.1) rotate(5deg)}
.institutional-card h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.institutional-card p{color:#cbd5e1;font-size:1rem;line-height:1.6;margin:0}

/* Páginas Internas */
.main-content{padding-top:8rem;min-height:calc(100vh - 200px)}
.content-header{text-align:center;margin-bottom:4rem}
.content-header h1{font-size:3rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-weight:900}
.content-header p{color:#cbd5e1;font-size:1.1rem}
.content-body{max-width:900px;margin:0 auto}
.content-body section{margin-bottom:3rem;padding:0}
.content-body h2{color:#00d4ff;font-size:1.8rem;margin-bottom:1.5rem;border-bottom:3px solid #00d4ff;padding-bottom:0.5rem;font-weight:700}
.content-body p{color:#e4e4e7;margin-bottom:1.5rem;line-height:1.8;font-size:1rem}
.content-body ul{margin:1.5rem 0 1.5rem 2rem}
.content-body li{color:#e4e4e7;margin-bottom:0.75rem;list-style:disc;line-height:1.7}
.cta-section{background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(255,107,53,0.1));border:2px solid #00d4ff;border-radius:20px;padding:3rem;text-align:center;margin-top:4rem;backdrop-filter:blur(10px)}
.cta-section h2{color:#00d4ff;margin-bottom:1.5rem;font-size:2rem;font-weight:700}
.cta-section p{color:#e4e4e7;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}

/* Footer */
.footer{background:linear-gradient(135deg,rgba(10,10,11,0.98),rgba(26,26,46,0.98));border-top:3px solid #00d4ff;padding:4rem 0 2rem;backdrop-filter:blur(10px)}
.footer-content{display:grid;gap:3rem;margin-bottom:3rem}
.footer-info{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}
.footer-info img{width:auto;height:auto;max-height:60px;filter:drop-shadow(0 0 10px rgba(0,212,255,0.5));transition:all .3s ease}
.footer-info:hover img{filter:drop-shadow(0 0 15px rgba(255,107,53,0.7));transform:scale(1.05)}


.footer-links h4,.footer-contact h4{color:#ff6b35;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}
.footer-links ul{margin:0}
.footer-links li{margin-bottom:0.75rem}
.footer-links a{color:#e4e4e7;transition:color .3s ease;font-weight:500}
.footer-links a:hover{color:#00d4ff}
.footer-contact p{color:#e4e4e7;margin-bottom:0.75rem;font-size:1rem;line-height:1.6}
.footer-bottom{border-top:2px solid rgba(0,212,255,0.3);padding-top:2rem;text-align:center}
.footer-bottom p{color:#cbd5e1;font-size:1rem;font-weight:500}

/* Utilitários */
.text-center{text-align:center}
.mb-1{margin-bottom:0.5rem}
.mb-2{margin-bottom:1rem}
.mb-3{margin-bottom:1.5rem}
.mt-2{margin-top:1rem}
.p-2{padding:1rem}

/* Responsivo */
@media (min-width:640px){
.grid-2{grid-template-columns:repeat(2,1fr)}
.hero h2{font-size:4rem}
.hero p{font-size:1.4rem}
.container{padding:0 2rem}
.footer-content{grid-template-columns:repeat(2,1fr)}
.categories .grid{grid-template-columns:repeat(2,1fr)}
}

@media (min-width:768px){
.header-content{padding:1.2rem 0}
.logo{margin-right:2rem}
.logo img{height:55px}
.menu-toggle{display:none}
.nav{display:block;position:static;width:auto;background:transparent;border:none}
.nav-list{display:flex;padding:0;gap:0;align-items:center}
.nav-list li{border:none;position:relative}
.nav-list li:not(:last-child)::after{content:'';position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:linear-gradient(to bottom,transparent,#00d4ff,transparent)}
.nav-list a{padding:0.5rem 1rem;border-radius:25px;font-size:0.75rem;font-weight:300;text-transform:uppercase;letter-spacing:1px}
.nav-list a:hover{background:linear-gradient(135deg,#00d4ff,#ff6b35);transform:translateX(0)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.footer-content{grid-template-columns:repeat(3,1fr)}
.categories .grid{grid-template-columns:repeat(3,1fr)}
.footer-info{justify-content:flex-start}
.footer-info img{max-height:70px}
}

@media (min-width:1024px){
.container{padding:0 3rem}
.hero h2{font-size:4.5rem}
.hero p{font-size:1.5rem}
section{padding:8rem 0}
.hero{padding:15rem 0 10rem}
}

/* Estados de Foco e Acessibilidade */
*:focus{outline:3px solid #00d4ff;outline-offset:3px}
.btn-primary:focus{outline:4px solid #ff6b35}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}
html{scroll-behavior:auto}
}

/* Menu Hambúrguer Ativo */
.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}
.nav.active{display:block}

/* Loading States */
img[loading="lazy"]{opacity:0;transition:opacity .4s ease}
img[loading="lazy"].loaded{opacity:1}

/* Cabeçalhos de Seção */
.section-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}
.section-icon{
    filter:brightness(0) saturate(100%) invert(67%) sepia(100%) saturate(1500%) hue-rotate(180deg) brightness(120%) contrast(120%) !important;
    animation:iconFloat 3s ease-in-out infinite;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    display:inline-block !important;
}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.section-header h2{margin:0;font-size:2.5rem;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}

/* ÍCONES SVG - COLORIZAÇÃO FORTE E VISÍVEL */
img[src*=".svg"]{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    min-width:24px !important;
    min-height:24px !important;
}

/* Fallback caso ícones não carreguem */
img[src*=".svg"]:not([alt=""]):after{
    content:attr(alt);
    display:block;
    color:#00d4ff;
    font-size:12px;
    text-align:center;
}

/* Ícones principais - AZUL CIANO BRILHANTE */
.benefit-card img[src*=".svg"],
.category-card img[src*=".svg"],
.step-icon img[src*=".svg"],
.section-icon,
.hero-icon img[src*=".svg"]{
    filter:brightness(0) saturate(100%) invert(67%) sepia(100%) saturate(1500%) hue-rotate(180deg) brightness(150%) contrast(150%) drop-shadow(0 0 10px rgba(0,212,255,0.8)) !important;
    transition:all .4s ease !important;
}

/* Hover - LARANJA VIBRANTE */
.benefit-card:hover img[src*=".svg"],
.category-card:hover img[src*=".svg"],
.step-icon:hover img[src*=".svg"]{
    filter:brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(2000%) hue-rotate(15deg) brightness(130%) contrast(130%) drop-shadow(0 0 15px rgba(255,107,53,0.9)) !important;
    transform:scale(1.2) rotate(10deg) !important;
}

/* Ícones de aplicativos */
.app-card img[src*=".svg"]{
    filter:brightness(0) saturate(100%) invert(67%) sepia(100%) saturate(1500%) hue-rotate(180deg) brightness(150%) contrast(150%) drop-shadow(0 0 8px rgba(0,212,255,0.6)) !important;
}

.app-card:hover img[src*=".svg"]{
    filter:brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(2000%) hue-rotate(15deg) brightness(130%) contrast(130%) drop-shadow(0 0 12px rgba(255,107,53,0.8)) !important;
    transform:scale(1.15) !important;
}

/* Animações */
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.benefit-card,.plan-card,.app-card,.category-card,.faq-item,.gallery-item{animation:fadeInUp 0.8s ease-out}
.benefit-card:nth-child(2),.app-card:nth-child(2){animation-delay:0.1s}
.benefit-card:nth-child(3),.app-card:nth-child(3){animation-delay:0.2s}
.benefit-card:nth-child(4){animation-delay:0.3s}
.benefit-card:nth-child(5){animation-delay:0.4s}
.benefit-card:nth-child(6){animation-delay:0.5s}