/* Cruzlonia Home · Bandas sonoras infantiles · Core 1.2.1 */
.czhi-section {
  background:
    radial-gradient(circle at 10% 12%, rgba(105,188,255,.11), transparent 29%),
    radial-gradient(circle at 88% 34%, rgba(248,72,29,.12), transparent 30%),
    linear-gradient(180deg,#070708,#0b0b0d 58%,#070708);
  border-block:1px solid var(--cz-border);
}

.czhi-pasara {
  display:grid;
  grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);
  gap:clamp(34px,6vw,78px);
  align-items:center;
  margin-bottom:78px;
  padding:clamp(24px,3.6vw,48px);
  border:1px solid rgba(255,255,255,.15);
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 12%,rgba(142,217,255,.10),transparent 34%),
    rgba(13,13,15,.94);
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}

.czhi-pasara-cover {
  position:relative;
  margin:0;
}

.czhi-pasara-cover::before {
  content:"";
  position:absolute;
  inset:10% -6% -7% 8%;
  z-index:0;
  border-radius:28px;
  background:linear-gradient(140deg,rgba(142,217,255,.23),rgba(248,72,29,.15));
  filter:blur(28px);
}

.czhi-pasara-cover img {
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.17);
  box-shadow:0 24px 80px rgba(0,0,0,.48);
}

.czhi-status {
  display:block;
  margin:0 0 10px;
  color:var(--cz-orange-soft);
  font-family:var(--cz-tech);
  font-size:10px;
  line-height:1.4;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.czhi-status--featured {
  color:#8ed9ff;
}

.czhi-pasara-copy h3 {
  margin:0 0 18px;
  font-family:var(--cz-serif);
  font-size:clamp(56px,7vw,92px);
  line-height:.88;
  letter-spacing:-.035em;
}

.czhi-pasara-copy p {
  color:#d8d0c9;
}

.czhi-pasara-copy .czhi-hook {
  margin:0 0 18px;
  color:#fff;
  font-family:var(--cz-serif);
  font-size:clamp(25px,3vw,38px);
  line-height:1.12;
}

.czhi-pasara-copy blockquote {
  margin:24px 0;
  padding:17px 20px;
  border-left:3px solid var(--cz-orange);
  background:rgba(255,255,255,.035);
  color:#fff;
  font-family:var(--cz-serif);
  font-size:clamp(23px,2.6vw,34px);
  line-height:1.18;
}

.czhi-pasara-player {
  margin:26px 0 0;
  padding:17px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:#080809;
}

.czhi-pasara-player audio,
.czhi-mini-player audio {
  display:block;
  width:100%;
}

.czhi-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:17px;
  margin-top:24px;
}

.czhi-text-link {
  color:var(--cz-orange-soft);
  font-size:13px;
  font-weight:800;
  letter-spacing:.035em;
  text-decoration:none;
}

.czhi-text-link:hover {
  color:#fff;
}

.czhi-subhead {
  max-width:800px;
  margin:0 0 34px;
}

.czhi-subhead h3 {
  margin:5px 0 10px;
  font-family:var(--cz-serif);
  font-size:clamp(34px,4.6vw,54px);
  line-height:1;
}

.czhi-subhead p {
  margin:0;
  color:var(--cz-muted);
}

.czhi-slots {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.czhi-slot-card {
  overflow:hidden;
  border:1px solid var(--cz-border);
  border-radius:12px;
  background:rgba(13,13,13,.9);
  box-shadow:0 22px 58px rgba(0,0,0,.22);
  transition:transform .25s ease,border-color .25s ease;
}

.czhi-slot-card:hover {
  transform:translateY(-5px);
  border-color:rgba(248,72,29,.55);
}

.czhi-slot-visual {
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#0a0a0c;
}

.czhi-slot-visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.czhi-slot-placeholder {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:
    radial-gradient(circle at 50% 55%,rgba(142,217,255,.13),transparent 28%),
    radial-gradient(circle at 30% 25%,rgba(248,72,29,.13),transparent 23%),
    #0a0a0d;
}

.czhi-slot-placeholder span {
  font-family:var(--cz-serif);
  font-size:52px;
  line-height:1;
  color:rgba(255,255,255,.18);
}

.czhi-slot-placeholder b {
  font-family:var(--cz-tech);
  font-size:10px;
  letter-spacing:.16em;
  color:rgba(255,255,255,.56);
}

.czhi-slot-copy {
  padding:25px;
}

.czhi-slot-copy h3 {
  margin:8px 0 12px;
  font-family:var(--cz-serif);
  font-size:31px;
  line-height:1.05;
}

.czhi-slot-copy p {
  min-height:78px;
  color:var(--cz-muted);
  font-size:15px;
  line-height:1.55;
}

.czhi-audio-pending {
  margin:18px 0 17px;
  padding:12px 13px;
  border:1px dashed rgba(255,255,255,.17);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:#99918b;
  font-family:var(--cz-tech);
  font-size:9px;
  line-height:1.4;
  letter-spacing:.10em;
  text-align:center;
  text-transform:uppercase;
}

.czhi-mini-player {
  margin:18px 0;
}

@media (max-width:900px) {
  .czhi-pasara {
    grid-template-columns:1fr;
  }
  .czhi-pasara-cover {
    width:min(100%,600px);
    margin-inline:auto;
  }
  .czhi-slots {
    grid-template-columns:1fr;
  }
  .czhi-slot-copy p {
    min-height:0;
  }
}

@media (max-width:560px) {
  .czhi-pasara {
    padding:20px;
    margin-bottom:58px;
  }
  .czhi-actions {
    display:grid;
  }
  .czhi-actions .cz-btn {
    width:100%;
  }
}