/* Q6.9.7-HF.1.11 — ajuste visual final de “Conoce el método” */

.hf111-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;
}

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

.hf111-method-copy{
  min-width:0;
  padding:10px 6px 10px 4px;
}

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

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

.hf111-method-description{
  margin:22px 0 0;
  max-width:32ch;
  color:rgba(255,255,255,.64);
  font-size:clamp(1rem,1.4vw,1.12rem);
  line-height:1.7;
}

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

.hf111-method-media .hf192-video-host{
  width:100%!important;
  max-width:760px;
  aspect-ratio:16/9!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:22px!important;
  overflow:hidden!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;
}

.hf111-method-media .hf192-video-host video,
.hf111-method-media .hf192-video-host iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#030303!important;
}

.hf111-method-media .hf192-video-host video{
  object-fit:contain!important;
}

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

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

  .hf111-method-copy{
    padding:4px 2px 0;
  }

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

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

  .hf111-method-media .hf192-video-host{
    max-width:none;
    border-radius:18px!important;
  }
}

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

  .hf111-method-shell{
    gap:20px;
    padding:18px;
  }

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

  .hf111-method-description{
    font-size:.96rem;
    line-height:1.6;
  }

  .hf111-method-media .hf192-video-host{
    border-radius:14px!important;
  }
}