

.fmlal-editorwrap{background:#333F48; min-height:100vh;
  padding:clamp(24px,4vw,56px) clamp(16px,4vw,48px) clamp(48px,8vh,96px);}

.fmlal-editor__gate{
  max-width:440px; margin:0 auto; text-align:center;
  background:var(--blanco); border-radius:var(--radius-lg);
  box-shadow:var(--shadow); padding:clamp(28px,4vw,48px);
}
.fmlal-editor__gate .login-username,
.fmlal-editor__gate .login-password{margin:0 0 14px; text-align:left;}
.fmlal-editor__gate label{display:block; font-weight:600; font-size:var(--fs-small);
  color:var(--texto); margin-bottom:6px;}
.fmlal-editor__gate input[type=text],
.fmlal-editor__gate input[type=password]{
  width:100%; padding:.7em .9em; font-family:var(--font-text); font-size:1rem;
  border:1px solid var(--linea); border-radius:var(--radius); background:#fff;
}
.fmlal-editor__gate .login-submit{margin-top:6px;}
.fmlal-editor__gate .button-primary{
  font-family:var(--font-text); font-weight:600; font-size:var(--fs-btn);
  letter-spacing:var(--ls-btn); text-transform:uppercase; color:#fff;
  background:var(--teja-dark); padding:.8em 1.8em; border:0;
  border-radius:var(--radius); cursor:pointer; width:100%;
}
.fmlal-editor__gate .button-primary:hover{background:var(--teja);}

.fmlal-editor__head{max-width:1240px; margin:0 auto clamp(20px,3vh,32px);}
.fmlal .fmlal-editor__head .fmlal-kicker{color:var(--oro-soft);}
.fmlal .fmlal-editor__head .fmlal-blog__title{color:var(--crema); margin:0 0 .2em;}
.fmlal .fmlal-editor__head .fmlal-blog__lede{color:rgba(250,246,239,.85);}
.fmlal-editor__logout{font-size:var(--fs-small); color:var(--oro-soft);
  text-transform:uppercase; letter-spacing:.08em; font-weight:600;}
.fmlal .fmlal-editor__logout:hover{color:#fff;}

.fmlal-editor__ok,.fmlal-editor__err{
  max-width:1240px; margin:0 auto clamp(16px,2vh,24px);
  padding:14px 18px; border-radius:var(--radius); font-weight:600;
}
.fmlal-editor__ok{background:#e9f3ea; color:#2c6b34; border:1px solid #b7d9bd;}
.fmlal-editor__err{background:#fbe9e4; color:#a93a03; border:1px solid #f0c3b2;}
.fmlal-editor__ok a{color:inherit; text-decoration:underline;}

.fmlal-editor{
  max-width:1240px; margin:0 auto; display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(20px,3vw,40px); align-items:start;
}
.fmlal-editor__form{
  background:var(--blanco); border-radius:var(--radius-lg);
  box-shadow:var(--shadow); padding:clamp(20px,2.4vw,32px);
  display:flex; flex-direction:column; gap:16px;
}

.fmlal-field{display:flex; flex-direction:column; gap:6px; margin:0;}
.fmlal-field__label{font-weight:600; font-size:var(--fs-small); color:var(--texto);}
.fmlal-field__row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.fmlal-field input[type=text],
.fmlal-field input[type=url],
.fmlal-field input[type=date],
.fmlal-field select,
.fmlal-field textarea{
  width:100%; padding:.7em .85em; font-family:var(--font-text); font-size:1rem;
  color:var(--texto); background:#fff;
  border:1px solid var(--linea); border-radius:var(--radius);
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.fmlal-field textarea{resize:vertical; line-height:1.5;}
.fmlal-field input:focus,
.fmlal-field select:focus,
.fmlal-field textarea:focus{
  outline:none; border-color:var(--oro);
  box-shadow:0 0 0 3px rgba(196,136,46,.15);
}
.fmlal-field__hint{font-size:.82rem; color:var(--texto-soft); line-height:1.4;}
.fmlal-field__hint code{background:var(--arena); padding:.1em .35em; border-radius:4px;}
.fmlal-field__group{
  border:1px solid var(--linea); border-radius:var(--radius);
  padding:14px 16px; margin:4px 0 0; display:flex; flex-direction:column; gap:14px;
}
.fmlal-field__group legend{font-weight:600; font-size:var(--fs-small);
  color:var(--oro-dark); padding:0 6px;}

.fmlal-editor__actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:8px;}
.fmlal-editor__actions .fmlal-btn{cursor:pointer;}

.fmlal-editor__preview{position:sticky; top:20px;}
.fmlal-editor__previewbar{
  font-weight:600; font-size:var(--fs-kicker); letter-spacing:var(--ls-kicker);
  text-transform:uppercase; color:var(--oro-dark); margin-bottom:10px;
}
.fmlal-editor__paper{
  background:var(--blanco); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg); overflow:hidden;
  max-height:78vh; overflow-y:auto;
}

.fmlal-editor__paper .fmlal-post__head{padding:clamp(24px,3vw,40px) clamp(20px,3vw,40px) 0;}
.fmlal-editor__paper .fmlal-post__hero{margin-top:clamp(20px,3vh,32px); padding:0 clamp(20px,3vw,40px);}
.fmlal-editor__paper .fmlal-post__body{padding:clamp(20px,3vh,32px) clamp(20px,3vw,40px) clamp(24px,4vh,40px);}
.fmlal-editor__paper .fmlal-post__title{font-size:clamp(1.7rem,2.4vw,2.4rem);}

@media (max-width:900px){
  .fmlal-editor{grid-template-columns:1fr;}
  .fmlal-editor__preview{position:static;}
  .fmlal-editor__paper{max-height:none;}
}
@media (max-width:560px){
  .fmlal-field__row{grid-template-columns:1fr;}
}
