:root{
    --azul:#10233b;
    --azul2:#172f4d;
    --dourado:#b68a45;
    --creme:#f7f4ee;
    --branco:#ffffff;
    --texto:#17202b;
    --cinza:#6f7781;
    --linha:#e7e2da;
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    color:var(--texto);
    background:#fff;
    font-family:Arial,Helvetica,sans-serif;
}

img{
    max-width:100%;
}

.container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

/* TOPO */

.topo{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid var(--linha);
}

.topo-conteudo{
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.marca{
    display:flex;
    align-items:center;
}

.aurora-logo-header{
    display:block;
    width:180px;
    height:auto;
}

.menu{
    display:flex;
    align-items:center;
    gap:26px;
}

.menu a{
    color:var(--azul);
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}

.menu-orcamento{
    padding:13px 19px;
    color:#fff!important;
    background:var(--azul);
    border-radius:4px;
}

.menu-mobile{
    display:none;
}

/* HERO */

.hero{
    padding:75px 0 85px;
    background:
        linear-gradient(90deg,#fff 0%,#fff 58%,var(--creme) 58%);
}

.hero-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:65px;
    align-items:center;
}

.etiqueta,
.vitrine-cabecalho span,
.videos-titulo>span,
.processo-titulo>span,
.cta-final span{
    display:block;
    margin-bottom:15px;
    color:var(--dourado);
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
}

.hero h1{
    margin:0;
    color:var(--azul);
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(48px,6vw,78px);
    font-weight:400;
    line-height:.98;
}

.hero h1 span{
    display:block;
    color:var(--dourado);
    font-style:italic;
}

.hero-resumo{
    max-width:520px;
    margin:27px 0;
    color:var(--cinza);
    font-size:15px;
    line-height:1.8;
}

.hero-botoes{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.btn{
    padding:15px 20px;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
}

.btn-principal{
    color:#fff;
    background:var(--azul);
}

.btn-secundario{
    color:var(--azul);
    border:1px solid var(--azul);
}

.hero-beneficios{
    margin-top:38px;
    padding-top:24px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    border-top:1px solid var(--linha);
}

.hero-beneficios strong,
.hero-beneficios span{
    display:block;
}

.hero-beneficios strong{
    color:var(--azul);
    font-family:Georgia,serif;
    font-size:18px;
}

.hero-beneficios span{
    margin-top:4px;
    color:var(--cinza);
    font-size:10px;
}

/* DESTAQUES */

.hero-vitrine{
    min-width:0;
}

.destaques-cabecalho{
    margin-bottom:15px;
    color:var(--azul);
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.destaques-janela{
    overflow:hidden;
}

.destaques-trilho{
    display:flex;
    gap:16px;
    overflow-x:auto;
    scrollbar-width:none;
    padding-bottom:8px;
}

.destaques-trilho::-webkit-scrollbar{
    display:none;
}

.destaque-slide{
    flex:0 0 330px;
    padding:10px;
    background:#fff;
    border:1px solid var(--linha);
}

.destaque-slide-imagem{
    width:100%;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#fff;
}

.destaque-slide-imagem img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
}

.destaque-slide strong{
    display:block;
    padding:14px 5px 7px;
    color:var(--azul);
    font-family:Georgia,serif;
    font-size:18px;
}

/* PRODUTOS */

.vitrine-produtos{
    padding:90px 0;
    background:#fff;
}

.vitrine-clara{
    background:var(--creme);
}

.vitrine-cabecalho{
    margin-bottom:42px;
    display:grid;
    grid-template-columns:1fr .6fr;
    gap:50px;
    align-items:end;
}

.vitrine-cabecalho h2{
    margin:0;
    color:var(--azul);
    font-family:Georgia,serif;
    font-size:clamp(36px,4vw,52px);
    font-weight:400;
    line-height:1.05;
}

.vitrine-cabecalho p{
    margin:0;
    color:var(--cinza);
    font-size:13px;
    line-height:1.7;
}

.vitrine-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:48px 24px;
}

.produto-novo{
    min-width:0;
}

/*
   REGRA PRINCIPAL:
   fotografia 4:3 e SEM CORTE.
*/
.produto-novo-foto{
    width:100%;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--linha);
}

.produto-novo-foto img{
    display:block;
    width:100%;
    height:100%;
    padding:8px;
    object-fit:contain;
    object-position:center;
}

.produto-novo-info{
    padding-top:16px;
}

.produto-novo-info h3{
    margin:0;
    color:var(--azul);
    font-family:Georgia,serif;
    font-size:22px;
    font-weight:400;
}

.produto-novo-info p{
    margin:8px 0 0;
    color:var(--cinza);
    font-size:12px;
    line-height:1.6;
}

