.reto-editor-card{padding:0;overflow:hidden}
.reto-editor-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 24px 18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fcfaf7 0%,#f5efe8 100%)}
.reto-editor-head h2{font-size:27px}.section-kicker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink3);font-weight:700;margin-bottom:4px}
.reto-editor-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.reto-editor-toolbar select{min-width:340px;max-width:520px}
#reMensaje{margin:16px 24px 0}
.reto-editor-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding:18px 24px 0}
.reto-summary-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.reto-summary-item .k{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink3);font-weight:700}.reto-summary-item .v{margin-top:5px;font-size:14px;font-weight:650;line-height:1.4}.reto-summary-item.ok{border-color:#a7cbbb}.reto-summary-item.warn{border-color:#d7b9a4}
.reto-editor-empty{grid-column:1/-1;padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--ink3);font-size:13px}
.reto-tabs{display:flex;gap:4px;overflow:auto;padding:18px 24px 0;border-bottom:1px solid var(--line)}.reto-tabs button{background:transparent;color:var(--ink2);border-radius:10px 10px 0 0;padding:10px 14px;white-space:nowrap;border:1px solid transparent;border-bottom:0}.reto-tabs button:hover{background:#f5efe8}.reto-tabs button.act{background:#fff;color:var(--ink);border-color:var(--line);position:relative;top:1px}
.reto-tab-panel{display:none;padding:22px 24px 26px}.reto-tab-panel.act{display:block}.reto-form textarea,.reto-editor-item textarea{width:100%;font-family:inherit;font-size:13.5px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);resize:vertical;line-height:1.5}.reto-form-grid{display:grid;gap:13px}.reto-form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.reto-form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.reto-editor-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.reto-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.reto-section-head h3,.reto-subcard h3{font-family:'Playfair Display',Georgia,serif;font-size:20px}.reto-section-head p{font-size:12.5px;color:var(--ink3);margin-top:3px}.reto-editor-list{display:flex;flex-direction:column;gap:12px}.reto-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.reto-editor-item,.reto-subcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.reto-editor-item-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.reto-editor-item-title{font-family:'Playfair Display',Georgia,serif;font-size:18px;font-weight:700;line-height:1.3}.reto-editor-item-meta{font-size:11px;color:var(--ink3);margin-top:3px}.reto-editor-item-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.reto-editor-item-actions button{padding:7px 10px;font-size:12px}.reto-editor-item-actions .danger{background:#fff;color:var(--neg);border:1px solid #dfb7ac}.reto-editor-item .campo{margin-bottom:9px}.reto-editor-item .campo:last-child{margin-bottom:0}.reto-checkbox{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2)}.reto-checkbox input{width:auto}.reto-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--hi);margin-top:8px}.reto-thumb.vertical{aspect-ratio:9/16;max-height:420px}.reto-preview-link{font-size:12px;word-break:break-all;color:var(--ink2)}.reto-subcard{background:#f9f5f0}.code-area{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:12px!important;line-height:1.5!important}.reto-output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.reto-output{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.reto-output h3{font-family:'Playfair Display',Georgia,serif;font-size:18px;margin-bottom:8px}.reto-output .status{font-size:12px;color:var(--ink3);margin-bottom:10px}.reto-output a{color:var(--ink);text-decoration:underline;word-break:break-all;font-size:12px}.reto-output img{width:100%;border-radius:10px;margin-top:10px}.reto-badge{display:inline-block;border-radius:999px;padding:3px 8px;background:#efe9e2;font-size:10px;color:var(--ink2);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.reto-badge.ok{background:#e6f1ec;color:var(--pos)}.reto-badge.warn{background:#f5e8e3;color:var(--neg)}
@media(max-width:1000px){.reto-editor-head{flex-direction:column}.reto-editor-toolbar{width:100%;justify-content:flex-start}.reto-editor-toolbar select{min-width:0;flex:1}.reto-form-grid.cols-3,.reto-editor-grid{grid-template-columns:1fr}.reto-form-grid.cols-2{grid-template-columns:1fr}}
@media(max-width:650px){.reto-editor-head,.reto-tab-panel{padding-left:16px;padding-right:16px}.reto-editor-summary,.reto-tabs{padding-left:16px;padding-right:16px}.reto-editor-toolbar{display:grid;grid-template-columns:1fr 1fr}.reto-editor-toolbar select{grid-column:1/-1;width:100%}.reto-tabs{gap:2px}.reto-tabs button{padding:9px 11px;font-size:12px}.reto-section-head{flex-direction:column}.reto-section-head button{width:100%}}


/* ── flujo del motor ───────────────────────────────────────── */
.reto-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.reto-flow-head h3{font-family:'Playfair Display',Georgia,serif;font-size:23px}.reto-flow-head p{font-size:12.5px;color:var(--ink3);margin-top:3px}.reto-section-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.reto-section-actions button{white-space:nowrap}.reto-section-head.compacto{margin-bottom:10px;align-items:center}
.reto-progress{height:9px;background:#e9e1d8;border-radius:999px;overflow:hidden;margin-bottom:18px}.reto-progress i{display:block;height:100%;width:0;background:var(--pos);border-radius:999px;transition:width .25s ease}
.reto-pipeline-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:11px;margin-bottom:18px}.reto-pipeline-step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;flex-direction:column;min-height:168px}.reto-pipeline-step.completado{border-color:#9ec7b6}.reto-pipeline-step.pendiente{border-color:#cfb486}.reto-pipeline-step.bloqueado{border-color:#d8aaa0}.reto-pipeline-step .cab{display:flex;align-items:center;justify-content:space-between;gap:10px}.reto-pipeline-step .titulo{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:700}.reto-pipeline-step .detalle{font-size:12.5px;line-height:1.5;color:var(--ink2);margin-top:8px;flex:1}.reto-pipeline-step .bloqueos{font-size:11.5px;color:var(--neg);margin-top:8px;line-height:1.45}.reto-pipeline-step .acciones{display:flex;gap:7px;margin-top:12px}.reto-pipeline-step .acciones button{font-size:12px;padding:8px 10px;width:100%}.reto-step-badge{font-size:9px;padding:3px 7px;border-radius:99px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;background:#eee7df;color:var(--ink3);white-space:nowrap}.reto-step-badge.completado{background:#e3f0ea;color:var(--pos)}.reto-step-badge.pendiente{background:#f3ead8;color:#8a6422}.reto-step-badge.bloqueado{background:#f5e5e1;color:var(--neg)}
.reto-events-card{margin-top:4px}.reto-event{display:grid;grid-template-columns:135px 1fr auto;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.reto-event:last-child{border-bottom:0}.reto-event .fecha{color:var(--ink3);font-variant-numeric:tabular-nums}.reto-event .paso{font-weight:650}.reto-event .estado{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink3)}
.reto-inline-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ink3);margin-top:8px}.reto-inline-status .error{color:var(--neg)}
@media(max-width:650px){.reto-flow-head{flex-direction:column}.reto-section-actions{width:100%;justify-content:stretch}.reto-section-actions button{flex:1}.reto-event{grid-template-columns:1fr}.reto-pipeline-list{grid-template-columns:1fr}}

