/* Fiamoncini Empreendimentos · site em construção · padrão das artes do Instagram · Agência Hapi */
body.fmc-eb{--verde:#04872A;--verde-2:#056F23;--lima:#A2F62D;--menta:#DFF2DC;--ink:#121712;--texto:#454B46;--cinza:#F1F1F1;--line:rgba(18,23,18,.1);
--grad:linear-gradient(118deg,#00801F 0%,#048624 46%,#3A9A33 100%);--grad-txt:linear-gradient(96deg,#0B7430 0%,#0F8A2E 45%,#49A234 100%);
--ff-t:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;--ff:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
min-height:100vh;margin:0;background:var(--cinza);color:var(--texto);font-family:var(--ff);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.fmc,.fmc *,.fmc *::before,.fmc *::after{box-sizing:border-box}
.fmc :where(p,h1,figure,form){margin:0}
.fmc :where(a){color:inherit;text-decoration:none}
.fmc img,.fmc svg{display:block;max-width:100%}
.fmc button,.fmc input{font:inherit}
.fmc{position:relative;overflow:hidden;background:var(--cinza)}
.fmc::before{content:"";position:absolute;right:-12%;top:8%;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(162,246,45,.2),rgba(162,246,45,0));pointer-events:none}
.eb{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.admin-bar .eb{min-height:calc(100vh - 32px)}

/* chip branco com a bolinha verde (como nas artes) */
.eb-chip{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--ink);padding:7px 20px 7px 7px;border-radius:999px;font-weight:600;font-size:.95rem;line-height:1.2;box-shadow:0 14px 28px -20px rgba(18,23,18,.5)}
.eb-chip i{width:34px;height:34px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;flex:none}
.eb-chip i svg{width:16px;height:16px;stroke-width:2.4}
.eb-chip[hidden]{display:none}
.eb-chip--link{transition:color .25s ease}
.eb-chip--link:hover{color:var(--verde)}

/* topo */
.eb-topo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}
.eb-logo{display:flex;flex-direction:column;gap:4px;line-height:1}
.eb-logo img{height:58px;width:auto}
.eb-logo b{font-family:var(--ff-t);font-weight:800;font-size:24px;letter-spacing:-.03em;color:var(--verde)}
.eb-logo span{font-size:9.5px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--texto)}

