/* Portal del proveedor: asistente «Nuevo servicio» en 6 pasos (una pregunta por pantalla) y «Anunciar una promoción» en 4.
   Usa los colores de estilo.css (claro y oscuro). Botones y campos de al menos 44 px. */
#pCuerpo{display:block;max-width:760px}
.enlace{background:none;border:0;padding:0;font:inherit;color:var(--brand);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.as-titulo-lista{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.as-titulo-lista .btn{min-height:44px}
.as-puertas{display:flex;flex-wrap:wrap;gap:8px}
.as-puerta-ayuda{margin:4px 0 12px;text-align:right}
@media (max-width:560px){.as-titulo-lista{align-items:stretch}.as-puertas{width:100%}.as-puertas .btn{flex:1 1 100%}.as-puerta-ayuda{text-align:left}}

.as{max-width:640px;margin:0 auto 24px}
.as h2{font-size:clamp(22px,3.4vw,28px);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin:6px 0 6px}
.as h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}
.as-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)}
.as-barra{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:10px 0 6px}
.as-barra.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
.as-barra i{height:5px;border-radius:3px;background:var(--line)}
.as-barra i.si{background:var(--brand)}
.as-paso{display:none}
.as-paso.activo{display:block}
.as input,.as select,.as textarea{min-height:44px}
.as textarea{min-height:0}

.as-opciones{display:grid;gap:10px;margin:12px 0 4px}
.as-opcion{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:start;margin:0;padding:14px 16px;border:2px solid var(--line);
  border-radius:14px;background:var(--panel);color:var(--ink);cursor:pointer}
.as-opcion input{grid-row:1/3;width:22px;height:22px;min-height:0;margin:2px 0 0;accent-color:var(--brand)}
.as-opcion b{font-size:16.5px;font-weight:600}
.as-opcion span:not(.tag){font-size:14px;color:var(--muted)}
.as-opcion:has(input:checked){border-color:var(--brand)}
.as-opcion.as-pronto{opacity:.6;cursor:default}
.as-opcion:has(input:disabled){opacity:.55;cursor:not-allowed;border-style:dashed}
.as-opcion:focus-within{outline:2px solid var(--brand);outline-offset:2px}
/* Una tarjeta con su campo debajo: el campo solo sale al elegirla («¿Dónde?», entregas, promoción) */
.as-donde{display:grid}
.as-donde > .as-det{display:none;margin:-6px 0 0;padding:14px 16px 12px;border:2px solid var(--brand);border-top:0;border-radius:0 0 14px 14px;background:var(--panel)}
.as-donde > .as-det label:first-child{margin-top:0}
.as-donde:has(> .as-opcion input:checked) > .as-opcion{border-radius:14px 14px 0 0}
.as-donde:has(> .as-opcion input:checked) > .as-det{display:block}
.as-donde > .as-det label.chk{display:flex;align-items:center;gap:10px;margin:6px 0;color:var(--ink)}

.as .com-chip{min-height:44px;min-width:72px;justify-content:center}
.as .com-franja{grid-template-columns:1fr auto auto auto}
.as .com-dias label{min-height:40px;min-width:40px;justify-content:center}
.as .com-franja.es-clase .hasta,.as .com-franja.es-clase .a-hasta{display:none}
.as .a-txt{font-size:14px;color:var(--muted)}
.as-repite .com-chip{min-width:132px;font-size:15px}
.as-campo-linea{display:grid;gap:4px;margin:0;font-size:14px;color:var(--muted)}
.as-campo-linea input{min-width:150px}
.as-veran{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--soft);font-size:14.5px}
.as-veran:empty{display:none}

