/* Minimarket, etapa 7: Activar y vista del dueño. Solo presentación. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fuentes/plus-jakarta-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fuentes/plus-jakarta-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fuentes/plus-jakarta-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fuentes/plus-jakarta-sans-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('fuentes/plus-jakarta-sans-latin-800-normal.woff2') format('woff2')}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{background:#faf8f5;color:#3b2b24;min-height:100vh;font:400 14px/1.5 'Plus Jakarta Sans',system-ui,sans-serif;overflow-wrap:anywhere}
button,input,textarea{font:inherit}button{cursor:pointer;min-height:48px;transition:background-color 180ms}button:disabled{cursor:default;opacity:.55}
:focus-visible{outline:3px solid #a74725;outline-offset:3px}
h1,.titulo-pantalla{font-size:26px;line-height:1.2;letter-spacing:-.02em;font-weight:800}
.sub,.detalle,.desc,.pie,.vacio,.cargando,.local-chico{color:#76665c}
.tarjeta,.tarjeta-info-codigo,.pie-activar,.mensaje{background:#fff;border:1px solid #e7dcd3;border-radius:18px;padding:16px}
.contenedor-activar{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:auto;padding:24px 16px;min-height:100vh;min-height:100dvh}
.barra-progreso{display:flex;gap:8px}.barra-progreso span{height:6px;flex:1;background:#e7dcd3;border-radius:999px}.barra-progreso .activo{background:#c25e36}
.paso-actual{color:#a74725;font-size:13px;font-weight:800;margin-bottom:8px}.sub{margin-top:8px;font-size:14px;line-height:1.6}
#pasoCodigo{display:flex;flex-direction:column;gap:16px}.paso2{display:none;flex-direction:column;gap:16px}
.btn-escanear-grande{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;min-height:144px;border:1px solid #e7dcd3;border-radius:18px;background:#fff;color:#a74725;font-weight:800;font-size:16px}
.icono-escanear-grande{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:#f7e9df;color:#a74725}
.divisor-o{display:flex;align-items:center;gap:12px;color:#76665c;font-size:13px}.linea{height:1px;background:#e7dcd3;flex:1}
label{display:block;font-weight:700;margin-bottom:8px}input[type=text],textarea{display:block;width:100%;min-width:0;min-height:56px;padding:14px 16px;border:1px solid #e7dcd3;border-radius:14px;background:#fff;color:#3b2b24;font-size:16px}textarea{resize:none}
#inputCodigo{height:68px;text-align:center;text-transform:uppercase;letter-spacing:3px;font-size:24px;font-weight:700}#inputCodigo::placeholder{color:#76665c}
.ayuda-computador{background:#f7e9df}.ayuda-computador h2{font-size:15px;margin-bottom:6px}.ayuda-computador p{font-size:13px;color:#76665c}
.grid-info-codigo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tarjeta-info-codigo{padding:12px;border-radius:14px}.prefijo{display:block;color:#a74725;font-size:13px;font-weight:800}.desc{display:block;margin-top:6px;font-size:12px}
.pie-activar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#76665c}.pie-activar span:last-child{color:#3b2b24;word-break:break-all}
.btn-activar{width:100%;min-height:56px;border:0;border-radius:14px;background:#a74725;color:#fff;font-size:16px;font-weight:800;padding:12px 16px}.btn-secundario{width:100%;padding:12px;border:1px solid #e7dcd3;border-radius:14px;background:#fff;color:#3b2b24;font-weight:700}
.error,[role=alert]:not(:empty){background:#fbe9e7;color:#9b2923;padding:14px;border-radius:14px;font-size:14px;line-height:1.6}.error{border:1px solid #e6b6af}#cajaError:empty{display:none}#cajaError:not(:empty){padding:0;background:transparent}
.modal-full{position:fixed;inset:0;z-index:60;display:none;flex-direction:column;background:#000;color:#fff;overflow:auto}.modal-full.activo{display:flex}.header-escaner{display:flex;align-items:center;justify-content:space-between;padding:12px;gap:12px}.cerrar-escaner{width:48px;border:1px solid #76665c;border-radius:12px;background:#fff;color:#3b2b24;font-size:20px}#readerActivacion{flex:1;min-height:0;min-width:0;width:100%}
.vista-dueno{padding-bottom:28px}#contenido{max-width:640px;margin:auto;min-width:0}.encabezado{padding:24px 16px 16px;background:#fff;border-bottom:1px solid #e7dcd3;margin-bottom:16px}.fila-titulo{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:16px;background:#f7e9df;color:#a74725;font-weight:800}.titulo{flex:1;min-width:0}.titulo h1{font-size:22px}.titulo p{font-size:12px;color:#76665c;margin-top:4px}
.btn-actualizar{display:flex;align-items:center;justify-content:center;width:48px;flex-shrink:0;border:1px solid #e7dcd3;border-radius:14px;background:#fff;color:#3b2b24}.btn-actualizar.girando{background:#f7e9df;color:#a74725}
.btn-actualizar.girando svg{animation:girar .9s linear infinite}
@keyframes girar{to{transform:rotate(360deg)}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:100%}.chip{max-width:100%;padding:10px 16px;border:1px solid #e7dcd3;border-radius:999px;background:#fff;color:#76665c;font-weight:700;white-space:normal;overflow-wrap:anywhere}.chip.activo{background:#a74725;color:#fff;border-color:#a74725}
main{padding:0 16px;display:flex;flex-direction:column;gap:16px;min-width:0}.tarjeta h2{font-size:16px;font-weight:800;margin-bottom:12px}.hoy{background:#f7e9df}.hoy h2{font-size:14px;color:#76665c}.monto-grande{font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-.03em}.num{font-variant-numeric:tabular-nums}.comparacion{font-size:13px;margin-top:8px;color:#76665c}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.mini{padding:12px;background:#fff;border:1px solid #e7dcd3;border-radius:14px;min-width:0}.etq{font-size:12px;color:#76665c}.val{font-size:22px;font-weight:800;margin-top:4px}.medios{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.medio{max-width:100%;padding:8px 10px;background:#fff;border:1px solid #e7dcd3;border-radius:10px;font-size:12px}.aviso-costo{font-size:12px;color:#76665c;margin-top:12px}
.fila{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid #e7dcd3;min-width:0}.fila:last-child{border:0;padding-bottom:0}.info{flex:1 1 160px;min-width:0}.nombre{font-size:14px;font-weight:700}.detalle{font-size:12px;margin-top:4px}.valor{font-size:22px;font-weight:800;text-align:right;margin-left:auto;max-width:100%}.punto{width:10px;height:10px;border-radius:50%;flex-shrink:0}.punto.verde{background:#2f7a5c}.vacio{font-size:14px;padding:12px 0}.resumen-stock{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.pill{font-size:13px;font-weight:700;border-radius:999px;padding:6px 10px}.rojo{color:#9b2923}.naranja{color:#795015}.verde{color:#286344}.pill.rojo{background:#fbe9e7}.pill.naranja{background:#fbeeda}.pill.verde{background:#e8f2eb}.stock-num{font-size:18px;font-weight:800;max-width:100%}.local-chico{font-size:12px}.mensaje{margin:32px 16px;text-align:center}.mensaje h2{font-size:20px;margin-bottom:8px}.mensaje p{color:#76665c}.pie{font-size:12px;text-align:center;padding:0 16px;margin-top:20px}.cargando{text-align:center;margin-top:60px}#contenido>[role=alert]{margin:16px}
@media(min-width:768px){.contenedor-activar{padding:36px 24px}.modal-full{inset:24px 0;margin:auto;width:calc(100% - 48px);max-width:600px;border:1px solid #e7dcd3;border-radius:18px}.encabezado{margin-top:24px;border:1px solid #e7dcd3;border-radius:18px}main{padding:0}}
@media(max-width:374px){.grid-info-codigo{grid-template-columns:minmax(0,1fr)}.monto-grande{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}