.produto-novo-info strong{
    display:block;
    margin-top:12px;
    color:var(--dourado);
    font-size:15px;
}

.produto-novo-info>a{
    display:flex;
    justify-content:space-between;
    margin-top:16px;
    padding:13px 0;
    color:var(--azul);
    border-top:1px solid var(--linha);
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

/* FRASE */

.frase-marca{
    padding:75px 0;
    color:#fff;
    background:var(--azul);
}

.frase-marca-grid{
    display:grid;
    grid-template-columns:70px 1fr .7fr;
    gap:35px;
    align-items:center;
}

.frase-selo{
    font-family:Georgia,serif;
    font-size:62px;
    color:var(--dourado);
}

.frase-marca small{
    color:var(--dourado);
    letter-spacing:2px;
}

.frase-marca h2{
    margin:10px 0 0;
    font-family:Georgia,serif;
    font-size:36px;
    font-weight:400;
}

.frase-marca em{
    color:var(--dourado);
}

.frase-marca p{
    color:#bec7d1;
    line-height:1.8;
}

/* VIDEOS - TOTALMENTE SEPARADO DAS FOTOS */

.home-videos{
    padding:85px 0;
    color:#fff;
    background:var(--azul);
}

.videos-titulo{
    margin-bottom:38px;
}

.videos-titulo h2{
    margin:0;
    font-family:Georgia,serif;
    font-size:42px;
    font-weight:400;
}

.videos-titulo p{
    color:#adb7c4;
}

.videos-novos-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.video-novo-midia{
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#0b1929;
}

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

.video-externo{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
}

.video-novo-info{
    padding-top:12px;
}

.video-novo-info h3{
    margin:0;
    font-family:Georgia,serif;
    font-weight:400;
}

.video-novo-info p{
    color:#aeb7c3;
    font-size:11px;
}

/* COMO FUNCIONA */

.processo{
    padding:90px 0;
}

.processo-titulo h2{
    margin:0 0 40px;
    color:var(--azul);
    font-family:Georgia,serif;
    font-size:44px;
    font-weight:400;
}

.processo-linha{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--linha);
    border-bottom:1px solid var(--linha);
}

.processo-linha article{
    padding:30px 25px;
}

.processo-linha article+article{
    border-left:1px solid var(--linha);
}

.processo-linha strong{
    color:var(--dourado);
}

.processo-linha h3{
    color:var(--azul);
    font-family:Georgia,serif;
}

.processo-linha p{
    color:var(--cinza);
    font-size:12px;
    line-height:1.6;
}

/* CONTATO */

.cta-final{
    padding:80px 0;
    background:var(--creme);
}

.cta-final-grid{
    display:grid;
    grid-template-columns:1fr .65fr;
    gap:60px;
    align-items:center;
}

.cta-final h2{
    margin:0;
    color:var(--azul);
    font-family:Georgia,serif;
    font-size:45px;
    font-weight:400;
}

.cta-final p{
    color:var(--cinza);
    line-height:1.7;
}

.cta-final-acao>a{
    display:flex;
    flex-direction:column;
    padding:25px;
    color:#fff;
    background:var(--azul);
    text-decoration:none;
}

.cta-final-acao>a span{
    color:var(--dourado);
}

.cta-final-acao>a strong{
    font-family:Georgia,serif;
    font-size:25px;
}

.cta-final-acao small{
    display:block;
    margin-top:10px;
    color:var(--cinza);
}

/* RODAPE */

.rodape{
    padding:55px 0 25px;
    color:#fff;
    background:#091727;
}

.rodape-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:50px;
}

.rodape-grid>div>strong{
    display:block;
    margin-bottom:15px;
}

.rodape a{
    display:block;
    margin:8px 0;
    color:#adb7c4;
    text-decoration:none;
    font-size:12px;
}

.rodape p{
    color:#adb7c4;
    line-height:1.7;
}

.rodape-final{
    margin-top:40px;
    padding-top:20px;
    display:flex;
    justify-content:space-between;
    border-top:1px solid rgba(255,255,255,.1);
    color:#8994a2;
    font-size:10px;
}

.vazio{
    color:var(--cinza);
}

/* RESPONSIVO */

