/* contacto.css — /contacta-nos/ only. Shared pieces: jn-hero--inner, the .jn-form pattern, jn-scene, jn-bento tiles
   (stat / score), jn-band + jn-cta-card. */

.jn-ct-main{background-color:var(--jn-bg-2);padding-block:var(--sec-pad);scroll-margin-top:90px}
.jn-ct-main__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.5rem,3vw,2.4rem);align-items:start}
.jn-ct-formwrap{padding:clamp(.4rem,1vw,.8rem) 0}

.jn-ct-info{min-height:clamp(360px,46vh,460px)}
.jn-ct-info__inner{height:100%;display:flex;flex-direction:column;gap:1.3rem;padding:clamp(1.6rem,2.6vw,2.2rem)}
.jn-ct-info__h{font-family:var(--ff-display);font-weight:var(--fw-xb);font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.15;color:var(--jn-inv);margin:0}
.jn-ct-info__list{display:flex;flex-direction:column;gap:1.1rem}
.jn-ct-info__item{display:flex;align-items:flex-start;gap:.9rem;min-width:0}
.jn-ct-info__tx{display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;min-width:0;font-weight:var(--fw-sb);font-size:.95rem;line-height:1.4;color:var(--jn-mut-inv)}

/* ---------- channels as a bento: the desk list, three addresses, the response time ---------- */
.jn-ct-canais{background-color:var(--jn-bg);padding-block:var(--sec-pad)}
/* the channel tiles in one row share their label / address / text rows (subgrid on 3 tracks per tile row);
   the empty 1rem tracks are the gaps between tile rows */
.jn-ct-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:0;grid-template-rows:auto auto 1fr 1rem auto auto 1fr;grid-template-areas:
  "desk c1 c2" "desk c1 c2" "desk c1 c2"
  "desk . ."
  "desk c3 time" "desk c3 time" "desk c3 time"}
.jn-ct-bento__desk{grid-area:desk;display:flex;flex-direction:column;justify-content:center;gap:1.2rem;background:var(--jn-grad-slab);padding:clamp(1.6rem,2.4vw,2.2rem)}
.jn-ct-bento__list{display:flex;flex-direction:column;gap:1rem}
.jn-ct-bento__item{display:flex;align-items:center;gap:.85rem;font-weight:var(--fw-sb);font-size:1rem;line-height:1.4;color:var(--jn-mut-inv)}
.jn-ct-bento__ch{grid-template-rows:subgrid;row-gap:0;align-items:center;transition:box-shadow var(--dur-sm) ease}
.jn-ct-bento__ch:hover{box-shadow:0 18px 40px rgba(43,20,16,.3)}
.jn-ct-bento__ch:focus-visible{outline:3px solid var(--jn-teal-ink);outline-offset:3px}
.jn-ct-bento__ch--1{grid-area:c1}
.jn-ct-bento__ch--2{grid-area:c2}
.jn-ct-bento__ch--3{grid-area:c3}
.jn-ct-bento__ic{grid-row:auto}
.jn-ct-bento__mail{grid-column:1 / -1;align-self:start;margin-top:.5rem;font-size:1.05rem}
.jn-ct-bento__d{grid-column:1 / -1;align-self:start;margin-top:.35rem;font-weight:var(--fw-sb);font-size:.92rem;line-height:1.5;color:var(--jn-mut-inv)}
.jn-ct-bento__time{grid-area:time}

@media (max-width:900px){
  .jn-ct-main__grid{grid-template-columns:1fr}
  .jn-ct-info{min-height:0}
  .jn-ct-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1rem auto auto 1fr 1rem auto auto 1fr;grid-template-areas:"desk desk" ". ." "c1 c2" "c1 c2" "c1 c2" ". ." "c3 time" "c3 time" "c3 time"}
}
@media (max-width:600px){
  .jn-ct-bento{grid-template-columns:1fr;grid-template-rows:auto 1rem auto auto auto 1rem auto auto auto 1rem auto auto auto 1rem auto auto auto;grid-template-areas:"desk" "." "c1" "c1" "c1" "." "c2" "c2" "c2" "." "c3" "c3" "c3" "." "time" "time" "time"}
}