/* Apps para Vender — piezas propias de /turnos. La base es /comun/pyg.css */
.app-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--borde);flex:none}
.pyg-barra .nombre{flex:1;min-width:0}
.pyg-barra .nombre h1{flex:none}
.pyg-barra .nombre small{display:block;color:var(--txt2);font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Ajustes: en la PC se ven como pestañas; en el celular se esconden y queda el aviso "se configuran desde la PC" */
.pestanas .sep{flex:none;align-self:center;color:var(--txt2);font-size:14px;font-weight:600;padding:0 4px 0 10px}
.pestanas .sep .cel{display:none}
@media (max-width:760px){
  .pestanas button.pc{display:none}
  .pestanas .sep{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;border-radius:999px;border:1.5px dashed var(--borde);background:#FAFBFC;white-space:nowrap}
  .pestanas .sep .pc{display:none}.pestanas .sep .cel{display:inline}
}
.resumen{display:flex;gap:12px;flex-wrap:wrap}
.resumen>div{flex:1 1 90px;background:#FAFBFC;border:1px solid #EEF0F4;border-radius:14px;padding:12px 14px}
.resumen b{display:block;font-size:26px;line-height:1.1}
.resumen span{color:var(--txt2);font-size:14px}
.fila-item{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #EEF0F4}
.fila-item:last-child{border-bottom:0}
.fila-item .hora{flex:none;width:64px;font-weight:700;font-size:19px;line-height:1.2}
.fila-item .hora small{display:block;font-weight:400;font-size:14px;color:var(--txt2)}
.fila-item .txt{flex:1;min-width:0}
.fila-item .tit{font-weight:600;font-size:17px}
.fila-item .det{color:var(--txt2);font-size:14px;word-break:break-word}
.fila-item .monto{flex:none;font-weight:700;font-size:17px;white-space:nowrap}
.acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.acciones .btn{min-height:44px;padding:0 14px;font-size:15px;border-radius:12px}
.btn.wa{background:#1FAF55;border-color:#1FAF55;color:#fff}
.btn.resena{background:#FFF6DB;border-color:#F2D27A;color:#6B4E00}
.leyenda{display:flex;align-items:center;gap:4px;color:var(--txt2);font-size:14px;margin:-6px 0 8px}
.caja-link{background:#FAFBFC;border:1.5px dashed var(--borde);border-radius:12px;padding:14px;word-break:break-all;font-size:15px}
.colores{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}
.colores button{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0}
.colores button.on{border-color:var(--txt)}
.logo-prev{width:90px;height:90px;border-radius:50%;object-fit:cover;border:1px solid var(--borde);background:#fff}
.foto-prev{width:74px;height:74px;border-radius:12px;object-fit:cover;border:1px solid var(--borde);background:#fff}
.previa{max-height:420px;overflow:auto}
.cambio{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #EEF0F4}
.cambio:last-child{border-bottom:0}
.cambio b{white-space:nowrap}
.estado-wa{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin:6px 0 12px}
.estado-wa i{width:14px;height:14px;border-radius:50%;background:#C9CDD8;flex:none}
.estado-wa i.on{background:var(--ok)}.estado-wa i.off{background:var(--peligro)}
#qrbox{display:flex;justify-content:center;padding:16px;background:#fff;border-radius:14px;margin:12px 0}
.codigo-wa{font-size:32px;letter-spacing:.16em;font-weight:700;text-align:center;background:#FAFBFC;border:1.5px dashed var(--borde);border-radius:14px;padding:16px;margin:12px 0}
.tut{border:1px solid #EEF0F4;border-radius:14px;padding:14px;margin-bottom:10px;background:#fff}
.tut summary{font-weight:600;cursor:pointer;list-style:none}
.tut summary::-webkit-details-marker{display:none}
.tut summary:before{content:"＋ ";color:var(--pri)}
.tut[open] summary:before{content:"－ "}
.tut .pasos{white-space:pre-line;color:var(--txt2);font-size:15px;margin-top:6px}
.respuesta{background:#F3F8F4;border:1px solid #D5EAD9;border-radius:14px;padding:14px;margin-top:12px;white-space:pre-wrap}
.cargando{text-align:center;color:var(--txt2);padding:30px 10px}
.check{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--borde);border-radius:12px;margin-bottom:10px;cursor:pointer;background:#fff}
.check input{margin-top:3px;flex:none}
.check small{display:block;color:var(--txt2);font-size:14px}
.tabla td input{min-height:44px;padding:8px 10px}
@media (max-width:760px){.fila-item .hora{width:54px;font-size:17px}}
/* páginas del público */
.pub{max-width:600px;margin:0 auto;padding:16px 16px 110px}
.op{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--borde);
  border-radius:14px;padding:14px 16px;margin-bottom:10px;font:inherit;cursor:pointer;color:var(--txt);min-height:60px}
.op:hover,.op.on{border-color:var(--pri)}
.op.on{box-shadow:0 0 0 3px rgba(0,0,0,.04) inset}
.op b{display:block;font-size:17px}.op small{color:var(--txt2);font-size:14px}
.op i{font-style:normal;color:var(--pri-osc);font-weight:700;white-space:nowrap}
.dias{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.dia{flex:none;width:66px;text-align:center;border:1.5px solid var(--borde);border-radius:14px;padding:10px 0;background:#fff;cursor:pointer;font:inherit;color:var(--txt)}
.dia.on{border-color:var(--pri);background:var(--pri);color:var(--pri-txt)}
.dia span{display:block;font-size:14px;text-transform:uppercase}
.dia b{font-size:21px;display:block;line-height:1.2}
.horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.hora{border:1.5px solid var(--borde);background:#fff;border-radius:12px;min-height:48px;font:600 16px Poppins,sans-serif;cursor:pointer;color:var(--txt)}
.hora.on{border-color:var(--pri);background:var(--pri);color:var(--pri-txt)}
.res div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #EEF0F4}
.res div:last-child{border-bottom:0}
.res span{color:var(--txt2)}
.res .tt{font-size:19px;font-weight:700}
.listo{text-align:center}
.listo .tick{width:84px;height:84px;border-radius:50%;background:var(--ok);color:#fff;font-size:46px;line-height:84px;margin:0 auto 12px}
.pie{text-align:center;color:var(--txt2);font-size:14px;padding:20px 0}
.prod{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #EEF0F4;align-items:center}
.prod:last-child{border-bottom:0}
.prod .foto{flex:none;width:68px;height:68px;border-radius:12px;background:#F4F5F9;display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden}
.prod .foto img{width:100%;height:100%;object-fit:cover}
.prod .inf{flex:1;min-width:0}
.prod .inf b{display:block;font-size:16px;line-height:1.3}
.prod .inf small{display:block;color:var(--txt2);font-size:14px}
.prod .pr{font-weight:700;font-size:16px;margin-top:2px}
.prod .pr s{color:var(--txt2);font-weight:400;font-size:14px;margin-right:6px}
.mas{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--pri);color:var(--pri-txt);font-size:24px;line-height:1;cursor:pointer}
.cont{flex:none;display:flex;align-items:center;gap:8px}
.cont button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--borde);background:#fff;color:var(--txt);font-size:20px;line-height:1;cursor:pointer}
.cont span{min-width:18px;text-align:center;font-weight:700}
.ofertas{display:flex;gap:10px;overflow-x:auto;padding:4px 0 10px}
.oferta{flex:none;width:160px;background:#fff;border:1.5px solid var(--pri);border-radius:16px;padding:10px;position:relative}
.oferta .et{position:absolute;top:8px;right:8px;background:var(--pri);color:var(--pri-txt);font-size:14px;font-weight:700;border-radius:999px;padding:1px 8px}
.oferta .foto{width:100%;height:84px;border-radius:10px;background:#F4F5F9;display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden}
.oferta .foto img{width:100%;height:100%;object-fit:cover}
.oferta b{display:block;font-size:14px;margin:6px 0 2px;line-height:1.25}
.oferta s{color:var(--txt2);font-size:14px}
.oferta .nu{color:var(--pri-osc);font-weight:700}
.carrito{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;z-index:40;pointer-events:none}
.carrito .in{width:100%;max-width:600px;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:auto;background:var(--fondo);border-top:1px solid var(--borde);box-shadow:0 -4px 14px rgba(20,25,40,.06)}
.carrito .btn{width:100%;justify-content:space-between}
/* sin nada elegido: barra baja, gris sólido y texto oscuro (se lee bien y tapa poco) */
.carrito.vacio .in{background:transparent;border-top:0;box-shadow:none;padding-top:6px;display:flex;justify-content:center}
.carrito.vacio .btn,.carrito .btn:disabled{width:auto;min-height:44px;padding:0 20px;font-size:15px;background:#E3E5EC;border-color:#E3E5EC;color:#1D2130;opacity:1;cursor:default;box-shadow:0 2px 10px rgba(20,25,40,.10)}
.burbuja{position:fixed;right:16px;bottom:96px;width:58px;height:58px;border-radius:50%;background:var(--ok);color:#fff;border:0;font-size:26px;cursor:pointer;box-shadow:var(--sombra2);z-index:45}
.chat-msgs{display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow:auto;margin:10px 0;text-align:left}
.msg{max-width:85%;padding:10px 13px;border-radius:14px;font-size:15px;white-space:pre-wrap}
.msg.g{background:#EEF0F4;align-self:flex-start}
.msg.y{background:var(--pri);color:var(--pri-txt);align-self:flex-end}
@media (min-width:761px){#pestanas{flex-wrap:wrap}}
@media (max-width:420px){.txt-consulta{display:none}}

/* Celular y teclado: todo lo tocable de al menos 44 px, letras de 14 px o más, foco visible */
.btn.chico{min-height:44px}
.chip{font-size:14px}
/* el "?" de un botón ancho va pegado al costado, no suelto abajo */
.pub .btn.ancho:has(+ .pyg-q){width:calc(100% - 46px)}
.pub .btn.ancho+.pyg-q{margin-left:8px;vertical-align:middle;align-self:center}
html{scroll-padding-bottom:96px}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,.op:focus-visible,.dia:focus-visible,.hora:focus-visible,label.interruptor:has(input:focus-visible){outline:3px solid #FF7620;outline-offset:2px}
.pyg-barra .pyg-puntos{flex:none;margin-left:4px}

/* ---------- Ajustes › Mi página (APPS-2): cajas cerradas, filas compactas, Guardar fijo ---------- */
.ap-pagina .tarjeta{margin-bottom:10px}
.ap-caja{padding:0!important}
.ap-caja-cab{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px}
.ap-abre{flex:1;display:flex;align-items:center;gap:8px;border:0;background:none;text-align:left;font:600 16px Poppins,sans-serif;padding:12px 10px;border-radius:10px;cursor:pointer;color:inherit}
.ap-abre small{font-weight:400;color:var(--txt2)}
.ap-q{margin:0;font-size:0}
.ap-caja-cuerpo{padding:4px 16px 14px;border-top:1px solid #EEF0F4}
.ap-pagina .campo{margin-bottom:8px}
.ap-pagina .campo label{font-size:13px;margin-bottom:3px}
.ap-pagina input:not([type=checkbox]),.ap-pagina select{min-height:40px;padding:7px 10px;font-size:14px;background:#F7F8FA;border-color:#D5D9E0}
.ap-item{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:8px;align-items:end;padding:8px 0;border-bottom:1px dashed #E3E6EB}
.ap-item .campo{margin:0}
.ap-lista[data-lista=promos] .ap-item{grid-template-columns:1.3fr 2fr 90px 90px 80px 1.6fr auto}
.ap-lista[data-lista=equipo] .ap-item,.ap-lista[data-lista=trabajos] .ap-item{grid-template-columns:1fr 1.4fr 2fr auto}
.ap-lista[data-lista=opiniones] .ap-item{grid-template-columns:1fr 70px 3fr 1fr 1fr auto}
.ap-lista[data-lista=portadas] .ap-item{grid-template-columns:1fr auto}
.ap-lista[data-lista=horarios] .ap-item{grid-template-columns:170px 130px 130px auto;justify-content:start}
.ap-ent-zonas .ap-item{grid-template-columns:2fr 1fr 1.4fr auto}
.ap-quitar{min-height:40px;padding:0 12px;font-size:14px}
.ap-caja-cuerpo>.btn{min-height:40px;font-size:14px;margin-top:10px}
/* Foto en «Mi página» (APPS-FIN): link https + botón «Subir foto» (se achica sola, medios-srv) */
.ap-c-foto{display:flex;flex-direction:column}
.ap-foto-fila{display:flex;gap:6px;align-items:stretch}
.ap-foto-fila input{flex:1;min-width:0}
.ap-subir{flex:none;min-height:40px;display:inline-flex;align-items:center;padding:0 12px;font-size:13px;white-space:nowrap;cursor:pointer}
.ap-subir.ap-subiendo{opacity:.6;pointer-events:none}
.ap-foto-prev{margin-top:6px}
.ap-item .ap-foto-prev{width:40px;height:40px;border-radius:8px}
.ap-guardar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:10px 14px;margin-top:6px;
  background:rgba(255,255,255,.96);border-top:1px solid #E3E6EB;box-shadow:0 -6px 16px -12px rgba(0,0,0,.3);border-radius:12px}
.ap-guardar .nota{margin:0}

/* [PANEL-A 25-09] Mi página › «Qué se ve en tu página» (interruptores + orden con flechas) y «Fotos de los servicios» */
.ap-sec-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 6px 16px; }
.ap-orden { list-style: none; margin: 4px 0 0; padding: 0; max-width: 420px; counter-reset: apo; }
.ap-orden li { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid var(--borde, #d9dde3); border-radius: 10px; background: var(--campo, #f5f6f8); margin-bottom: 6px; }
.ap-orden li span { flex: 1; font-weight: 600; }
.ap-orden li span::before { counter-increment: apo; content: counter(apo) ". "; color: var(--suave, #6b7280); font-weight: 500; }
.ap-orden li:first-child [data-mover="-1"], .ap-orden li:last-child [data-mover="1"] { visibility: hidden; }
.ap-item.ap-srv { grid-template-columns: 180px 2fr 2fr; }
.ap-srv .ap-srv-nom b { display: block; padding-top: 8px; }
.av-estado.on { color: #15803d; }
.av-estado.off { color: #b45309; }
#avTexto { width: 100%; }