/* CASA ARTE CABORÊ — CONTATO
   Página específica. Usa header/footer globais já aprovados. */

.ct-page{
  --ct-ink:#2b2b29;
  --ct-graphite:#3a3a38;
  --ct-muted:#74736d;
  --ct-paper:#f7f5f1;
  --ct-line:#dedbd4;
  --ct-sky:#C6E9FD;
  --ct-sky-line:#9FD2F0;
  --ct-sky-soft:#EFF9FF;
  --ct-sky-deep:#4F7892;
  --ct-serif:'Playfair Display',serif;
  --ct-sans:'Inter',sans-serif;
  --ct-shadow:0 18px 50px rgba(29,29,27,.10);
  color:var(--ct-ink);
}

.ct-page *{box-sizing:border-box}
.ct-page img{display:block;width:100%;height:100%;object-fit:cover}
.ct-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.ct-eyebrow{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ct-sky-deep);
  font-weight:600;
}
.ct-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:8px;
  border:1px solid transparent;
  font-family:var(--ct-sans);
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  transition:.2s ease;
}
.ct-btn--dark{background:var(--ct-graphite);color:#fff}
.ct-btn--dark:hover{background:var(--ct-sky);color:var(--ct-graphite)}
.ct-btn--sky{background:var(--ct-sky);border-color:var(--ct-sky-line);color:var(--ct-graphite)}
.ct-btn--outline{background:#fff;border-color:#d9d6cf;color:var(--ct-graphite)}
.ct-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}

/* Hero */
.ct-hero{padding:44px 0 54px;background:#fff}
.ct-hero__grid{display:grid;gap:28px;align-items:center}
.ct-hero__copy h1{
  margin:10px 0 0;
  max-width:700px;
  font-family:var(--ct-serif);
  font-size:clamp(48px,10vw,70px);
  font-weight:400;
  line-height:.99;
  letter-spacing:-.025em;
}
.ct-hero__copy p{
  max-width:610px;
  margin:18px 0 0;
  color:var(--ct-muted);
  font-size:15px;
  line-height:1.78;
}
.ct-hero__media{
  position:relative;
  min-height:380px;
  margin:0;
  overflow:hidden;
  border-radius:17px;
  box-shadow:var(--ct-shadow);
}
.ct-hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.01) 45%,rgba(0,0,0,.28) 100%);
}
.ct-hero__media figcaption{
  position:absolute;
  z-index:2;
  left:18px;
  bottom:16px;
  max-width:330px;
  color:#fff;
  font-family:var(--ct-serif);
  font-size:26px;
  line-height:1.08;
  text-shadow:0 2px 12px rgba(0,0,0,.3);
}

