/* Crear álbum (create.js). Prefijo cw-. */
.cw{--cw-navy:#0f2c6e;--cw-blue:#1463d9;--cw-soft:#eef4ff;--cw-line:#dfe7f3;--cw-muted:#5d6a82;
  max-width:680px;margin:0 auto;padding:28px 20px 56px}
.cw-progress{list-style:none;margin:0 0 26px;padding:0;display:flex;justify-content:center;gap:8px}
.cw-progress li{display:flex;align-items:center;gap:8px;color:#8a95ab;font-weight:700;font-size:14px}
.cw-progress li:not(:last-child):after{content:'';width:34px;height:2px;background:var(--cw-line);margin-left:4px}
.cw-progress i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--cw-line);font-style:normal;font-size:13px;background:#fff}
.cw-progress .current{color:var(--cw-navy)}.cw-progress .current i{border-color:var(--cw-blue);background:var(--cw-blue);color:#fff}
.cw-progress .done{color:var(--cw-blue)}.cw-progress .done i{border-color:var(--cw-blue);color:var(--cw-blue)}

.cw-card{position:relative;background:#fff;border:1px solid var(--cw-line);border-radius:26px;padding:34px 34px 30px;box-shadow:0 18px 50px #13306512}
.cw-foty{position:absolute;right:-34px;top:-54px;width:150px;height:auto;pointer-events:none}
.cw-kicker{margin:0 0 6px;font:800 12px/1 Nunito,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--cw-blue)}
.cw h1{margin:0 110px 8px 0;font:900 clamp(28px,4.6vw,36px)/1.1 Nunito,sans-serif;color:var(--cw-navy);text-wrap:balance}
.cw-lead{margin:0 110px 22px 0;color:var(--cw-muted)}

.cw-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
.cw-type{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--cw-line);background:#fff;color:var(--cw-navy);font:700 15px/1.2 'DM Sans',sans-serif;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.cw-type span{font-size:22px;line-height:1}
.cw-type:hover{border-color:#a9c3ee}
.cw-type.selected{border-color:var(--cw-blue);background:var(--cw-soft);box-shadow:inset 0 0 0 1px var(--cw-blue)}
.cw-type:focus-visible,.cw-option:focus-within,.cw-link:focus-visible{outline:3px solid #f6a800;outline-offset:2px}

.cw-field{display:block;margin-bottom:18px}
.cw-field>span{display:block;margin-bottom:7px;font-weight:700;color:var(--cw-navy)}
.cw-field em{font-style:normal;font-weight:500;color:var(--cw-muted)}
.cw-field input{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1.5px solid var(--cw-line);font:16px 'DM Sans',sans-serif;color:var(--cw-navy);background:#fff}
.cw-field input:focus{outline:none;border-color:var(--cw-blue);box-shadow:0 0 0 4px #1463d91f}

.cw-summary{display:flex;align-items:center;gap:12px;margin:14px 110px 22px 0;padding:12px 14px;border-radius:16px;background:var(--cw-soft)}
.cw-summary>span{font-size:26px}
.cw-summary b{display:block;color:var(--cw-navy)}.cw-summary small{color:var(--cw-muted)}
.cw-summary div{flex:1;min-width:0}.cw-summary b,.cw-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-link{background:none;border:0;color:var(--cw-blue);font-weight:700;cursor:pointer;padding:6px}

.cw-options{display:grid;gap:12px}
.cw-option{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;border:1.5px solid var(--cw-line);cursor:pointer;transition:border-color .15s,background .15s}
.cw-option input{margin-top:4px;width:20px;height:20px;accent-color:var(--cw-blue);flex-shrink:0}
.cw-option b{display:block;color:var(--cw-navy);font-size:16px}
.cw-option b em{font-style:normal;font-size:12px;font-weight:700;color:#1b7a44;background:#e3f6ea;border-radius:10px;padding:2px 8px;margin-left:6px;vertical-align:2px}
.cw-option small{display:block;margin-top:3px;color:var(--cw-muted);font-size:14px}
.cw-option.selected{border-color:var(--cw-blue);background:var(--cw-soft)}
.cw-note{margin:12px 0 0;font-size:14px;color:var(--cw-muted)}

.cw-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--cw-line)}
.cw-actions .btn{min-width:140px}
.cw-actions .btn[disabled]{opacity:.7;cursor:progress}

@media (max-width:640px){
  .cw{padding:18px 16px 40px}
  .cw-progress{gap:4px}.cw-progress li{font-size:12px;gap:5px}.cw-progress li:not(:last-child):after{width:14px}
  .cw-card{padding:24px 18px 22px;border-radius:22px;margin-top:34px}
  .cw-foty{right:-6px;top:-58px;width:96px}
  .cw h1{margin-right:70px}.cw-lead{margin-right:0}.cw-summary{margin-right:0}
  .cw-types{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-type{min-height:48px;font-size:14px}
  .cw-actions{display:grid;grid-template-columns:1fr 1.4fr}
  .cw-actions .btn{min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){.cw-type,.cw-option{transition:none}}
/* Ajustes */
.cw-summary small{display:block;white-space:normal}
@media (max-width:640px){
  .cw-progress{justify-content:flex-start}
  .cw-card{margin-top:46px}
  .cw-foty{top:-40px;right:4px;width:88px}
}