:root{
  --dark:#05070b;--dark2:#10141d;--text:#151922;--muted:#69717d;--line:#e6e8ec;--light:#f6f7f9;--silver:#d7dbe1;--white:#fff;--blue:#3aa0ff;--max:1180px;--radius:28px;--shadow:0 24px 70px rgba(4,8,18,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}.container{width:min(var(--max),calc(100% - 38px));margin:auto}.topbar{position:sticky;top:0;z-index:20;margin-bottom:-76px;color:#fff;background:linear-gradient(180deg,rgba(3,5,10,.72),rgba(3,5,10,.18));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{color:inherit;text-decoration:none;font-weight:950;letter-spacing:-.04em;font-size:1.25rem}.menu{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.menu a{color:inherit;text-decoration:none;font-weight:850;font-size:.92rem;opacity:.86}.menu a:hover,.menu a.active{opacity:1;color:#fff}.cta{display:inline-flex;min-height:42px;padding:0 18px;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-weight:950;background:linear-gradient(135deg,#fff,#bdc5cf);color:#06070a}.hero{position:relative;min-height:860px;color:#fff;overflow:hidden;background:#06080d;display:flex;align-items:flex-start}.hero-video-sim{position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(58,160,255,.28),transparent 28%),radial-gradient(circle at 80% 18%,rgba(255,255,255,.12),transparent 24%),linear-gradient(135deg,#05070b,#141a25 48%,#06080d);animation:pan 12s ease-in-out infinite alternate;transform:scale(1.02)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.54) 38%,rgba(0,0,0,.72));}.hero-content{position:relative;z-index:2;width:100%;padding:104px 0 90px}.logo-stage{height:270px;display:flex;align-items:flex-start;justify-content:center;margin:0 auto 10px}.logo-frame{width:min(100%,1180px);height:270px;border:0;background:transparent;display:block}.hero-card{width:min(920px,100%);margin:92px auto 0;text-align:center;padding:28px 32px;border-radius:30px;background:linear-gradient(180deg,rgba(10,14,22,.50),rgba(10,14,22,.28));border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 70px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:950;color:#d4d9e0}.eyebrow:before{content:"";width:30px;height:2px;border-radius:20px;background:linear-gradient(90deg,#8ebdf0,#f3f6fa)}h1{font-size:clamp(2.45rem,6vw,4.9rem);line-height:.96;letter-spacing:-.07em;margin:16px 0 20px}h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.02;letter-spacing:-.06em;margin:10px 0 14px}.hero-card p{font-size:1.14rem;color:rgba(255,255,255,.78);max-width:820px;margin:0 auto}.actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:950;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,#fff,#b7c0ca);color:#08090b}.btn.secondary{background:#10141d;color:#fff;border-color:rgba(255,255,255,.14)}.strip{background:#080a0f;color:#fff;padding:30px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;background:rgba(255,255,255,.04)}.stat strong{display:block;font-size:clamp(2rem,5vw,3.7rem);line-height:1;letter-spacing:-.06em}.stat span{display:block;color:rgba(255,255,255,.72);font-weight:750;margin-top:10px}.section{padding:88px 0}.light{background:var(--light)}.head{text-align:center;max-width:820px;margin:0 auto 42px}.head p{color:var(--muted);font-size:1.06rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card,.mini,.testimonial,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}

.media{height:285px;background:linear-gradient(135deg,#dfe4ea,#9099a6);position:relative;display:grid;place-items:center;color:#fff;font-weight:950;text-align:center}


.media-1 {
    height: 285px;
    background-image: url('/media/película-de-controle-solar.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}



.media-2 {
    height: 285px;
    background-image: url('/media/pelicula-decorativa.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}




.media-3 {
    height: 285px;
    background-image: url('/media/pelicula-inteligente.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}



.media-tall {
    height: 300px;
    background-image: url('/media/sobre-nos.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}


/* CSS Produtos*/

.media-prod-p-solar {
    height: 300px;
    background-image: url('/media/imagem-de-pelicula-de-controle-solar-original.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}




.media-prod-p-decor {
    height: 300px;
    background-image: url('/media/produto-pelicula-decorativa.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}




.media-prod-p-intel {
    height: 300px;
    background-image: url('/media/pelicula-inteligente.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}




/* Sobre-nós*/

.media-especialista {
    height: 600px;
    background-image: url('/media/especialista-peliculas-window-film-apex.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}


/* Controle solar*/

.controle-solar {
    height: 600px;
    background-image: url('/media/imagem-de-pelicula-de-controle-solar-original.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}

/* Decoração */

.media-page-decor {
    height: 600px;
    background-image: url('/media/pelicula-decorativa-apex.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}

/* Inteligente */

.media-p-int {
    height: 600px;
    background-image: url('/media/media-p-int.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-align: center;
}








.media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.55),transparent 28%),linear-gradient(135deg,rgba(0,0,0,.0),rgba(0,0,0,.38))}.media span{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.12em}.card-body{padding:26px}.card h3,.mini h3{margin-top:0}.card p,.mini p,.testimonial p,.copy p,.page-hero p{color:var(--muted)}.mini{padding:28px}.mini .num{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#111722;color:#dfe5ec;font-weight:950;margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.tall{height:520px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.project .media{height:260px}.project div:last-child{padding:18px}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial{padding:28px}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(7,9,13,.07)}.faq summary{cursor:pointer;font-weight:950}.final{background:linear-gradient(135deg,#f7f8fa,#eceff2);padding:72px 0}.final-card{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#080a0f;color:#fff;border-radius:32px;padding:42px;box-shadow:var(--shadow)}.final-card p{color:rgba(255,255,255,.72)}.page-hero{padding:154px 0 82px;text-align:center;background:radial-gradient(circle at 75% 18%,rgba(58,160,255,.22),transparent 25%),linear-gradient(135deg,#05070b,#171d27);color:#fff}.page-hero h1{color:#fff}.list{display:grid;gap:34px}.row{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:24px}.row:nth-child(even) .media{order:2}.checks{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}.checks li{position:relative;padding-left:30px}.checks li:before{content:"✓";position:absolute;left:0;color:#56708b;font-weight:950}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.form label{display:grid;gap:8px;margin-bottom:16px;font-weight:850}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font:inherit}.footer{background:#07090e;color:#fff;padding:54px 0}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:34px}.footer p,.footer a{color:rgba(255,255,255,.72)}.footer a{text-decoration:none;display:block;margin:5px 0}.note{position:fixed;right:18px;bottom:18px;z-index:30;background:#fff;color:#10141d;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:14px 16px;max-width:330px;font-size:.88rem}.note strong{display:block}@keyframes pan{from{filter:saturate(1);transform:scale(1.02) translateX(-1%)}to{filter:saturate(1.25);transform:scale(1.06) translateX(1%)}}
@media(max-width:1100px){.menu{display:none}.hero{min-height:780px}.logo-stage,.logo-frame{height:210px}.hero-card{margin-top:60px}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.grid3,.stats,.split,.projects,.testimonials,.footer-grid,.contact-grid,.row{grid-template-columns:1fr}.row:nth-child(even) .media{order:0}.section{padding:66px 0}.hero{min-height:720px}.hero-content{padding-top:96px}.logo-stage,.logo-frame{height:170px}.hero-card{margin-top:38px;padding:24px 20px}.actions{display:grid}.btn{width:100%}.final-card{display:grid}.note{position:static;margin:20px auto;width:min(100% - 38px,var(--max))}}

.logo-block-demo{background:#05070b;color:#fff;padding:0 0 30px}.logo-block-panel{width:min(100%,1120px);margin:-34px auto 12px;padding:18px 18px 8px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 60px rgba(0,0,0,.16);backdrop-filter:blur(14px)}.logo-block-frame{width:100%;height:220px;border:0;background:transparent;display:block}.logo-block-tip{width:min(920px,100%);margin:0 auto;text-align:center;color:rgba(255,255,255,.72);font-size:.95rem}.logo-block-tip strong{display:block;color:#fff;margin-bottom:4px}@media(max-width:860px){.logo-block-panel{margin-top:-20px;padding:12px 12px 2px;border-radius:22px}.logo-block-frame{height:170px}}








.contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1.3fr;
    gap:30px;
}

.contact-info,
.contact-form{
    padding:35px;
}

.contact-card{
    background:#f7f8fa;
    border-radius:12px;
    padding:18px;
    margin-bottom:15px;
}

.contact-card a{
    text-decoration:none;
    color:#005ae1;
    font-weight:600;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.contact-form label{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:15px;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
    width:100%;
    padding:14px;
    border:1px solid #ddd;
    border-radius:10px;
}

@media(max-width:768px){

    .contact-wrapper{
        grid-template-columns:1fr;
    }

    .form-row{
        grid-template-columns:1fr;
    }

}


.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:25px;
}

.gallery-grid a,
.video-card{
    overflow:hidden;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.gallery-grid img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.gallery-grid a:hover img{
    transform:scale(1.05);
}

.video-card video{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
}

.lb-data .lb-caption{
    font-size:14px;
}

@media(max-width:768px){

    .gallery-grid{
        grid-template-columns:1fr;
    }

}


















































/* ======================================
FOOTER APEX
====================================== */

.footer{


background:#020d17;

color:#fff;

margin-top:80px;


}

.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr 1fr;

gap:50px;

padding:70px 0;


}

.footer-logo{


max-width:220px;

margin-bottom:20px;


}

.footer-brand p{


color:#c9d4df;

line-height:1.8;

margin-bottom:25px;

}

.footer-btn{

display:inline-block;

background:#0f63ff;

color:#fff;

text-decoration:none;

padding:14px 28px;

border-radius:50px;

font-weight:700;
width: 209px;

}

.footer-col h3{


margin-bottom:20px;

font-size:18px;


}

.footer-col{


display:flex;

flex-direction:column;


}

.footer-col a{


color:#c9d4df;

text-decoration:none;

margin-bottom:12px;

transition:.3s;


}

.footer-col a:hover{


color:#0f63ff;


}

.footer-bottom{


border-top:1px solid rgba(255,255,255,.08);

padding:25px 0;


}

.footer-bottom-content{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

color:#b7c2cd;


}

@media(max-width:900px){


.footer-grid{

    display:grid;

    grid-template-columns:
        minmax(300px,2fr)
        minmax(150px,1fr)
        minmax(150px,1fr)
        minmax(220px,1fr);

    gap:60px;

    align-items:flex-start;
}


}


/* Rodapé institucional: crédito, copyright central e links legais */
.footer-bottom-three{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:20px;
}
.footer-bottom-three .footer-credit{justify-self:start}
.footer-bottom-three .footer-copyright{justify-self:center;text-align:center;white-space:nowrap}
.footer-bottom-three .footer-legal{justify-self:end;display:flex;align-items:center;gap:10px}
.footer-bottom-three a{color:inherit;text-decoration:none}
.footer-bottom-three a:hover{text-decoration:underline}
@media(max-width:900px){
    .footer-bottom-three{grid-template-columns:1fr;justify-items:center;text-align:center;gap:9px}
    .footer-bottom-three .footer-copyright{order:1;white-space:normal}
    .footer-bottom-three .footer-legal{order:2;justify-self:center;flex-wrap:wrap;justify-content:center}
    .footer-bottom-three .footer-credit{order:3;justify-self:center}
}