/* Mika — revisión antes de descargar, guía para publicar y ayuda (rediseño R6, 2026-11-03).
   Tramo 5k: copia de la maqueta (.review-item, .product-review-progress, .detail-preview, .publish-step, .cloud-art, .faq). Las piezas comunes
   (.caja, .rejilla-dos, .aviso-caja, .casilla, .cabeza-pagina, botones) están en 5j-planes.css. Tokens de 1-base.css: oscuro y contraste salen solos. */

/* Revisión: .review-list y .review-item */
.revision__progreso { margin: 23px 0 8px; }
.revision__cuenta { font-size: .68rem; color: var(--muted); margin: 0; }
.revision__barra { display: block; width: 100%; height: 4px; appearance: none; border: 0; border-radius: 5px; background: var(--soft); margin-top: 10px; overflow: hidden; }
.revision__barra::-webkit-progress-bar { background: var(--soft); }
.revision__barra::-webkit-progress-value { background: var(--primary); border-radius: 5px; }
.revision__barra::-moz-progress-bar { background: var(--primary); border-radius: 5px; }
.revision__subtitulo { font-size: 1rem; margin: 22px 0 0; }
.revision__lista { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; }
.revision__fila { display: flex; gap: 14px; padding: 21px 0; border-bottom: 1px solid var(--line); align-items: center; }
.revision__fila:last-child { border: 0; }
.revision__texto { flex: 1; min-width: 0; }
.revision__texto strong { font-size: .86rem; display: block; color: var(--ink); }
.revision__texto p { font-size: .76rem; margin: 3px 0 0; }
.revision__icono { color: #86561a; background: #fff3df; border-radius: 50%; width: 33px; height: 33px; display: grid; place-items: center; flex-shrink: 0; font-weight: 800; }
.revision__icono--ok { color: var(--green); background: #e7f7f0; }
.revision__ir { color: var(--coral-oscuro); font-weight: 600; font-size: .86rem; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: none;
  min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; }
.revision__ir:hover { text-decoration: underline; }
.revision__marca { margin-left: auto; width: 44px; height: 44px; display: grid; place-items: center; cursor: pointer; flex-shrink: 0; }
.revision__marca input { width: 19px; height: 19px; accent-color: var(--primary); cursor: pointer; }
html.acc-oscuro .revision__icono { color: #f1cc8e; background: #42331f; }
html.acc-oscuro .revision__icono--ok { color: #9de6c9; background: #173b31; }
.revision__descarga { display: grid; gap: 7px; justify-items: stretch; margin-top: 20px; }
.revision__descarga .boton { width: 100%; }
.revision__descarga .boton:disabled { opacity: .6; cursor: not-allowed; }
.revision__descarga .nota { margin: 0; font-size: .8rem; text-align: center; }
.revision__descarga .enlace { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; font-size: .86rem; font-weight: 600; text-decoration: none; }

/* .detail-preview: la tarjeta de la derecha */
.revision__previa { padding: 0; overflow: hidden; }
.revision__previa-cabeza { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 28px 28px 20px; }
.revision__previa-cabeza h2 { font-size: .9rem; letter-spacing: 0; line-height: 1.3; margin: 0; }
.revision__miniatura { margin: 0; background: var(--soft); }
.revision__miniatura img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
.revision__previa-pie { padding: 28px; }
.revision__previa-pie .boton { width: 100%; }
.revision__pista { font-size: .76rem; margin: 15px 0 0; }

/* Guía para publicar: .publish-step y .cloud-art */
.publicar__pasos { list-style: none; padding: 0; margin: 0; }
.paso-publicar { padding: 23px; display: flex; gap: 20px; align-items: center; }
.paso-publicar b { background: var(--soft); color: var(--coral-oscuro); border-radius: 50%; height: 39px; width: 39px; display: grid; place-items: center; flex-shrink: 0; }
.paso-publicar h3 { font-size: 1rem; margin-bottom: 5px; }
.paso-publicar p { margin: 0; font-size: .82rem; }
.publicar__lateral { display: grid; gap: 0; }
.publicar__arte { display: block; max-width: 290px; max-height: 240px; width: 100%; height: auto; object-fit: cover; margin: 0 auto 15px; mix-blend-mode: multiply; }
.publicar__lateral h3 { font-size: 1rem; margin-bottom: 14px; }
.publicar__lista { gap: 10px; margin-bottom: 24px; }
.publicar__lista .casilla { margin: 0; min-height: 44px; align-items: center; cursor: pointer; }
.publicar__lateral .boton { width: 100%; margin-bottom: 10px; }
.publicar__ayuda { display: flex; justify-content: center; align-items: center; min-height: 44px; color: var(--coral-oscuro); font-weight: 600; font-size: .86rem; text-decoration: none; }
html.acc-oscuro .publicar__arte { mix-blend-mode: normal; border-radius: 20px; }

/* Ayuda: .faq y la tarjeta de contacto */
.ayuda__preguntas { padding-block: 7px; }
.ayuda__preguntas details { border-bottom: 1px solid var(--line); padding: 10px 0; }
.ayuda__preguntas details:last-child { border: 0; }
.ayuda__preguntas summary { cursor: pointer; font-size: .93rem; font-weight: 600; color: var(--ink); display: list-item; padding: 11px 0; margin-left: 1.1rem; }
.ayuda__preguntas details p { font-size: .85rem; margin: 5px 0 11px 1.1rem; }
.ayuda__lado { align-self: start; }
.ayuda__icono { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--soft); color: var(--primary); font-weight: 800; margin-bottom: 20px; }
.ayuda__lado h3 { font-size: 1.25rem; margin-bottom: 10px; }
.ayuda__lado section .boton { margin-top: 6px; }

/* «Tu página está lista» (diálogo del editor) */
.dialogo-lista { margin: auto; border: 0; border-radius: 24px; padding: 0; width: min(92vw, 640px); background: var(--blanco); color: var(--tinta);
  box-shadow: 0 20px 60px rgba(32, 32, 57, .25); }
.dialogo-lista::backdrop { background: rgba(20, 18, 40, .55); }
.dialogo-lista__caja { display: grid; justify-items: center; text-align: center; gap: .6rem; padding: clamp(1.75rem, 5vw, 2.75rem); }
.dialogo-lista .sobretitulo { margin-top: .6rem; }
.dialogo-lista__check { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg, var(--menta), #7fd8b6); color: #145a3a; box-shadow: 0 12px 30px #30204b14; }
.dialogo-lista h2 { text-wrap: balance; font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 750; letter-spacing: -.04em; line-height: 1.15; }
.dialogo-lista .nota { margin: 0; }
.dialogo-lista__acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin: .5rem 0; }
.dialogo-lista__acciones .boton { min-height: 48px; }

@media (max-width: 650px) {
  .revision__previa-cabeza, .revision__previa-pie { padding: 23px; }
  .paso-publicar { padding: 20px; gap: 14px; }
  .revision__fila { gap: 10px; }
  .revision__ir { font-size: .7rem; }
  .revision__texto strong { font-size: .79rem; }
  .revision__texto p { font-size: .7rem; }
}