.as-pago{border:2px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 10px;background:var(--panel)}
.as-pago:has(> label input:checked){border-color:var(--brand)}
.as-pago > label.chk{margin:0;font-size:16.5px;align-items:center}
.as-pago > label.chk input{width:22px;height:22px;min-height:0;margin:0;accent-color:var(--brand)}
.as-pago .as-det{display:none;margin-top:6px}
.as-pago:has(> label input:checked) .as-det{display:block}
.as-pago .as-pago-ayuda{margin:2px 0 0 32px}
.as-pago .as-pago-no{margin:2px 0 0 32px;display:none}
.as-pago.apagada{opacity:.55;border-style:dashed}
.as-pago.apagada .as-pago-ayuda{display:none}
.as-pago.apagada .as-pago-no{display:block}
.as-pago:has(> label input:checked) .as-pago-ayuda{display:none}
/* Recuadro informativo (no se marca nada): «Los edificios también pueden regalarlo» */
.as-info{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--soft);border-left:4px solid var(--brand);font-size:14.5px}
.as-info:empty{display:none}
.as-info p{margin:0 0 6px}
.as-info p:last-child{margin:0}
.as-linea{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;font-size:15px}
.as-linea input[type=number]{width:96px}
.as-radio{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--ink);font-size:15px}
.as-radio input{width:20px;height:20px;min-height:0;margin:0;accent-color:var(--brand)}
.as-cuenta{margin:8px 0 0;font-size:14.5px;font-weight:550;color:var(--brand)}
.as-cuenta:empty{display:none}
.as-otros{margin:6px 0 0;padding:10px 14px;border-radius:12px;background:var(--soft);font-size:15px}
.as-otros summary{cursor:pointer;min-height:28px}

.as-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.as-fotos:empty{display:none}
.as-fotos figure{position:relative;margin:0}
.as-fotos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
.as-fotos figcaption{position:absolute;left:6px;bottom:6px;font-size:11px;padding:1px 6px;border-radius:6px;background:var(--panel);color:var(--ink)}
.as-fotos button{position:absolute;top:4px;right:4px;min-width:32px;min-height:32px}