/* Canais */
.ct-channels{padding:58px 0 62px;background:var(--ct-paper)}
.ct-section-head{max-width:740px;margin-bottom:24px}
.ct-section-head h2,
.ct-location__copy h2,
.ct-arrival__copy h2,
.ct-final__content h2{
  font-family:var(--ct-serif);
  font-weight:400;
  letter-spacing:-.02em;
}
.ct-section-head h2{
  margin:10px 0 0;
  font-size:clamp(40px,6vw,54px);
  line-height:1.04;
}
.ct-section-head p{
  margin:13px 0 0;
  color:var(--ct-muted);
  font-size:14px;
  line-height:1.72;
}
.ct-channels__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.ct-channel{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 18px;
  gap:12px;
  align-items:center;
  min-height:92px;
  padding:15px 16px;
  color:inherit;
  text-decoration:none;
  background:#fff;
  border:1px solid #e2dfd8;
  border-radius:11px;
  transition:.2s ease;
}
.ct-channel:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(30,40,44,.05);
}
.ct-channel:nth-child(1),
.ct-channel:nth-child(4){
  background:var(--ct-sky-soft);
  border-color:#d7eaf4;
}
.ct-channel__icon{
  width:23px;
  height:23px;
  color:var(--ct-sky-deep);
}
.ct-channel__icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ct-channel__copy{min-width:0}
.ct-channel__copy small{
  display:block;
  margin-bottom:4px;
  color:#839096;
  font-size:8.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.ct-channel__copy strong{
  display:block;
  overflow-wrap:anywhere;
  color:#39474e;
  font-family:var(--ct-sans);
  font-size:13px;
  font-weight:500;
  line-height:1.35;
}
.ct-channel__copy span{
  display:block;
  margin-top:4px;
  color:#7b8284;
  font-size:10.5px;
  line-height:1.45;
}
.ct-channel__arrow{
  color:#8ca4b0;
  font-size:18px;
  line-height:1;
  text-align:right;
}

/* Localização */
.ct-location{padding:68px 0;background:#fff}
.ct-location__grid{display:grid;gap:30px;align-items:center}
.ct-location__copy h2{
  margin:10px 0 0;
  font-size:clamp(40px,6vw,56px);
  line-height:1.04;
}
.ct-location__copy>p{
  max-width:570px;
  margin:15px 0 0;
  color:var(--ct-muted);
  font-size:14px;
  line-height:1.75;
}
.ct-location__address{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #ece9e2;
}
.ct-location__address strong{
  display:block;
  font-family:var(--ct-serif);
  font-size:22px;
  font-weight:400;
  line-height:1.3;
}
.ct-location__address span{
  display:block;
  margin-top:6px;
  color:#6f7779;
  font-size:12px;
}
.ct-map{
  min-height:420px;
  overflow:hidden;
  border:1px solid var(--ct-line);
  border-radius:17px;
  background:#eee;
  box-shadow:var(--ct-shadow);
}
.ct-map iframe{
  display:block;
  width:100%;
  height:100%;
  min-height:420px;
  border:0;
}

/* Antes de chegar */
.ct-arrival{
  padding:62px 0 68px;
  background:var(--ct-sky-soft);
  border-top:1px solid #dceef8;
}
.ct-arrival__grid{display:grid;gap:28px;align-items:center}
.ct-arrival__media{
  min-height:330px;
  margin:0;
  overflow:hidden;
  border-radius:16px;
}
.ct-arrival__copy h2{
  margin:10px 0 0;
  font-size:clamp(38px,6vw,52px);
  line-height:1.04;
}
.ct-arrival__copy>p{
  max-width:580px;
  margin:14px 0 0;
  color:#64737a;
  font-size:14px;
  line-height:1.75;
}
.ct-arrival__list{
  display:grid;
  margin-top:22px;
  border-top:1px solid rgba(79,120,146,.25);
}
.ct-arrival__list>div{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid rgba(79,120,146,.22);
  font-size:12px;
}
.ct-arrival__list strong{color:#4c616c;font-weight:600}
.ct-arrival__list span{color:#697b84}

/* CTA final */
.ct-final{
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
}
.ct-final__bg{
  position:absolute;
  inset:0;
  z-index:-3;
}
.ct-final::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(13,16,17,.35),rgba(13,16,17,.67));
}
.ct-final__content{
  width:min(850px,calc(100% - 40px));
  padding:54px 0;
  color:#fff;
  text-align:center;
}
.ct-final__content h2{
  margin:0;
  font-size:clamp(38px,6vw,60px);
  line-height:1.04;
}
.ct-final__content p{
  max-width:650px;
  margin:16px auto 24px;
  color:rgba(255,255,255,.86);
  font-size:14px;
  line-height:1.75;
}
.ct-final__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

/* Desktop */
@media(min-width:900px){
  .ct-hero{padding:58px 0 66px}
  .ct-hero__grid{grid-template-columns:.88fr 1.12fr;gap:52px}
  .ct-hero__copy h1{font-size:72px}
  .ct-hero__media{min-height:540px}

  .ct-channels__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .ct-channel{
    grid-template-columns:28px minmax(0,1fr);
    min-height:112px;
    padding:17px 16px;
    align-items:start;
  }
  .ct-channel__icon{width:25px;height:25px;margin-top:2px}
  .ct-channel__arrow{display:none}

  .ct-location__grid{grid-template-columns:.82fr 1.18fr;gap:54px}
  .ct-map,
  .ct-map iframe{min-height:500px}

  .ct-arrival__grid{grid-template-columns:1.05fr .95fr;gap:54px}
  .ct-arrival__media{min-height:440px}
}

/* Mobile */
@media(max-width:699px){
  .ct-wrap{width:min(100% - 28px,1180px)}
  .ct-hero{padding:36px 0 42px}
  .ct-hero__media{min-height:330px}
  .ct-hero__media figcaption{font-size:22px}

  .ct-channels{padding:48px 0 54px}
  .ct-section-head{margin-bottom:18px}
  .ct-channels__list{
    display:block;
    border-top:1px solid #dcd9d2;
  }
  .ct-channel,
  .ct-channel:nth-child(1),
  .ct-channel:nth-child(4){
    grid-template-columns:24px minmax(0,1fr) 16px;
    gap:11px;
    min-height:auto;
    padding:15px 0;
    border:0;
    border-bottom:1px solid #dcd9d2;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .ct-channel:hover{transform:none;box-shadow:none}
  .ct-channel__icon{width:22px;height:22px}
  .ct-channel__copy small{font-size:8px;margin-bottom:3px}
  .ct-channel__copy strong{font-size:13px;font-weight:500}
  .ct-channel__copy span{font-size:10.5px;line-height:1.4;margin-top:3px}
  .ct-channel__arrow{display:block}

  .ct-arrival__list>div{
    grid-template-columns:1fr;
    gap:4px;
  }

  .ct-final__content h2{
    font-size:clamp(34px,9vw,44px);
    max-width:620px;
    margin-inline:auto;
  }
}

@media(max-width:420px){
  .ct-channel__copy strong{font-size:12.5px}
  .ct-channel__copy span{font-size:10px}
}