/* Manada Peludito /crear/: pasos 1 y 2 en desplegables */
.mpa-ac { border: 1px solid var(--a-line); border-radius: 14px; background: #fff; margin: 0 0 10px; overflow: hidden; transition: box-shadow .2s, border-color .2s; }
.mpa-ac[hidden] { display: none; }
.mpa-ac.is-abierta { border-color: #cfc3b1; box-shadow: 0 6px 18px rgba(30, 25, 15, .07); }
.mpa-ac__cab { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 56px; padding: 10px 12px 10px 14px; border: 0; background: none; color: var(--a-ink); text-align: left; cursor: pointer; font: inherit; }
.mpa-ac__n { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--a-ink); color: #fff; font: 700 12px var(--a-sans); }
.mpa-ac.is-ok .mpa-ac__n { background: #2f7d4f; font-size: 0; }
.mpa-ac.is-ok .mpa-ac__n::before { content: "✓"; font-size: 13px; }
.mpa-ac.is-off .mpa-ac__cab { opacity: .55; }
.mpa-ac__t { flex: none; font: 600 15px var(--a-sans); }
.mpa-ac__res { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 6px; font: 13px var(--a-sans); color: var(--a-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mpa-ac__res em { font-style: normal; }
.mpa-ac__res b { color: #2f7d4f; font-weight: 600; }
.mpa-ac__minis { display: inline-flex; }
.mpa-ac__minis img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; margin-left: -8px; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.mpa-ac__minis img:first-child { margin-left: 0; }
.mpa-ac__chev { flex: none; color: var(--a-ink-2); transition: transform .2s; }
.mpa-ac.is-abierta .mpa-ac__chev { transform: rotate(180deg); }
.mpa-ac__cuerpo { padding: 2px 14px 14px; animation: mpa-ac-abre .2s ease-out; }
@keyframes mpa-ac-abre { from { opacity: 0; transform: translateY(-4px); } }
.mpa-ac__cuerpo > .mpa-grupo, .mpa-ac__cuerpo > .mpa-cambio { margin: 0; border: 0; padding: 0; }
.mpa-ac__cuerpo .mpa-sub { margin: 0 0 10px; font-size: 13px; }
.mpa-ac[data-ac="fotos"] #mpa-g-fotos > legend { display: none; }
.mpa-ac[data-ac="crear"] fieldset > legend { margin-bottom: 6px; font-size: 11px; }
.mpa-ac[data-ac="crear"] #mpa-generar { margin-top: 12px; }
.mpa-ac[data-ac="cambio"] .mpa-cambio { padding-top: 0; border-top: 0; }
/* El titulo del paso ya no necesita su texto largo: vive dentro de "Tus peluditos" */
.mpa-v2[data-variante="acordeon"] [data-panel="1"] .mpa-p__cab { margin-bottom: 12px; }
@media (max-width: 860px) {
  .mpa-v2[data-variante="acordeon"] [data-panel="1"] .mpa-p__body { padding-top: 14px; }
  .mpa-v2[data-variante="acordeon"] [data-panel="1"] .mpa-p__cab h1 { font-size: 18px; }
}
.mpa-v2[data-variante="acordeon"] [data-panel="1"] .mpa-grupo > legend::before { content: none; }

/* Paso 2 */
.mpa-ac__muestra { flex: none; width: 14px; height: 14px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15); }
[data-panel="2"] .mpa-ac__cuerpo > .mpa-grupo + .mpa-grupo { margin-top: 14px; }
[data-panel="2"] .mpa-ac__cuerpo > .mpa-grupo > legend { margin-bottom: 6px; font-size: 11px; }
[data-panel="2"] .mpa-ac[data-ac="prod"] .mpa-prods { margin-top: 2px; }
[data-panel="2"] .mpa-ac[data-ac="prod"] .mpa-prod-det, [data-panel="2"] .mpa-ac[data-ac="prod"] .mpa-caritas { margin: 10px 0 0; }
[data-panel="2"] .mpa-ac[data-ac="nombres"] #mpa-nombre-pocillo > legend { display: none; }
.mpa-v2[data-variante="acordeon"] [data-panel="2"] .mpa-grupo > legend::before { content: none; }
.mpa-v2[data-variante="acordeon"] [data-panel="2"] .mpa-ig-card { margin-top: 4px; }
.mpa-ac__txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 860px) {
  /* En el paso 2 el panel necesita mas alto para abrir cada seccion; el producto se sigue viendo arriba */
  #mpa.mpa-v2[data-variante="acordeon"][data-paso="2"] .mpa-main { grid-template-rows: minmax(0, 46fr) minmax(0, 54fr); }
  .mpa-v2[data-variante="acordeon"] [data-panel="2"] .mpa-p__body > h1 { display: none; }   /* "Producto" ya lo dice */
  .mpa-v2[data-variante="acordeon"] [data-panel="2"] .mpa-p__body { padding-top: 14px; }
}

/* Paso 3 */
[data-panel="3"] .mpa-ac__cuerpo > .mpa-campos { margin: 0; }
[data-panel="3"] .mpa-ac__cuerpo > .mpa-grupo { margin: 0; border: 0; padding: 0; }
.mpa-ac__seguir { width: 100%; margin-top: 12px; }
.mpa-v2[data-variante="acordeon"] [data-panel="3"] .mpa-acepto { margin-top: 6px; }
@media (max-width: 860px) {
  .mpa-v2[data-variante="acordeon"] [data-panel="3"] #mpa-form > h1 { display: none; }
  .mpa-v2[data-variante="acordeon"] [data-panel="3"] #mpa-form { padding-top: 14px; }
}