/* ── móvil / iPhone ─────────────────────────────────────────── */
@media(max-width:650px){
  .reto-editor-card{overflow:hidden}
  .reto-editor-head{gap:14px;padding-top:18px;padding-bottom:15px}
  .reto-editor-head h2{font-size:24px;line-height:1.12}
  .reto-editor-toolbar{grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .reto-editor-toolbar select{grid-column:1/-1;width:100%;min-width:0;max-width:none}
  .reto-editor-toolbar button{width:100%;min-height:44px;padding:9px 8px}
  #reMensaje{margin:12px 16px 0}
  .reto-editor-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:14px}
  .reto-summary-item{min-width:0;padding:11px}
  .reto-summary-item .v{overflow-wrap:anywhere;font-size:13px}
  .reto-tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-top:14px;-webkit-overflow-scrolling:touch}
  .reto-tabs::-webkit-scrollbar{display:none}
  .reto-tabs button{flex:0 0 auto;min-height:42px;scroll-snap-align:start}
  .reto-tab-panel{padding-top:18px;padding-bottom:20px}
  .reto-form-grid.cols-2,.reto-form-grid.cols-3,.reto-editor-grid{grid-template-columns:1fr}
  .reto-section-head,.reto-flow-head{gap:11px}
  .reto-section-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .reto-section-actions button{width:100%;min-height:44px;padding:9px 8px;white-space:normal}
  .reto-section-head button{min-height:44px}
  .reto-editor-item,.reto-subcard{padding:13px}
  .reto-editor-item-head{flex-direction:column;gap:9px}
  .reto-editor-item-actions{width:100%}
  .reto-editor-item-actions button{flex:1 1 120px;min-height:42px}
  .reto-pipeline-step{min-height:0;padding:13px}
  .reto-pipeline-step .acciones button{min-height:42px}
  .reto-event{grid-template-columns:1fr;gap:4px}
  .reto-thumb.vertical{max-height:none}
  .reto-output-grid{grid-template-columns:1fr}
  .code-area{font-size:12px!important}
}

@media(max-width:370px){
  .reto-editor-summary{grid-template-columns:1fr}
  .reto-editor-toolbar,.reto-section-actions{grid-template-columns:1fr}
  .reto-editor-toolbar select{grid-column:auto}
}
.story-maker{border-style:dashed}.story-download{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:34px}.story-download a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border-radius:9px;background:var(--ink);color:#fff;text-decoration:none!important;font-size:12px;font-weight:700;word-break:normal}.story-download .story-url{font-size:11px;color:var(--ink3);word-break:break-all}.story-maker input:disabled,.story-maker textarea:disabled{opacity:1;color:var(--ink2);background:#f4efe9}

.reto-mode-help{display:block;margin-top:6px;font-size:11px;line-height:1.4;color:var(--ink3)}