/* ==========================================================
   ARTMÓVI — ACABAMENTO GLOBAL
   ========================================================== */


/* ---------- RODAPÉ ---------- */

.artmovi-footer{
    background:#234f46;
    color:rgba(255,255,255,.82);
    border-top:1px solid rgba(255,255,255,.10);
}

.artmovi-footer-inner{
    width:min(1180px,90%);
    margin:0 auto;

    display:grid;
    grid-template-columns:1.15fr .85fr 1fr;
    gap:70px;

    padding:65px 0 50px;
}

.artmovi-footer-brand{
    display:flex;
    align-items:center;
    gap:20px;
}

.artmovi-footer-brand img{
    width:100px;
    max-height:90px;
    object-fit:contain;
    filter:brightness(0) invert(1);
    opacity:.92;
}

.artmovi-footer-brand strong{
    display:block;
    color:#fff;
    font-size:21px;
    margin-bottom:6px;
}

.artmovi-footer-brand span{
    display:block;
    font-size:14px;
    opacity:.75;
}

.artmovi-footer-nav{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
}

.artmovi-footer a{
    color:rgba(255,255,255,.76);
    text-decoration:none;
    transition:.2s ease;
}

.artmovi-footer a:hover{
    color:#fff;
}

.artmovi-footer-contact{
    display:flex;
    flex-direction:column;
    gap:7px;

    font-size:14px;
    line-height:1.5;
}

.artmovi-footer-contact strong{
    color:#fff;
    font-size:16px;
    margin-bottom:5px;
}

.artmovi-footer-bottom{
    width:min(1180px,90%);
    margin:0 auto;

    padding:25px 0 30px;

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

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;

    text-align:center;
    font-size:12px;
}

.artmovi-footer-links{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:9px 22px;

    margin-bottom:5px;
}

.artmovi-dev-credit{
    opacity:.72;
}

.artmovi-dev-credit a{
    font-weight:700;
    letter-spacing:.6px;
}


/* ---------- BOTÕES SOCIAIS ---------- */

.artmovi-floating-social{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9999;

    display:flex;
    flex-direction:column;
    gap:10px;
}

.artmovi-social-button{
    display:flex;
    justify-content:flex-end;
    align-items:center;

    text-decoration:none;
    color:#fff;
}

.artmovi-social-icon{
    width:52px;
    height:52px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:rgba(35,79,70,.48);
    border:1px solid rgba(255,255,255,.42);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    box-shadow:0 8px 25px rgba(0,0,0,.16);

    transition:
        background .22s ease,
        transform .22s ease,
        box-shadow .22s ease;
}

.artmovi-social-icon svg{
    width:26px;
    height:26px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.artmovi-social-icon .social-dot{
    fill:currentColor;
    stroke:none;
}

.artmovi-social-label{
    margin-right:10px;
    padding:7px 11px;

    border-radius:6px;

    background:rgba(25,45,40,.82);
    color:#fff;

    font-size:12px;
    line-height:1;

    opacity:0;
    transform:translateX(8px);
    pointer-events:none;

    transition:.2s ease;
}

.artmovi-social-button:hover .artmovi-social-label{
    opacity:1;
    transform:translateX(0);
}

.artmovi-social-button:hover .artmovi-social-icon{
    transform:translateY(-2px) scale(1.05);
}


/* WhatsApp verde somente no hover */

.artmovi-whatsapp:hover .artmovi-social-icon{
    background:#25D366;
    border-color:#25D366;

    box-shadow:
        0 10px 28px rgba(37,211,102,.30);
}


/* Instagram */

.artmovi-instagram:hover .artmovi-social-icon{
    background:#b34e78;
    border-color:#b34e78;

    box-shadow:
        0 10px 28px rgba(179,78,120,.28);
}


/* ---------- MOBILE ---------- */

@media(max-width:800px){

    .artmovi-footer-inner{
        grid-template-columns:1fr;
        gap:35px;

        padding:48px 0 38px;
    }

    .artmovi-footer-brand{
        align-items:flex-start;
    }

    .artmovi-footer-nav{
        gap:12px;
    }

    .artmovi-floating-social{
        right:15px;
        bottom:15px;
        gap:8px;
    }

    .artmovi-social-icon{
        width:48px;
        height:48px;
    }

    .artmovi-social-icon svg{
        width:24px;
        height:24px;
    }

    .artmovi-social-label{
        display:none;
    }
}



/* ==========================================================
   ARTMÓVI — CONTATO V2
   ========================================================== */

.contact-v2{
    display:grid !important;
    grid-template-columns:.92fr 1.18fr 1.08fr !important;

    width:100% !important;
    min-height:500px !important;

    margin:0 !important;
    padding:0 !important;

    align-items:stretch !important;
}

.contact-v2 > div{
    padding:55px 42px !important;
}

.contact-v2 h2{
    margin:0 0 28px !important;

    font-size:27px !important;
    line-height:1.12 !important;
    letter-spacing:7px !important;

    text-align:center !important;
}


/* FALE CONOSCO */

.contact-v2 .c1{
    background:#111 !important;
    color:#efc47f !important;
}

.contact-details{
    text-align:center;
}

.contact-details p{
    color:#efc47f !important;
    line-height:1.55 !important;
    margin:0 0 25px !important;
}

.contact-details strong{
    color:#fff !important;
    font-size:12px !important;
    letter-spacing:1.5px !important;
    text-transform:uppercase !important;
}

.contact-details a{
    color:#efc47f !important;
    text-decoration:none !important;
}

.contact-mini-links{
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}

.contact-mini-links a{
    padding:9px 14px !important;

    border:1px solid rgba(239,196,127,.55) !important;
    border-radius:30px !important;

    font-size:12px !important;

    transition:.2s ease !important;
}

.contact-mini-links a:hover{
    background:#efc47f !important;
    color:#111 !important;
}


/* MAPA */

.contact-v2 .c2{
    background:#4f7c68 !important;
    color:#fff !important;
}

.map-frame{
    width:100% !important;

    overflow:hidden !important;

    border-radius:10px !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.15) !important;

    background:#eee !important;
}

