/* Q6.9.7-HF.1.9 — Comentarios admin + Experiencias públicas */

.hf19-comments-layout{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.3fr);
  gap:18px;
  align-items:start;
}

.hf19-comment-form{
  display:grid;
  gap:14px;
  position:sticky;
  top:22px;
}

.hf19-comment-form label{
  display:grid;
  gap:7px;
}

.hf19-comment-form label>span{
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}

.hf19-comment-form input,
.hf19-comment-form textarea{
  width:100%;
  box-sizing:border-box;
}

.hf19-comment-actions,
.hf19-comment-row-foot,
.hf19-comments-list-head,
.hf19-comment-row-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.hf19-comments-list{
  display:grid;
  gap:12px;
}

.hf19-comment-row{
  display:grid;
  gap:13px;
}

.hf19-comment-row p{
  margin:0;
  line-height:1.62;
  color:rgba(255,255,255,.76);
}

.hf19-comment-row-meta{
  display:grid;
  gap:3px;
}

.hf19-comment-row-meta span,
.hf19-comment-row-foot small{
  color:rgba(255,255,255,.48);
  font-size:12px;
}

.hf19-comment-state{
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.hf19-comment-state.is-live{
  border-color:rgba(216,170,63,.44);
  color:#e5bd5a;
  background:rgba(216,170,63,.08);
}

.hf19-comment-state.is-draft{
  color:rgba(255,255,255,.52);
}

.portal-btn.danger{
  border-color:rgba(255,100,90,.25);
}

/* Público */
.hf19-experiences-shell{
  width:min(1160px,100%);
  margin:34px auto 0;
}

.hf19-experiences-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:26px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(214,169,65,.18);
}

.hf19-experiences-heading span{
  color:#d9aa40;
  font-size:10px;
  font-weight:900;
  letter-spacing:.22em;
}

.hf19-experiences-heading strong{
  max-width:620px;
  color:#f3efe7;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(22px,3vw,42px);
  line-height:1.04;
  text-align:right;
}

.hf19-experiences-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

.hf19-experience-card,
.hf19-experience-empty{
  position:relative;
  overflow:hidden;
  min-height:245px;
  padding:24px;
  border:1px solid rgba(214,169,65,.24);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(214,169,65,.08),transparent 38%),
    linear-gradient(145deg,rgba(20,18,15,.96),rgba(8,8,8,.98));
  box-shadow:0 18px 45px rgba(0,0,0,.24);
}

.hf19-experience-card::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,169,65,.55),transparent);
}

.hf19-experience-quote{
  color:#d9aa40;
  font-family:Georgia,'Times New Roman',serif;
  font-size:58px;
  line-height:.72;
  opacity:.9;
}

.hf19-experience-card>p{
  min-height:110px;
  margin:16px 0 24px;
  color:rgba(245,241,232,.78);
  font-size:14px;
  line-height:1.75;
}

.hf19-experience-person{
  display:flex;
  align-items:center;
  gap:11px;
}

.hf19-experience-avatar{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(214,169,65,.35);
  border-radius:50%;
  color:#d9aa40;
  background:rgba(214,169,65,.06);
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}

.hf19-experience-person>div:last-child{
  display:grid;
  gap:2px;
}

.hf19-experience-person strong{
  color:#f5f1e8;
  font-size:13px;
}

.hf19-experience-person span{
  color:rgba(255,255,255,.45);
  font-size:11px;
}

.hf19-experience-card>small{
  position:absolute;
  right:20px;
  top:18px;
  color:rgba(214,169,65,.38);
  font-size:10px;
  letter-spacing:.16em;
}

.hf19-experience-empty{
  grid-column:1/-1;
  display:grid;
  place-items:center;
  align-content:center;
  min-height:210px;
  text-align:center;
}

.hf19-experience-empty span{
  color:#d9aa40;
  font-size:9px;
  font-weight:900;
  letter-spacing:.2em;
}

.hf19-experience-empty strong{
  margin-top:8px;
  color:#f2eee5;
  font-family:Georgia,'Times New Roman',serif;
  font-size:28px;
}

.hf19-experience-empty p{
  margin:8px 0 0;
  color:rgba(255,255,255,.5);
}

[data-hf19-legacy="hidden"]{
  display:none!important;
}

@media(max-width:900px){
  .hf19-comments-layout{
    grid-template-columns:1fr;
  }

  .hf19-comment-form{
    position:static;
  }

  .hf19-experiences-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  .hf19-experiences-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .hf19-experiences-heading strong{
    text-align:left;
  }

  .hf19-experiences-grid{
    grid-template-columns:1fr;
  }

  .hf19-comment-row-foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .hf19-comment-row-foot>div{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
  }
}