/*
Theme Name: HARU Site Completo Foto Obra
Theme URI: https://haru.pt
Author: HARU Services
Description: Site completo HARU Services para construção, remodelações, obras públicas e privadas.
Version: 1.1
License: GPLv2 or later
Text Domain: haru-site-completo
*/

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#0D0F1A;color:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{max-width:1180px;margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:50;background:rgba(13,15,26,.96);border-bottom:1px solid rgba(255,255,255,.12)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:14px;padding:5px}
.brand-title{font-size:24px;font-weight:800;letter-spacing:1px}
.brand-sub{font-size:11px;color:rgba(255,255,255,.62);letter-spacing:3px}
nav{display:flex;gap:22px;font-size:14px;color:rgba(255,255,255,.82)}
nav a:hover{color:#22C66B}
.btn{display:inline-block;padding:13px 20px;border-radius:999px;font-weight:700;transition:.2s}
.btn-green{background:#22C66B;color:#0D0F1A}
.btn-orange{background:#FF7A1A;color:#fff}
.btn-outline{border:1px solid rgba(255,255,255,.25)}
.hero{padding:90px 0 100px;background:radial-gradient(circle at top right,rgba(34,198,107,.23),transparent 35%),radial-gradient(circle at left,rgba(255,122,26,.16),transparent 35%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.tag{display:inline-block;padding:9px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:rgba(255,255,255,.82);border-radius:999px;margin-bottom:24px;font-size:14px}
h1{font-size:56px;line-height:1.05;margin-bottom:24px}
.hero p{color:rgba(255,255,255,.72);font-size:18px;max-width:650px;margin-bottom:32px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.35);text-align:center}
.hero-card-inner{min-height:360px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));display:flex;align-items:center;justify-content:center;padding:30px}
.hero-card img{width:190px;background:#fff;border-radius:28px;padding:14px;margin-bottom:20px}
.hero-card h2{font-size:30px}
.hero-card p{font-size:15px;margin:8px 0 0}
section{padding:82px 0}
.white{background:#fff;color:#0D0F1A}
.light{background:#F5F7FA;color:#0D0F1A}
.section-title{max-width:760px;margin-bottom:38px}
.section-title h2{font-size:44px;line-height:1.1;margin-bottom:14px}
.section-title p{color:#606A78;font-size:18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px}
.card{background:#F8FAFC;border:1px solid #E5E9F0;border-radius:28px;padding:30px;min-height:220px}
.icon{width:56px;height:56px;border-radius:18px;background:rgba(34,198,107,.12);color:#22C66B;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px}
.card h3{font-size:22px;margin-bottom:12px}
.card p{color:#606A78}
.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.service-item{background:#0D0F1A;color:#fff;padding:16px;border-radius:18px;font-weight:700;font-size:14px}
.service-item span{color:#22C66B;margin-right:7px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.two-col h2{font-size:42px;line-height:1.15;margin-bottom:22px}
.two-col p{color:#606A78;font-size:18px;margin-bottom:26px}
.checks{display:grid;gap:13px;font-weight:700}
.checks div:before{content:"✓";color:#FF7A1A;margin-right:10px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.placeholder{height:230px;border-radius:26px;background:linear-gradient(135deg,#CBD5E1,#94A3B8);display:flex;align-items:center;justify-content:center;color:#334155;font-weight:800}
.placeholder:nth-child(2),.placeholder:nth-child(4){margin-top:34px}
.dark-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:34px}
.dark-box h3{font-size:26px;margin-bottom:20px}
.dark-box .checks div{color:rgba(255,255,255,.86)}
.dark-box .checks div:before{color:#22C66B}
.lic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.lic-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:26px}
.lic-card h3{margin-bottom:12px;color:#fff}
.lic-card ul{padding-left:20px;color:rgba(255,255,255,.75)}
.lic-card li{margin-bottom:7px}
.contact-card{background:#0D0F1A;color:#fff;border-radius:30px;padding:34px}
input,textarea{width:100%;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;margin-bottom:14px;outline:none;font-size:15px}
textarea{height:130px;resize:vertical}
.contact-info{display:grid;gap:14px;margin-top:26px;font-weight:700}
footer{padding:30px 0;color:rgba(255,255,255,.58);border-top:1px solid rgba(255,255,255,.12);font-size:14px}
.footer-flex{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:900px){nav,.nav .btn{display:none}h1{font-size:40px}.hero-grid,.two-col{grid-template-columns:1fr}.cards,.lic-grid{grid-template-columns:1fr}.service-list{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.container{padding:0 18px}h1{font-size:34px}.section-title h2,.two-col h2{font-size:32px}.service-list,.gallery{grid-template-columns:1fr}.placeholder:nth-child(2),.placeholder:nth-child(4){margin-top:0}.brand-sub{letter-spacing:1px}}

.placeholder{overflow:hidden}
.placeholder img{width:100%;height:100%;object-fit:cover;display:block}

/* AJUSTE IMAGEM OBRA */
.gallery .placeholder{
    height:230px !important;
}
.gallery .placeholder img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* AJUSTE IMAGEM ANTES DEPOIS */
.gallery .placeholder{
    height:230px !important;
    overflow:hidden !important;
}
.gallery .placeholder img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

/* REMOÇÃO FUNDO LOGO */
.brand img{
    background: #fff !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* RESTAURAR FUNDO BRANCO DO LOGO */
.brand img{
    background:#fff !important;
    padding:6px !important;
    border-radius:12px !important;
}

/* FORMULÁRIO PROFISSIONAL + WHATSAPP */
.form-note{
    color:rgba(255,255,255,.70);
    font-size:13px;
    margin-top:10px;
}
.whatsapp-float{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:9999;
    background:#25D366;
    color:#fff !important;
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    box-shadow:0 10px 30px rgba(0,0,0,.35);
    transition:.2s;
}
.whatsapp-float:hover{
    transform:scale(1.08);
}
.whatsapp-inline{
    display:inline-block;
    margin-top:18px;
    background:#25D366;
    color:#fff !important;
    padding:13px 20px;
    border-radius:999px;
    font-weight:700;
}