:root{--primario:#1a1414;--primario-texto:#fff;--acento:#f2c4c4;--acento-texto:#9a5f5a;--fondo:#f6f4f2;--tarjeta:#fff;--texto:#1a1414;--suave:#6b5e5d;--borde:#e8dfdd;--chip:#f4edec;--peligro:#8a2e24;--peligro-fondo:#fbe3df;--ok:#2f6b4f;--titulo:"Inter", sans-serif;--radio:18px;--sombra:0 2px 10px #1a14140f}[data-tema=zohara]{--primario:#0b0b0b;--primario-texto:#f2c4c4;--acento:#f2c4c4;--acento-texto:#9a5f5a;--fondo:#faf7f6;--titulo:"Cinzel", serif}[data-tema=dcolores]{--primario:#7e3c9e;--primario-texto:#fff;--acento:#04aaaf;--acento-texto:#7e3c9e;--fondo:#fafafa;--texto:#141312;--suave:#5e5b59;--borde:#e5e5e5;--chip:#f2f2f2;--titulo:"Montserrat", sans-serif}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}#root{min-height:100dvh}a{color:var(--acento-texto)}button,input,select,textarea{color:inherit;font-family:inherit;font-size:16px}img{max-width:100%;display:block}.app{background:var(--fondo);max-width:560px;min-height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;margin:0 auto;display:flex}body:before{content:"";height:env(safe-area-inset-top);background:var(--barra,var(--fondo));z-index:40;position:fixed;top:0;left:0;right:0}[data-tema=zohara]{--barra:#0b0b0b}[data-tema=dcolores]{--barra:#fff}[data-tema=neutro]{--barra:#f6f4f2}[data-tema=entrar]{--barra:#0b0b0b}.contenido{flex-direction:column;flex:1;gap:14px;padding:16px 18px 110px;display:flex}.franja{height:6px;display:flex}.franja span{flex:1}.encabezado{background:var(--tarjeta);border-bottom:1px solid var(--borde);top:env(safe-area-inset-top);z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky}[data-tema=zohara] .encabezado{color:#fff;background:#0b0b0b;border-bottom:none}.encabezado img.logo{width:auto;height:40px}[data-tema=zohara] .encabezado img.logo{height:44px}.btn-tienda{border:1px solid var(--borde);color:inherit;cursor:pointer;background:0 0;border-radius:16px;min-height:36px;padding:7px 12px;font-size:13px}[data-tema=zohara] .btn-tienda{color:#f2c4c4;border-color:#3a2f2f}h1.titulo{font-family:var(--titulo);margin:0;font-size:24px;font-weight:700}h2.sub{margin:0;font-size:16px;font-weight:700}.nota{color:var(--suave);font-size:12px}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);box-shadow:var(--sombra);padding:14px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.fila{align-items:center;gap:10px;display:flex}.entre{justify-content:space-between;align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.dato span{color:var(--suave);font-size:12px;display:block}.dato strong{font-size:20px}.btn{cursor:pointer;background:var(--primario);min-height:52px;color:var(--primario-texto);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn.secundario{background:var(--tarjeta);color:var(--texto);border:1px solid var(--texto)}.btn.acento{background:var(--acento);color:#141312}.btn.chico{border-radius:12px;min-height:40px;padding:0 14px;font-size:14px}.btn.bloque{width:100%}.btn.peligro{background:var(--peligro-fondo);color:var(--peligro)}.campo{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.campo input,.campo select,.campo textarea{border:1px solid var(--borde);background:#fff;border-radius:12px;width:100%;min-height:48px;padding:0 12px;font-weight:500}.campo textarea{min-height:80px;padding:10px 12px}.campo .ayuda{color:var(--suave);font-size:12px;font-weight:400}.chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--borde);background:var(--tarjeta);cursor:pointer;min-height:38px;color:var(--texto);border-radius:19px;flex:none;padding:0 14px;font-size:14px}.chip.activo{background:var(--primario);color:var(--primario-texto);border-color:var(--primario);font-weight:600}.talla{background:var(--chip);border-radius:8px;padding:3px 8px;font-size:12px}.talla.agotada{background:var(--peligro-fondo);color:var(--peligro)}.pieza{color:inherit;background:var(--tarjeta);border-radius:var(--radio);box-shadow:var(--sombra);gap:12px;padding:12px;text-decoration:none;display:flex}.miniatura{background:var(--chip);object-fit:cover;width:72px;height:88px;color:var(--suave);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.flotante{background:var(--acento);color:#0b0b0b;width:58px;height:58px;margin-bottom:env(safe-area-inset-bottom);z-index:15;border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:fixed;bottom:92px;right:max(18px,50% - 262px);box-shadow:0 6px 18px #0b0b0b40}.menu{z-index:20;background:var(--tarjeta);border-top:1px solid var(--borde);max-width:560px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.menu a,.menu button{min-height:66px;color:var(--suave);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex}.menu a.activo{color:var(--texto);font-weight:700}[data-tema=dcolores] .menu a.activo{color:#7e3c9e}.resumen-oscuro{color:#fff;border-radius:var(--radio);background:#0b0b0b;flex-direction:column;gap:8px;padding:16px;display:flex}[data-tema=dcolores] .resumen-oscuro{background:#2a1636}.resumen-oscuro .grande{font-family:var(--titulo);color:var(--acento);font-size:30px;font-weight:700}[data-tema=dcolores] .resumen-oscuro .grande{color:#fff}.aviso{background:var(--chip);border-radius:12px;padding:12px 14px;font-size:14px}.aviso.error{background:var(--peligro-fondo);color:var(--peligro)}.aviso.ok{color:var(--ok);background:#e4f2ea}.cargando{text-align:center;color:var(--suave);padding:40px}.vacio{text-align:center;color:var(--suave);flex-direction:column;align-items:center;gap:10px;padding:30px 10px;display:flex}.tabla-factura{border-collapse:collapse;width:100%;font-size:13px}.tabla-factura th{color:var(--suave);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--borde);padding:4px 0;font-size:11px;font-weight:600}.tabla-factura td{border-bottom:1px solid var(--borde);vertical-align:top;padding:8px 0}.factura{-webkit-print-color-adjust:exact;print-color-adjust:exact}.cantidad{align-items:center;gap:6px;display:flex}.cantidad button{border:1px solid var(--borde);cursor:pointer;background:#fff;border-radius:10px;width:34px;height:34px;font-size:18px}.cantidad input{text-align:center;border:1px solid var(--borde);border-radius:10px;width:48px;min-height:34px}.fotos{gap:10px;display:flex;overflow-x:auto}.foto-caja{background:var(--chip);border-radius:14px;flex:none;width:96px;height:116px;position:relative;overflow:hidden}.foto-caja img{object-fit:cover;width:100%;height:100%}.foto-caja button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:26px;height:26px;position:absolute;top:4px;right:4px}.foto-nueva{border:2px dashed var(--acento);cursor:pointer;color:var(--acento-texto);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tienda-tarjeta{cursor:pointer;text-align:left;border:none;border-radius:22px;align-items:center;gap:16px;width:100%;min-height:130px;padding:18px 20px;text-decoration:none;display:flex}.hoja-etiquetas{flex-wrap:wrap;gap:8px;display:flex}.etiqueta{color:#000;break-inside:avoid;background:#fff;border:1px dashed #bbb;border-radius:2mm;align-items:center;gap:2mm;width:50mm;height:30mm;padding:2mm;display:flex;overflow:hidden}.etiqueta canvas,.etiqueta img.qr{flex:none;width:24mm!important;height:24mm!important}.etiqueta .info{flex-direction:column;gap:.5mm;min-width:0;font-family:Inter,sans-serif;display:flex}.etiqueta .marca{letter-spacing:1px;font-size:7pt;font-weight:800}.etiqueta .nombre{font-size:7pt;font-weight:600;line-height:1.1}.etiqueta .det{font-size:6.5pt}.etiqueta .precio{font-size:10pt;font-weight:800}.etiqueta .cod{font-size:5.5pt}@media print{body[data-imprimir] *{visibility:hidden}body[data-imprimir] .menu,body[data-imprimir] .flotante,body:before{display:none}body[data-imprimir=etiquetas] .hoja-etiquetas,body[data-imprimir=etiquetas] .hoja-etiquetas *{visibility:visible}body[data-imprimir=etiquetas] .hoja-etiquetas{gap:0;display:block;position:absolute;top:0;left:0}body[data-imprimir=etiquetas] .etiqueta{page-break-after:always;border:none;border-radius:0;margin:0}body[data-imprimir=factura] .factura,body[data-imprimir=factura] .factura *{visibility:visible}body[data-imprimir=factura] .factura{width:100%;box-shadow:none;position:absolute;top:0;left:0}}