/* Q6.9.7-HF.1.18C — experiencias públicas */

.hf118c-public-experiences{
  padding:76px 0;
  border-top:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 15% 15%,rgba(219,175,88,.08),transparent 34%),
    #070707;
}

.hf118c-public-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}

.hf118c-public-head h2{
  max-width:760px;
  margin:8px 0 10px;
}

.hf118c-public-head p{
  max-width:700px;
  opacity:.72;
}

.hf118c-experience-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.hf118c-experience-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  padding:22px;
  background:rgba(255,255,255,.025);
  min-width:0;
}

.hf118c-experience-body{
  white-space:pre-wrap;
  line-height:1.65;
  margin:0 0 20px;
}

.hf118c-experience-author{
  display:grid;
  gap:3px;
}

.hf118c-experience-author span{
  opacity:.62;
  font-size:.9rem;
}

/* página de envío */
.hf118c-form-shell{
  min-height:calc(100vh - 180px);
  padding:70px 0;
}

.hf118c-form-card{
  max-width:760px;
  margin:0 auto;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:28px;
  background:rgba(255,255,255,.025);
}

.hf118c-form-card h1{
  margin:8px 0 10px;
}

.hf118c-form-card form{
  display:grid;
  gap:16px;
  margin-top:26px;
}

.hf118c-form-card label{
  display:grid;
  gap:8px;
}

.hf118c-form-card input,
.hf118c-form-card textarea{
  width:100%;
  box-sizing:border-box;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:#0d0d0d;
  color:inherit;
  padding:13px 14px;
  font:inherit;
}

.hf118c-consent{
  grid-template-columns:auto 1fr!important;
  align-items:start;
}

.hf118c-consent input{
  width:auto;
  margin-top:4px;
}

.hf118c-honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

#experienceStatus[data-state="error"]{color:#ff9b9b}
#experienceStatus[data-state="loading"]{color:#e0bf73}

.hf118c-success{
  border:1px solid rgba(158,231,178,.25);
  border-radius:18px;
  padding:20px;
  background:rgba(158,231,178,.05);
}

/* admin */
.hf118c-admin-head{
  display:grid;
  gap:16px;
  margin-bottom:16px;
}

.hf118c-share-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}

.hf118c-share-row input{
  min-width:0;
}

.hf118c-admin-toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.hf118c-admin-list{
  display:grid;
  gap:14px;
}

.hf118c-admin-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:18px;
  background:rgba(255,255,255,.025);
}

.hf118c-admin-card-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.hf118c-admin-card-head>div{
  display:grid;
  gap:3px;
}

.hf118c-admin-card-head span:not(.status-pill){
  opacity:.62;
  font-size:.9rem;
}

.hf118c-admin-body{
  width:100%;
  box-sizing:border-box;
  resize:vertical;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:#0b0b0b;
  color:inherit;
  padding:12px;
  font:inherit;
}

.hf118c-admin-meta,
.hf118c-admin-actions{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:12px;
}

.hf118c-admin-order{
  width:90px;
}

@media(max-width:850px){
  .hf118c-experience-grid{
    grid-template-columns:1fr;
  }

  .hf118c-public-head{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:640px){
  .hf118c-form-shell{
    padding:36px 0;
  }

  .hf118c-form-card{
    padding:20px;
    border-radius:18px;
  }

  .hf118c-share-row{
    grid-template-columns:1fr;
  }

  .hf118c-admin-card-head{
    align-items:flex-start;
    flex-direction:column;
  }
}