/* WL Móveis Corporativos — Contato page styles (no hero; compact banner + CTA) */

/* ================= BANNER (compact photo, no title overlay) ================= */
  .contato-banner{ padding:130px clamp(20px,5vw,56px) 0; }
  .contato-banner__img{
    position:relative; max-width:var(--container); margin:0 auto;
    height:min(38vw, 340px); border:1px solid var(--line); border-radius:20px; overflow:hidden;
  }
  .contato-banner__img img{ width:100%; height:100%; object-fit:cover; display:block; }
  @media (max-width:700px){ .contato-banner{ padding-top:110px; } .contato-banner__img{ height:220px; border-radius:16px; } }

/* ================= INTRO (centered pull-line) ================= */
  .contato-intro{ padding:52px 0 0; }
  .contato-intro h1{
    max-width:62ch; margin:0 auto; text-align:center;
    font-family:'Fraunces',serif; font-weight:480; font-style:italic;
    font-size:clamp(1.15rem,2.2vw,1.5rem); line-height:1.5; color:var(--bronze-br);
  }

/* ================= CTA (contact info + form) ================= */
  .contato-cta{ padding:48px 0 120px; }
  .contato-cta__grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .contato-cta__panel{
    background:var(--panel-2); border:1px solid var(--line); border-radius:16px;
    padding:clamp(28px,4vw,44px);
  }
  .contato-cta__panel > p{ color:var(--ivory-dim); font-size:0.96rem; margin-bottom:14px; }
  .contato-cta__panel > p:last-of-type{ margin-bottom:0; }

  .contato-info__block{ margin-top:28px; }
  .contato-info__block h3{
    font-family:'Space Mono',monospace; font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--bronze); margin-bottom:10px;
  }
  .contato-info__block p{ color:var(--ivory-dim); font-size:0.96rem; line-height:1.65; }
  .contato-info__block a{ color:var(--ivory-dim); text-decoration:none; }
  .contato-info__block a:hover{ color:var(--bronze-br); }

  .contato-cta__panel h2{ font-size:clamp(1.4rem,2.4vw,1.7rem); margin-bottom:10px; }

  .contato-form{ display:flex; flex-direction:column; gap:12px; margin-top:24px; }
  .contato-form input{
    width:100%; background:var(--panel); border:1px solid var(--line); border-radius:10px;
    padding:14px 16px; color:var(--ivory); font-family:'Inter',sans-serif; font-size:0.9rem;
  }
  .contato-form input:focus{ outline:none; border-color:var(--bronze); }
  .contato-form input::placeholder{ color:var(--stone); }
  .contato-form .btn{ margin-top:6px; align-self:flex-start; border:none; cursor:pointer; }
  .contato-form__note{ font-size:0.72rem; color:var(--stone); margin-top:2px; }
  .contato-form__note a{ color:var(--stone); text-decoration:underline; }
  .contato-form__note a:hover{ color:var(--bronze-br); }
  .contato-form__sent{ display:none; font-size:0.85rem; color:var(--bronze-br); font-family:'Space Mono',monospace; margin-top:6px; }
  .contato-form.is-sent .contato-form__sent{ display:block; }
  .contato-form.is-sent input,
  .contato-form.is-sent .btn{ opacity:0.4; pointer-events:none; }

  @media (max-width:860px){ .contato-cta__grid{ grid-template-columns:1fr; } }

/* ---------- ATELIER (shared pattern, same as produto.css) ---------- */
  .atelier{ padding:0 0 120px; }
  .atelier__panel{
    display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
    border:1px solid var(--line); border-radius:16px; overflow:hidden;
  }
  .atelier__img{ position:relative; min-height:340px; }
  .atelier__img img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
  .atelier__copy{ padding:clamp(28px,4vw,52px); display:flex; flex-direction:column; justify-content:center; background:var(--panel-2); }
  .atelier__copy h2{ font-size:clamp(1.7rem,3vw,2.3rem); max-width:16ch; }
  .atelier__copy p{ margin-top:18px; color:var(--ivory-dim); font-size:0.96rem; max-width:42ch; }
  .atelier__copy .btn{ margin-top:26px; align-self:flex-start; }
  @media (max-width:860px){ .atelier__panel{ grid-template-columns:1fr; } .atelier__img{ min-height:240px; } }

/* ---------- NOT FOUND STRIP (shared pattern, same as produto.css) ---------- */
  .notfound{ padding:64px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .notfound__inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
  .notfound__text h3{ font-family:'Fraunces',serif; font-weight:480; font-size:clamp(1.6rem,3vw,2.1rem); max-width:16ch; }
  .notfound__text p{ color:var(--stone); font-size:0.92rem; margin-top:10px; }