/* conteúdo */
.eb-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(36px,5vw,84px);align-items:center;padding:clamp(18px,3.5vh,44px) 0 clamp(44px,7vh,72px)}
.eb-selo{display:inline-flex;align-items:center;gap:11px;background:var(--verde);color:#fff;font-family:var(--ff-t);font-weight:700;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.25;padding:10px 20px 10px 16px;border-radius:999px;margin-bottom:24px}
.eb-ponto{width:8px;height:8px;border-radius:50%;background:var(--lima);box-shadow:0 0 0 0 rgba(162,246,45,.7);animation:eb-pulso 2.4s infinite}
@keyframes eb-pulso{0%{box-shadow:0 0 0 0 rgba(162,246,45,.7)}70%{box-shadow:0 0 0 9px rgba(162,246,45,0)}100%{box-shadow:0 0 0 0 rgba(162,246,45,0)}}
.eb-h1{font-family:var(--ff-t);font-weight:800;font-size:clamp(2.3rem,4.6vw,4.2rem);line-height:1.03;letter-spacing:-.04em;color:var(--verde);background:var(--grad-txt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.08em;text-wrap:balance}
.eb-h1 em{font-style:normal;-webkit-text-fill-color:var(--ink);color:var(--ink)}
.eb-lead{margin-top:22px;font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.7;color:var(--texto);max-width:50ch}
.eb-lead + .eb-lead{margin-top:14px}
.eb-lead strong{color:var(--ink);font-weight:600}
.eb-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.fmc-btn{display:inline-flex;align-items:center;gap:14px;padding:7px 28px 7px 7px;border-radius:999px;font-weight:700;font-size:.98rem;line-height:1.2;transition:transform .25s ease,background .25s ease,color .25s ease}
.fmc-btn i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .3s ease}
.fmc-btn i svg{width:18px;height:18px;stroke-width:2.4}
.fmc-btn:hover{transform:translateY(-2px)}
.fmc-btn:hover i{transform:translateX(3px)}
.fmc-btn--solid{background:var(--verde);color:#fff;box-shadow:0 14px 30px -16px rgba(4,135,42,.75)}
.fmc-btn--solid i{background:#fff;color:var(--verde)}
.fmc-btn--solid:hover{background:var(--verde-2)}
.fmc-btn--chip{background:#fff;color:var(--ink);box-shadow:0 14px 30px -20px rgba(18,23,18,.5)}
.fmc-btn--chip i{background:var(--verde);color:#fff}
.fmc-btn--chip:hover{color:var(--verde)}
.fmc-btn:focus-visible,.eb-chip--link:focus-visible,.fmc-hapi:focus-visible,.eb-dots button:focus-visible{outline:3px solid var(--verde);outline-offset:3px}

/* foto que se alterna, com a pílula sobreposta */
.eb-foto{position:relative;justify-self:end;width:100%;max-width:410px}
.eb-foto__img{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:40px;background:var(--menta);box-shadow:0 44px 70px -40px rgba(4,60,20,.55)}
.eb-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.eb-slide.is-on{opacity:1}
.eb-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;transform:scale(1.08);transition:transform 7s linear}
.eb-slide.is-on img{transform:scale(1)}
.eb-foto__local{position:absolute;left:-22px;top:26px;z-index:2}
.eb-pill{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);z-index:2;white-space:nowrap;background:var(--verde);color:#fff;font-family:var(--ff-t);font-size:.95rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.15;padding:18px 30px;border-radius:999px;box-shadow:0 16px 28px -16px rgba(4,60,20,.8)}
.eb-pill[hidden]{display:none}
.eb-pill em{font-style:normal;font-weight:400}
.eb-pill strong{font-weight:800}
.eb-pill em,.eb-pill strong,.eb-foto__local span{transition:opacity .25s ease}
.eb-foto.is-troca .eb-pill em,.eb-foto.is-troca .eb-pill strong,.eb-foto.is-troca .eb-foto__local span{opacity:0}
.eb-dots{position:absolute;right:22px;top:26px;z-index:2;display:flex;gap:7px;background:rgba(18,23,18,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:8px 10px;border-radius:999px}
.eb-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.6);cursor:pointer;transition:width .35s ease,background .35s ease}
.eb-dots button.is-on{width:24px;background:var(--lima)}

/* rodapé com o acesso */
.eb-rodape{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:22px 40px;padding:20px 0 26px;border-top:1px solid var(--line)}
.eb-acesso{display:grid;gap:10px}
.eb-acesso__rot{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-t);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto)}
.eb-acesso__rot svg{width:14px;height:14px}
.eb-acesso__campo{display:flex;align-items:stretch;border-radius:999px;background:#fff;padding:5px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s ease}
.eb-acesso__campo:focus-within{box-shadow:inset 0 0 0 2px var(--verde)}
.eb-acesso input[type=password]{width:190px;min-width:0;height:42px;padding:0 16px;border:0;background:transparent;font-size:15px;color:var(--ink);outline:none;border-radius:999px}
.eb-acesso input::placeholder{color:#8B9087}
.eb-acesso button{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 20px;border:0;border-radius:999px;background:var(--verde);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .3s ease;white-space:nowrap}
.eb-acesso button:hover{background:var(--verde-2)}
.eb-acesso button svg{width:15px;height:15px;stroke-width:2.2;transition:transform .35s ease}
.eb-acesso button:hover svg{transform:translateX(4px)}
.eb-acesso.is-erro .eb-acesso__campo{box-shadow:inset 0 0 0 2px #B3412B;animation:eb-nao .45s}
.eb-acesso__erro{font-size:13px;font-weight:500;color:#B3412B}
@keyframes eb-nao{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.eb-rodape__fim{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;font-size:12.5px;color:var(--texto)}

/* assinatura da Hapi */
.fmc-hapi{display:inline-flex;align-items:center;gap:12px}
.fmc-hapi-by{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--texto);opacity:.85}
.fmc-hapi svg{height:26px;width:auto;overflow:visible}
.fmc-hapi b{font-weight:600;color:var(--ink)}
.fmc-hapi #slogan{display:none}
.fmc-hapi .marca-branca{fill:rgba(18,23,18,.74);transition:fill .3s ease}
.fmc-hapi:hover .marca-branca{fill:var(--ink)}
.fmc-hapi .marca-laranja{fill:#f4921c}
.fmc-hapi .barra{transform-box:fill-box;transform-origin:50% 100%;animation:fmc-barra 2.8s ease-in-out infinite}
.fmc-hapi #barra-2{animation-delay:-.9s;animation-duration:3.4s}
.fmc-hapi #barra-3{animation-delay:-1.7s;animation-duration:2.4s}
@keyframes fmc-barra{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.62)}}

/* entrada */
.eb-selo,.eb-h1,.eb-lead,.eb-ctas,.eb-foto,.eb-rodape{animation:eb-sobe .9s cubic-bezier(.22,1,.36,1) both}
.eb-h1{animation-delay:.08s}.eb-lead{animation-delay:.18s}.eb-ctas{animation-delay:.26s}.eb-foto{animation-delay:.12s}.eb-rodape{animation-delay:.45s}
@keyframes eb-sobe{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

@media (max-width:900px){
.admin-bar .eb{min-height:calc(100vh - 46px)}
.eb-topo{padding:18px 0}
.eb-logo img{height:46px}
.eb-grid{grid-template-columns:minmax(0,1fr);gap:44px;padding:20px 0 64px}
.eb-foto{justify-self:center;max-width:360px}
.eb-foto__local{left:-8px}
.eb-pill{font-size:.84rem;padding:16px 24px}
.eb-rodape{flex-direction:column;align-items:stretch}
.eb-acesso input[type=password]{width:100%;flex:1}
.eb-rodape__fim{justify-content:space-between}
}
@media (max-width:560px){
.eb-chip--link span{display:none}
.eb-chip--link{padding:7px}
.eb-ctas .fmc-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
.eb *,.eb *::before,.eb *::after{animation:none!important}
.eb-slide,.eb-slide img{transition:none}
.eb-slide img{transform:none}
}