@media(max-width:900px){

    .menu{
        gap:12px;
    }

    .hero{
        background:#fff;
    }

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

    .vitrine-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .videos-novos-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .frase-marca-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:650px){

    .container{
        width:min(100% - 26px,1180px);
    }

    .topo-conteudo{
        min-height:72px;
    }

    .aurora-logo-header{
        width:145px;
    }

    .menu-mobile{
        display:block;
        border:0;
        background:none;
        color:var(--azul);
        font-size:25px;
    }

    .menu{
        display:none;
    }

    .menu.aberto{
        position:absolute;
        top:72px;
        left:0;
        right:0;
        padding:20px;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        background:#fff;
        border-bottom:1px solid var(--linha);
    }

    .hero{
        padding:48px 0 60px;
    }

    .hero h1{
        font-size:48px;
    }

    .hero-beneficios{
        grid-template-columns:1fr;
    }

    .destaque-slide{
        flex-basis:270px;
    }

    .vitrine-produtos{
        padding:60px 0;
    }

    .vitrine-cabecalho{
        grid-template-columns:1fr;
        gap:15px;
    }

    .vitrine-grid{
        grid-template-columns:1fr;
        gap:38px;
    }

    .videos-novos-grid{
        grid-template-columns:1fr;
    }

    .processo-linha{
        grid-template-columns:1fr;
    }

    .processo-linha article+article{
        border-left:0;
        border-top:1px solid var(--linha);
    }

    .cta-final-grid{
        grid-template-columns:1fr;
    }

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

    .rodape-final{
        flex-direction:column;
        gap:8px;
    }
}

/* =========================================================
   AJUSTE FINAL - DESTAQUES EM GIRO + VIDEOS COMPACTOS
   ========================================================= */

/* DESTAQUES: movimento automático */
.destaques-trilho{
    width:max-content;
    overflow:visible;
    animation:auroraDestaquesGiro 45s linear infinite;
    will-change:transform;
}

.destaques-janela{
    overflow:hidden;
}

.destaques-trilho:hover{
    animation-play-state:paused;
}

@keyframes auroraDestaquesGiro{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(calc(-50% - 8px));
    }
}

/* VIDEOS: mantém 16:9, apenas reduz o tamanho visual */
.videos-novos-grid{
    grid-template-columns:repeat(3, minmax(0, 300px));
    gap:24px;
    justify-content:start;
}

.video-novo{
    width:100%;
    max-width:300px;
}

.video-novo-midia{
    width:100%;
    aspect-ratio:16 / 9;
}

.video-novo video{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* TABLET */
@media(max-width:900px){
    .videos-novos-grid{
        grid-template-columns:repeat(2, minmax(0, 300px));
    }
}

/* CELULAR */
@media(max-width:650px){
    .destaques-trilho{
        animation-duration:40s;
    }

    .videos-novos-grid{
        grid-template-columns:1fr;
    }

    .video-novo{
        width:100%;
        max-width:320px;
    }
}

/* =========================================================
   CARROSSEL MANUAL - LASER E SUBLIMACAO
   ========================================================= */

.vitrine-produtos .container{
    position:relative;
}

.vitrine-grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:24px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 1px 8px;
}

.vitrine-grid::-webkit-scrollbar{
    display:none;
}

.vitrine-grid .produto-novo{
    flex:0 0 calc((100% - 48px) / 3) !important;
    width:calc((100% - 48px) / 3) !important;
    scroll-snap-align:start;
}

/* setas */
.vitrine-controles{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin:-18px 0 20px;
}

.vitrine-seta{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid #d9d2c7;
    border-radius:50%;
    background:#fff;
    color:#10233b;
    font-family:Arial,sans-serif;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    transition:.2s ease;
}

.vitrine-seta:hover{
    color:#fff;
    background:#10233b;
    border-color:#10233b;
}

/* tablet */
@media(max-width:900px){
    .vitrine-grid{
        gap:16px !important;
    }

    .vitrine-grid .produto-novo{
        flex-basis:calc((100% - 16px) / 2) !important;
        width:calc((100% - 16px) / 2) !important;
    }
}

/* celular: SEMPRE 2 PRODUTOS VISIVEIS */
@media(max-width:650px){
    .vitrine-grid{
        gap:10px !important;
    }

    .vitrine-grid .produto-novo{
        flex-basis:calc((100% - 10px) / 2) !important;
        width:calc((100% - 10px) / 2) !important;
    }

    .produto-novo-info h3{
        font-size:16px;
        line-height:1.15;
    }

    .produto-novo-info p{
        font-size:10px;
    }

    .produto-novo-info strong{
        font-size:13px;
    }

    .produto-novo-info>a{
        font-size:9px;
    }

    .vitrine-controles{
        margin:-8px 0 16px;
    }

    .vitrine-seta{
        width:38px;
        height:38px;
        font-size:24px;
    }
}

/* =========================================================
   PRODUTO ATIVO NO CARROSSEL
   ========================================================= */

.vitrine-grid{
    padding-top:14px !important;
    padding-bottom:22px !important;
}

.produto-novo{
    position:relative;
    opacity:.78;
    transform:scale(.96);
    transition:
        transform .30s ease,
        opacity .30s ease,
        filter .30s ease;
    cursor:pointer;
}

.produto-novo.produto-ativo{
    opacity:1;
    transform:scale(1);
    z-index:2;
}