.as-vista-caja{display:none;margin-top:16px}
.as[data-paso="5"] .as-vista-caja,.as[data-paso="6"] .as-vista-caja{display:block}
.as-vista{--pad-tarjeta:16px;padding:16px;max-width:360px}
.as-vista .sin-foto{aspect-ratio:16/9;margin:-16px -16px 10px;border-radius:var(--radius) var(--radius) 0 0;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.as-sello{font-size:12.5px;color:var(--ok)}

.as-resumen{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:8px 0 0;font-size:15px}
.as-resumen dt{color:var(--muted)}
.as-resumen dd{margin:0}
@media (max-width:520px){.as-resumen{grid-template-columns:1fr}.as-resumen dd{margin-bottom:6px}}

.as-hecho{padding:8px 0}
#asMsg{margin:14px 0 0}
.as-pie{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.as-pie .btn{min-height:48px;padding:0 22px;border-radius:24px}
.as[data-paso="1"] #asAtras{visibility:hidden}

/* Editar un servicio publicado: pasos 1 a 4 en una pantalla, sin bonos ni cuotas (se cambian aparte) */
.as-solo-editar{display:none}
.as.as-modo-editar .as-solo-editar{display:block}
.as.as-modo-editar .as-pago-plan,.as.as-modo-editar .as-barra,.as.as-modo-editar #asAtras{display:none}
.as.as-modo-editar .as-paso + .as-paso{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.as.as-modo-editar .as-pie{justify-content:flex-end}

/* Tarjetas de «Mis servicios»: acciones y servicio pausado */
.as-acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.as-acciones .btn{min-height:44px}
.as-pausado h3,.as-pausado > p{opacity:.65}
.as-tag-pausa{background:var(--soft);color:var(--muted)}
.as-msg{margin:10px 0 0}
.as label.chk{display:flex;align-items:center;gap:10px}
.as label.chk input{width:22px;height:22px;min-height:0;margin:0;flex:none;accent-color:var(--brand)}

/* Formas de cobro del proveedor */
.as-cobro label.chk{display:flex;align-items:flex-start;gap:10px;margin:10px 0;color:var(--ink)}
.as-cobro label.chk input{width:22px;height:22px;min-height:0;margin:2px 0 0;flex:none;accent-color:var(--brand)}
.as-cobro label.as-pronto{opacity:.6}
.as-cobro #cobroMsg{margin:10px 0 0}

/* Edificios de la zona y propuestas */
.as-estados{list-style:none;margin:8px 0 4px;padding:0;display:grid;gap:6px}
.as-estados li{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14.5px}
.as-est-activa{background:var(--soft);color:var(--ok)}
.as-est-propuesta{background:var(--soft);color:var(--brand)}
.as-est-rechazada,.as-est-pausada{color:var(--muted)}
.as-proponer{margin-top:8px}
.as-proponer summary{list-style:none;display:inline-flex;min-height:44px;align-items:center}
.as-proponer summary::-webkit-details-marker{display:none}
.as-proponer-cuerpo{margin-top:10px;display:grid;gap:6px}
.as-proponer-cuerpo label.chk{display:flex;align-items:center;gap:10px;margin:0}
.as-proponer-cuerpo label.chk input{width:22px;height:22px;min-height:0;margin:0;accent-color:var(--brand)}
.as-proponer-cuerpo .btn{justify-self:start;min-height:44px}

/* Servicio por pedido (mini tienda): reglas, catálogo y lista del día */
.as-solo-pedido{display:none}
.as.as-pedido .as-solo-pedido{display:block}
.as.as-pedido .as-no-pedido{display:none}
.as-solo-pedido label.chk{display:flex;align-items:flex-start;gap:10px;margin:8px 0;color:var(--ink)}
.as-solo-pedido label.chk input{margin-top:2px}
.as-productos{display:grid;gap:10px}
.as-producto{display:grid;grid-template-columns:72px 1fr;gap:6px 12px;padding:12px;border:2px solid var(--line);border-radius:14px;background:var(--panel)}
.as-producto.retirado{opacity:.55}
.as-producto .as-pfoto{grid-row:1/3;position:relative;width:72px;height:72px;border-radius:10px;background:var(--soft);overflow:hidden;
  display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);text-align:center;cursor:pointer;margin:0}
.as-producto .as-pfoto img{width:100%;height:100%;object-fit:cover}
.as-producto .as-pcampos{display:grid;grid-template-columns:1fr 96px 120px;gap:8px}
.as-producto .as-pcampos label{margin:0;font-size:13px;color:var(--muted)}
.as-producto .as-pcampos input{width:100%}
.as-producto .as-pacc{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media (max-width:560px){.as-producto .as-pcampos{grid-template-columns:1fr 1fr}.as-producto .as-pcampos > div:first-child{grid-column:1/-1}}
.as-totales{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.as-totales:empty{display:none}
.as-totales span{padding:6px 10px;border-radius:10px;background:var(--soft);font-size:15px}
.as-grupo h3{margin:14px 0 6px;font-size:16px}
.as-pedido-fila{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-top:1px solid var(--line)}
.as-pedido-fila .as-pacc{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start}
.as-pedido-fila .as-pacc .btn{min-height:40px}
.as-pedido-fila.cancelado{opacity:.55}
.as-pedido-fila.cancelado b{text-decoration:line-through}
@media print{
  body.imp-pedidos *{visibility:hidden}
  body.imp-pedidos #pedidosCaja,body.imp-pedidos #pedidosCaja *{visibility:visible}
  body.imp-pedidos #pedidosCaja{position:absolute;left:0;top:0;width:100%}
  body.imp-pedidos .no-imprimir,body.imp-pedidos .no-imprimir *{display:none!important}
}

/* «Anunciar una promoción»: la vista previa del tablón */
#promo .as-vista .app-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}
#promo .as-vista .app-fotos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
#promo[data-paso="1"] #poAtras{visibility:hidden}
#poEdificios label.chk{min-height:40px}
/* Bonos y cuotas al editar un servicio (8/11) */
.as-planes-edit{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.as.as-modo-editar .as-planes-edit{display:block}
.as-plan-fila{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--line)}