.map-frame iframe{
    display:block !important;
    width:100% !important;
    height:230px !important;
}

.opening-hours{
    margin:20px 0 15px !important;

    color:#fff !important;

    text-align:center !important;
    line-height:1.55 !important;
}

.route-button{
    display:block !important;

    width:max-content !important;

    margin:0 auto !important;
    padding:11px 22px !important;

    border:1px solid rgba(255,255,255,.7) !important;
    border-radius:30px !important;

    color:#fff !important;
    text-decoration:none !important;

    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:1px !important;

    transition:.2s ease !important;
}

.route-button:hover{
    background:#fff !important;
    color:#3f6d59 !important;
}


/* FORMULÁRIO */

.contact-v2 .c3{
    background:#4fcbb0 !important;
    color:#102d27 !important;
}

.form-intro{
    margin:-10px auto 20px !important;

    max-width:330px !important;

    text-align:center !important;

    color:#20483f !important;

    font-size:13px !important;
    line-height:1.5 !important;
}

#artmoviContactForm{
    width:min(100%,390px) !important;
    margin:0 auto !important;
}

#artmoviContactForm input,
#artmoviContactForm textarea{
    display:block !important;

    width:100% !important;

    margin:0 0 10px !important;
    padding:13px 14px !important;

    border:1px solid rgba(0,0,0,.45) !important;
    border-radius:4px !important;

    background:rgba(255,255,255,.10) !important;

    color:#12372f !important;

    font:inherit !important;

    outline:none !important;
}

#artmoviContactForm textarea{
    min-height:105px !important;
    resize:vertical !important;
}

#artmoviContactForm input::placeholder,
#artmoviContactForm textarea::placeholder{
    color:rgba(20,70,60,.62) !important;
}

#artmoviContactForm input:focus,
#artmoviContactForm textarea:focus{
    background:rgba(255,255,255,.25) !important;
    border-color:#163e35 !important;

    box-shadow:
        0 0 0 3px rgba(255,255,255,.15) !important;
}

#artmoviContactForm button{
    display:block !important;

    width:100% !important;

    margin-top:14px !important;
    padding:14px 20px !important;

    border:0 !important;
    border-radius:4px !important;

    background:#153c33 !important;
    color:#fff !important;

    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:1px !important;

    cursor:pointer !important;

    transition:.2s ease !important;
}

#artmoviContactForm button:hover{
    background:#25D366 !important;
    color:#fff !important;

    transform:translateY(-1px) !important;
}


/* MOBILE */

@media(max-width:900px){

    .contact-v2{
        grid-template-columns:1fr !important;
    }

    .contact-v2 > div{
        padding:45px 25px !important;
    }

    .contact-v2 h2{
        font-size:25px !important;
        letter-spacing:5px !important;
    }

    .map-frame iframe{
        height:300px !important;
    }

}