.produto-novo.produto-ativo .produto-novo-foto{
    border-color:#b68a45;
    box-shadow:0 14px 32px rgba(16,35,59,.16);
}

.produto-novo-foto{
    transition:
        border-color .30s ease,
        box-shadow .30s ease;
}

@media(max-width:650px){
    .produto-novo{
        transform:scale(.97);
    }

    .produto-novo.produto-ativo{
        transform:scale(1);
    }
}




/* AURORA-CARROSSEL-INFINITO-V1
   Movimento circular continuo estilo "corrente".
   Sem primeiro e sem ultimo visualmente.
*/

.vitrine-grid{
    scroll-snap-type:none !important;
    scroll-behavior:auto !important;
}

.vitrine-grid .produto-novo{
    scroll-snap-align:none !important;
    scroll-snap-stop:normal !important;
}

/* produto que esta mais perto do centro */
.vitrine-grid .produto-novo{
    opacity:.72;
    transform:scale(.96);
    transition:
        transform .30s ease,
        opacity .30s ease,
        filter .30s ease;
}

.vitrine-grid .produto-novo.produto-ativo{
    opacity:1;
    transform:scale(1);
    z-index:3;
}

.vitrine-grid .produto-clone{
    pointer-events:auto;
}

/* deixa claro que as setas nunca terminam */
.vitrine-seta:disabled{
    opacity:1 !important;
    cursor:pointer !important;
}


/* AURORA-FOTOS-NITIDAS-ZOOM-V1
   Todos os produtos permanecem com cor e nitidez total.
   Clique na foto abre visualizacao ampliada.
*/

.vitrine-grid .produto-novo,
.vitrine-grid .produto-novo.produto-ativo{
    opacity:1 !important;
    filter:none !important;
}

/* Mantem somente uma diferenca discreta de tamanho no central */
.vitrine-grid .produto-novo{
    transform:scale(.97) !important;
}

.vitrine-grid .produto-novo.produto-ativo{
    transform:scale(1) !important;
    z-index:3;
}

.produto-novo-foto{
    cursor:zoom-in !important;
}

.produto-novo-foto img{
    opacity:1 !important;
    filter:none !important;
}


/* =========================================================
   VISUALIZADOR DA FOTO
   ========================================================= */

.aurora-lightbox{
    position:fixed;
    inset:0;
    z-index:99999;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:30px;

    background:rgba(7,18,31,.72);
    backdrop-filter:blur(3px);

    opacity:0;
    visibility:hidden;

    transition:
        opacity .22s ease,
        visibility .22s ease;
}

.aurora-lightbox.aberto{
    opacity:1;
    visibility:visible;
}

.aurora-lightbox-caixa{
    position:relative;

    width:min(620px, 92vw);
    max-height:90vh;

    padding:18px;

    background:#fff;

    border:1px solid rgba(182,138,69,.55);
    box-shadow:0 24px 70px rgba(0,0,0,.28);

    transform:scale(.90);

    transition:transform .25s ease;
}

.aurora-lightbox.aberto .aurora-lightbox-caixa{
    transform:scale(1);
}

.aurora-lightbox-imagem{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    max-height:76vh;

    overflow:hidden;

    background:#fff;
}

.aurora-lightbox-imagem img{
    display:block;

    width:auto;
    height:auto;

    max-width:100%;
    max-height:76vh;

    object-fit:contain;

    opacity:1 !important;
    filter:none !important;
}

.aurora-lightbox-fechar{
    position:absolute;
    top:10px;
    right:10px;
    z-index:5;

    width:40px;
    height:40px;

    display:grid;
    place-items:center;

    border:1px solid #ded8ce;
    border-radius:50%;

    background:rgba(255,255,255,.95);
    color:#10233b;

    font-family:Arial,sans-serif;
    font-size:25px;
    line-height:1;

    cursor:pointer;

    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.aurora-lightbox-fechar:hover{
    color:#fff;
    background:#10233b;
    border-color:#10233b;
}

body.aurora-lightbox-aberto{
    overflow:hidden;
}


/* CELULAR */

@media(max-width:650px){

    .aurora-lightbox{
        padding:15px;
    }

    .aurora-lightbox-caixa{
        width:96vw;
        padding:10px;
    }

    .aurora-lightbox-imagem,
    .aurora-lightbox-imagem img{
        max-height:82vh;
    }

    .aurora-lightbox-fechar{
        top:6px;
        right:6px;

        width:36px;
        height:36px;

        font-size:22px;
    }

    .vitrine-grid .produto-novo{
        opacity:1 !important;
        filter:none !important;
        transform:scale(.98) !important;
    }

    .vitrine-grid .produto-novo.produto-ativo{
        transform:scale(1) !important;
    }
}