/* FLORENZA — direção única: cobre rosé sobre pedra opaca */
:root{
  --copper:#d9a06b;
  --copper-hi:#f3c99a;
  --copper-deep:#9a6335;
  --ink:#f6efe6;
  --ink-dim:rgba(246,239,230,.72);
  --line:rgba(217,160,107,.38);
  --radius:22px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Jost',system-ui,sans-serif;
  color:var(--ink);
  min-height:100vh;
  display:flex;justify-content:center;
  background:#14100c;
  overflow-x:hidden;
}

/* — Fundo foto opaca — */
.bg{position:fixed;inset:0;z-index:-1}
.bg img{width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(.85) contrast(1.02)}
.bg-veil{position:absolute;inset:0;
  background:
    radial-gradient(90% 55% at 50% 0%, rgba(217,160,107,.22), transparent 60%),
    linear-gradient(180deg, rgba(20,14,10,.62) 0%, rgba(20,14,10,.82) 45%, rgba(20,14,10,.94) 100%);
}
.bg-grain{position:absolute;inset:0;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
}

.wrap{width:100%;max-width:520px;padding:44px 20px 36px;text-align:center;
  animation:rise .7s ease both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* — Logo crua: sem borda, sem fundo, sem shape — */
.logo-bare{
  width:148px;height:auto;display:block;margin:0 auto 14px;
  background:none;border:none;border-radius:0;box-shadow:none;outline:none;
  filter:drop-shadow(0 8px 26px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(217,160,107,.28));
}

h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:2.15rem;letter-spacing:.02em;line-height:1.1}
.handle{display:inline-block;margin-top:6px;color:var(--copper-hi);text-decoration:none;font-weight:500;letter-spacing:.06em}
.handle:active,.handle:hover{color:#fff;text-decoration:underline}
.bio{margin:10px auto 0;max-width:36ch;color:var(--ink-dim);font-weight:300;font-size:.98rem;line-height:1.55}

.divider{display:flex;align-items:center;gap:12px;margin:20px auto 22px;max-width:300px;color:var(--copper)}
.divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.divider i{font-size:.8rem}

/* — Botões: ghost transparente, sem preenchimento — */
.links{display:grid;gap:12px}
.btn{
  display:flex;align-items:center;gap:14px;text-align:left;text-decoration:none;color:var(--ink);
  background:transparent; /* sem fundo */
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:15px 18px;
  backdrop-filter:blur(2px);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.btn i:first-child{font-size:1.35rem;color:var(--copper);width:28px;text-align:center}
.btn span{flex:1;display:grid;gap:2px}
.btn strong{font-weight:500;font-size:1.02rem;letter-spacing:.02em}
.btn small{color:var(--ink-dim);font-size:.82rem;font-weight:300}
.btn .arrow{font-size:.9rem;color:var(--copper);opacity:.8}
.btn:hover,.btn:active{transform:translateY(-1px);border-color:var(--copper);box-shadow:0 10px 30px rgba(0,0,0,.35), 0 0 0 1px rgba(217,160,107,.25) inset}

/* Destaque Atendimento: mesma base ghost, só com filete duplo + glow cobre */
.btn-care{
  border:1px solid rgba(217,160,107,.75);
  box-shadow:0 0 0 1px rgba(217,160,107,.22) inset, 0 12px 34px rgba(154,99,53,.28);
  position:relative;
}
.btn-care::after{
  content:"";position:absolute;inset:4px;border:1px solid rgba(217,160,107,.28);
  border-radius:calc(var(--radius) - 5px);pointer-events:none;
}

/* — Localização — */
.location{margin-top:26px;text-align:center}
.location h2{font-family:'Cormorant Garamond',serif;font-size:1.45rem;font-weight:600;letter-spacing:.03em}
.location h2 i{color:var(--copper);margin-right:8px;font-size:1.1rem}
.address{margin:8px 0 14px;color:var(--ink-dim);font-weight:300;line-height:1.6;font-size:.95rem}

/* Embed com botão incorporado */
.map-embed{
  position:relative;overflow:hidden;border-radius:var(--radius);
  border:1px solid var(--line);
  background:transparent; /* sem fundo sólido */
  box-shadow:0 16px 40px rgba(0,0,0,.4);
}
.map-embed iframe{width:100%;height:260px;border:0;display:block;filter:saturate(.9) contrast(1.03)}
.btn-visit{
  position:absolute;left:12px;right:12px;bottom:12px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 16px;border-radius:16px;text-decoration:none;
  font-weight:600;letter-spacing:.04em;color:#221610;
  background:linear-gradient(135deg,var(--copper-hi),var(--copper) 55%,#b57a44);
  box-shadow:0 10px 26px rgba(0,0,0,.45);
  transition:transform .18s ease, filter .18s ease;
}
.btn-visit:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn-visit i{font-size:1rem}

footer{margin-top:26px;color:rgba(246,239,230,.5);font-size:.78rem;font-weight:300;letter-spacing:.04em}

@media (min-width:560px){
  h1{font-size:2.5rem}
  .logo-bare{width:164px}
}
@media (prefers-reduced-motion:reduce){
  .wrap{animation:none}
  .btn,.btn-visit{transition:none}
}