/* Q6.9.7-HF.1.12 — vídeo visual final */

.hf112-method-section{
  box-sizing:border-box!important;
  width:min(100% - 40px,1180px)!important;
  max-width:1180px!important;
  height:auto!important;
  min-height:0!important;
  margin:34px auto 56px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(207,161,65,.36)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 14% 20%,rgba(202,153,50,.08),transparent 38%),
    linear-gradient(180deg,#0d0c0a 0%,#080808 100%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.36)!important;
}

.hf112-method-section[hidden],
.hf112-method-section[data-hf112-published="false"]{
  display:none!important;
}

.hf112-method-shell{
  display:grid!important;
  grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr)!important;
  gap:38px!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:28px!important;
}

.hf112-method-copy{
  min-width:0!important;
  padding:8px 4px!important;
}

.hf112-method-eyebrow{
  margin:0 0 14px!important;
  color:#e5b94e!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}

.hf112-method-title{
  margin:0!important;
  max-width:10ch!important;
  color:#fff!important;
  font-size:clamp(2rem,4vw,3.45rem)!important;
  font-weight:800!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}

.hf112-method-description{
  margin:22px 0 0!important;
  max-width:33ch!important;
  color:rgba(255,255,255,.64)!important;
  font-size:clamp(1rem,1.35vw,1.1rem)!important;
  line-height:1.7!important;
}

.hf112-method-media{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}

.hf112-media-frame{
  position:relative!important;
  width:100%!important;
  max-width:760px!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:22px!important;
  background:#030303!important;
  box-shadow:
    0 18px 50px rgba(0,0,0,.44),
    0 0 0 1px rgba(202,153,50,.06) inset!important;
}

.hf112-media-frame > *,
.hf112-canonical-host,
.hf112-canonical-media{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  background:#030303!important;
}

.hf112-media-frame iframe,
.hf112-media-frame video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

.hf112-media-frame video{
  object-fit:contain!important;
}

.hf112-media-frame iframe{
  object-fit:cover!important;
}

@media(max-width:900px){
  .hf112-method-section{
    width:min(100% - 28px,760px)!important;
    margin:26px auto 44px!important;
    border-radius:22px!important;
  }

  .hf112-method-shell{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:24px!important;
  }

  .hf112-method-title{
    max-width:none!important;
    font-size:clamp(1.9rem,8vw,2.8rem)!important;
  }

  .hf112-method-description{
    margin-top:14px!important;
    max-width:46ch!important;
  }

  .hf112-media-frame{
    max-width:none!important;
    border-radius:18px!important;
  }
}

@media(max-width:560px){
  .hf112-method-section{
    width:calc(100% - 20px)!important;
    margin:22px auto 36px!important;
    border-radius:18px!important;
  }

  .hf112-method-shell{
    gap:20px!important;
    padding:18px!important;
  }

  .hf112-method-eyebrow{
    margin-bottom:10px!important;
    font-size:.68rem!important;
  }

  .hf112-method-description{
    font-size:.96rem!important;
    line-height:1.6!important;
  }

  .hf112-media-frame{
    border-radius:14px!important;
  }
}